گروه آموزش طراحی سایت 29 فروردین 1394 22 2331 بازدید دوره مجازی آموزش طراحی قالب وردپرس

در مباحث قبلی از آموزش های طراحی قالب وردپرس، به نحوه ی استفاده از توابع وردپرسی next_posts_link , previous_posts_link اشاره کردیم و آموزش های مربوطه را خدمت تان تقدیم کردیم. اما شاید تا به حال برای خودتان هم این سوال پیش آمده باشد که چگونه میتوان به جای داشتن تنها یک لینک به صفحه ی قبلی و یک لینک به صفحه ی بعدی مطالب وردپرس، یک صفحه بندی مانند عکس زیر داشته باشیم.

آموزش صفحه بندی در طراحی قالب وردپرس

آموزش صفحه بندی در طراحی قالب وردپرس

در این فیلم آموزشی، نحوه ی پیاده سازی و به کارگیری چنین امکانی به شما آموزش داده می شود. همچنین نکاتی حرفه ای برای هماهنگی بیشتر میان کدنویسی استاتیک (کدنویسی html, css, jquery) و کدنویسی قالب وردپرس خدمت تان تقدیم میشود تا باعث افزایش سرعت، دقت و هماهنگی در اجرای پروژه های طراحی قالب وردپرس و طراحی وب سایت تان شود.

در این فیلم آموزشی وردپرس تقدیم تان میشود:

  • آموزش کار با افزونه ی wp-pagenavi جهت ساخت صفحه بندی (pagination) در فرآیند طراحی قالب ودرپرس
  • آموزش کار با افزونه ی wp_page_numbers جهت ساخت صفحه بندی (pagination) در فرآیند طراحی قالب ودرپرس
  • آموزش ارتباط میان فایل های CSS مورد نیاز افزونه های فوق و قالب وردپرس در دست طراحی (با استفاده از تابع wp_head وردپرس)
  • نکات حرفه ای جهت افزایش سرعت، دقت و کیفیت در طراحی قالب وردپرس که مربوط به نحوه ی ارتباط میان طراح قالب وردپرس و مسئول تبدیل PSD به HTML صفحات وب در پوسته ی وردپرس مورد نظر شماست.
  • نحوه ی ساخت اسنیپت (snippet) های وردپرس برای تحویل به کدنویس html, css, jquery قالب استاتیک (و یا استفاده توسط خودتان)
  • هماهنگ سازی pagination ساخته شده در قالب استاتیک و اعمال استایل های قبلی به خروجی هایی که توسط افزونه وردپرسی wp_page_numbers ایجاد میشود.

جهت دانلود محتوای آموزشی این جلسه، شامل فیلم آموزشی، اسنیپت های خروجی های افزونه های مذکور و قالب وردپرسی که تا به حال طراحی کرده ایم، بر روی لینک زیر کلیک نمایید:

خرید این فیلم آموزشی به صورت تک (2500 تومان) :
25,000 ریال – خرید
ثبت نام و دسترسی کامل به تمام فیلم ها و محتوای دوره آموزش طراحی قالب وردپرس قبلا ثبت نام کرده ام؛ ورود

دسترسی سریع :

نظرات کاربران (22)



  1. احمد هاشمی

    با عرض سلام و خسته نباشید خدمت شما
    من تا این قسمت فیلم ها رو دیدم، واقعا عالی بودن.
    یه سوال داشتم، توی قسمت صفحه بندی، یک افزونه رو نصب کردید. خوب این افزونه که اضافه میشه، توی پوشه plugin قرار میگیره و حالا اگه ما قالب رو آماده کنیم و بخوایم روی یه سیستم دیگه نصب کنیم، قاعدتا فقط پوشه مربوط به قالب رو باید منتقل کنیم و نمیتونیم پوشه plugin, رو روی سیستم دیگه ببریم. حالا این وسط تکلیف افزونه های نصب شده چی میشه؟ منظورم اینه که افزونه های نصب شده، مربوط به سیستم خودمون میشن و نه قالب. باید چکار کرد؟
    ببخشید که طولانی شد و سپاس

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      این مسئله کاملا عادی است؛ تنها کافی است افزونه های وردپرسی ای که در حین طراحی قالب وردپرس تان استفاده کرده اید، در سایت مورد نظر نیز نصب و فعال شوند.

  2. احمد

    من یک template-page ساختم و داخلش از کوئری های دلخواه استفاده کردم (query_posts).
    امکانش هست توی template-page از افزونه wp-pagenavi برای صفحه بندی استفاده کرد؟

    من استفاده کردم اما پایین صفحه که خونه های صفحه بندی ظاهر میشه، فقط شماره یک رو نمایش میده و خبری از شماره های بعدی نیست.

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      در مورد نحوه ی استفاده از صفحه بندی ها در فیلم آموزشی یک مثال عملی بهمراه نکات ضروری ارائه شد. اگر به همان روش اقدام می کنید و صفحه بندی را مشاهده می کنید اما فقط یک گزینه دارید، حتما تعداد جوابهایی که برای کوئری داشته اید، به حدی زیاد نبوده اند که نیاز به نمایش صفحات بیشتری در بخش صفحه بندی تان باشد.

      • احمد

        بیشتر از 30تا مقاله هستش. (از همون فایل xml که شما در این دوره استفاده کردید، منم استفاده کردم.)
        از طرفی من توی تنظیمات پنل وردپرس تعیین کردم که در هر صفحه فقط ده تا نوشته نشون داده بشه.
        توی تنظیمات افزونه هرچقدر اون اعداد رو کم و زیاد کردم به نتیجه ای نرسیدم.
        پارامتر posts_per_page رو هم اصلا هیچ مقداری بهش ندادم که تعداد مقالات رو محدود کنه.

        • گروه آموزش طراحی سایت

          آیا پارامتر paged را مطابق آن چه در فیلم آموزش داده شد، به کار بردید؟ ضمن اینکه وقتی فایل XML ای که به شما ارائه شده را درون ریزی کرده اید، ممکن است آیدی های متفاوتی را برای دسته ها ایجاد کرده باشد، بعبارت دیگر لزوما آیدی دسته های وردپرس شما با آن وردپرسی که فایل XML از آن گرفته شده است، یکسان نخواهد بود.

  3. احمد

    سلام

    وقتی میخام افزونه ای نصب بکنم، زمانی که اسم افزونه رو در باکس جستجو مینویسم و کلید Enter رو میزنم، بعد از مدتی با این خطا مواجه میشم:

    Fatal error: Maximum execution time of 30 seconds exceeded in C:\xampp\htdocs\…\wp-includes\class-http.php on line 1597

    توی نت هم سرچ کردم و یک راه حل که مربوط به ویرایش فایل php.ini بود رو انجام دادم (در فایل php.ini مقدار max_execution_time رو از 30 به 120 تغییر دادم) اما مشکل حل نشد.

    ممنون میشم راهنمایی بفرمایید.

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      قطعا جستجوی نام یک افزونه در وردپرس، پردازش خاصی ندارد و حتی همان سی ثانیه هم برایش زیاد است! منتها این ایراد ممکن است به خاطر خطا در فایل های وردپرس تان باشد که این ایراد معمولا با آپدیت (بروزرسانی) هسته ی وردپرس و یا نصب مجدد برطرف می شود.
      آیا این مشکل را در هنگام جستجو در بخش نوشته ها، برگه ها و …. هم دارید؟

      • احمد

        برای جستجوی نوشته ها و برگه ها مشکلی ندارم.

        الان که خواستم نسخه وردپرس رو اپدیت کنم باز هم همون پیغام خطا رو داد. (Fatal error: Maximum execution time of 120 seconds exceeded in C:\xampp\htdocs\pna\wp-includes\class-http.php on line 1597)

        دیروز هم که یک افزونه جستجو میکردم، حدود 10بار سعی کردم تا بالاخره موفق شدم نتیجه جستجورو ببینم؛ بعد که خواستم افزونه رو نصی کنم باز هم همون پیغام خطارو میداد… چند بار سعی کردم تا بالاخره نصب شد و البته یک warning هم داد که توجهی نکردم.

        نمیدونم مشکل از کجاست.

        • گروه آموزش طراحی سایت

          با عرض سلام و احترام خدمت شما
          لطفا تمامی افزونه های وردپرس را غیر فعال کنید و مجدد تست کنید؛ اگر باز هم مشکل پابرجا باشد، بایستی وردپرس را مجدد نصب نمایید.

          • احمد

            من افزونه advanced custom field رو با زحمت نصب کردم و الان کلی زمینه دلخواه ساختم.

            اگر از دیتابیس یه export بگیرم و بعد از نصب دوباره وردپرس، دیتابیس رو import کنم، زمینه های دلخواه برمیگرده؟

          • گروه آموزش طراحی سایت

            با عرض سلام و احترام خدمت شما
            افزونه های وردپرس عملکردهای جداگانه و اختصاصی خودشان را دارند ولی در این موردی که فرمودید، اگر به همان روشی که زمینه های دلخواه وردپرس ذخیره میشوند، ذخیره شوند (که طبعا همینطور باید باشد) مشکلی بوجود نخواهد آمد. معمولا افزونه هایی که برای کار بهتر و راحت تر با زمینه های دلخواه – custom fields برای وردپرس نوشته میشوند، همان مکانیزم ذخیره سازی زمینه های دلخواه وردپرس را دارند، منتها از نظر ظاهر استفاده از آن ها، روال کاربردی تر و کاربر پسندتری را در اختیار کاربران وردپرس قرار می دهند.


  4. سلام و عرض ادب خدمت شما
    میشه بگید سایتتون از چه قالبی بوجود آمده؟ لطفا جواب رو برام ایمیل کنید مرسی

    • علی آخرتی

      سلام و احترام
      سایت از قالب از پیش آماده شده درست نشده.
      این قالب از ۰ تا ۱۰۰ توسط مجموعه آنلاینر طراحی کدنویسی و برنامه نویسی شده.
      با تشکر

  5. احمد

    سلام.

    از پنل وردپرس در بخش تنظیمات، میتونیم مشخص کنیم که چه تعداد نوشته در صفحه اصلی نمایش داده بشه.
    از طرفی در افزونه مثلا wp-pagenavi در بخش تنظیمات این افزونه، گزینه ای هست که میتونیم تعداد پست هارو برای هر صفحه مشخص کنیم.

    این تداخل نیست؟ کدوم ملاکه؟ چطور باید اینهارو تنظیم کنیم؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      توجه داشته باشید که تنظیمات مربوطه در wp-pagenavi نام شان “تعداد شماره صفحه” است و نه تعداد مطالب در هر صفحه. کاربردشان نیز این هست که مثلا وقتی تعداد صفحه بندی ها زیاد میشود (مثلا وقتی 100 صفحه دارید)، نمیتوان تمام این 100 صفحه را لیست کرد؛ و با این تنظیم میتوانید تعیین کنید چه تعدادی صفحه نمایش داده شوند.

  6. احمد

    سلام.

    بعضی از سایتهای وردپرسی هستن که صفحه بندیشون به صورا ایجکسی هستش.
    شما اینهارو تو آموزشتون دارید؟ یا سرچ به صورت ایجکس.
    چون الان بحث ایجکس خیلی مهمه.

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      بحث Ajax علیرغم اینکه ابتدا به ساکن برای کسانی که با آن آشنایی ندارند بسیار مهم و بزرگ جلوه می کند، پیچیدگی خاصی ندارد.
      ضمن اینکه هر کدام از تکنیک های Ajax، نکات خاص خودشان را دارند و باید در استفاده از آن ها دقت کرد تا در سئو، سازگاری با سایر افزونه ها، کاربرپسندی، سرعت بارگزاری در صفحه، استفاده از منابع دیتابیس و … دچار مشکل نباشید. چون استفاده از Ajax به صورت صحیح اگر یک امتیاز مثبت باشد، استفاده ی اشتباه از آن 10 امتیاز منفی خواهد بود!

      • احمد

        خیلی ممنون از پاسختون.

        خواهش میکنم اگر امکان داره توی آموزش ها، لااقل یک نمونه از کاربرد ajax در ورد پرس رو داشته باشید.

        مثلا بعضی از وبسایت ها هستن که وقتی صفحه اسکرول میشه، مطالب و پست ها توی صفحه بارگذاری میشن؛ یعنی در واقع به صورت ایجکسی لود میشن.
        یا سایتهایی هستن که مطالب رو pagination کردن اما وقتی مثلا میخوایم به صفحه دوم بریم، کل صفحه رفرش نمیشه و فقط همون قسمت مربوط به پستها عوض میشه و پستهای جدید لود میشه.

        حالا هر کدوم از این موارد که فکر میکنید بهتره و مهمتره، ممنون میشم که توی آموزش ها بگنجونید.

        • گروه آموزش طراحی سایت

          با عرض سلام و احترام خدمت شما
          بله، حتما

  7. mahdieh

    بسیار عالی بود استاد ممنون

    • گروه آموزش طراحی سایت

      خواهش می کنم؛ سلامت باشید