گروه آموزش طراحی سایت 19 تیر 1394 12 1507 بازدید آموزش وردپرس

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

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

  • توضیح مفهوم کار با ابزارک ها در قالب وردپرس
  • فواید ابزارک ها و معرفی تنظیمات و بخش هایی که ابزارک ها دارند
  • آموزش راه های امکان تعریف ابزارک ها (افزونه ها – قالب وردپرس و افزونه های پیش فرض وردپرس)
  • تعریف ناحیه ابزارک ها – Widget Area
  • آموزش فراخوانی بخش ابزارک ها (سایدبار داینامیک – dynamic_sidebar) در قالب وردپرس
  • آموزش کار با تابع dynamic_sidebar وردپرس
  • آموزش رجیستر کردن سایدبار با تابع  register_sidebar و توضیح کامل آرگومان های آن
  • انطباق استایل های CSS ابزارک های تولید شده توسط قالب وردپرس با کدها و استایل های اعمال شده در CSS

زمان این فیلم آموزشی 50 دقیقه و 9 ثانیه است.

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

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

دسترسی سریع :

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



  1. سینا صالحی

    با عرض سلام و خسته نباشید :)
    داشتم با قالب ور میرفتم یک مشکل برخوردم

    ما اگر یک فرم جستجو بسازیم و نامی (تایتل) برای آن تعین نکنیم قالب بهم ریخته می شود (زیرا در کد های ما یک div زیادی بسته می شود /در قسمت after- widgetقبلش یک div بستیم /)
    اینو چطور میشه درست کرد ؟
    آیا راهی هست که بتونیم با if بگیم اگر تایتل داشت after-widget مثلا این باشه و اگر نبود این باشه ؟
    ممنون میشم راهنمایی کنید تشکر یا علی :)

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

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

  2. مهدی

    سلام
    من یه سوالی تو ذهنم هست تا الان جوابشو نگرفتم

    تو وردپرس برای اینکه بتونیم کلاس های دلخواه رو به تگ ها بدیم خیلی دست و بالمون بستست.خودش یه محتوایی رو تولید میکنه. حالا باز تو ابزارک ها به نصبت بقیه خوب بود .
    راهی هست که تو تمامی توابع وردپرس که محتوای html تولید میکنند بتونیم کلاس های خودمون مثلا کلاس های بوت استرپ رو بذاریم ؟
    ممنون

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

      با عرض سلام و احترام خدمت شما
      اتفاقا در این زمینه ای که فرمودید و برای استفاده از کلاس های CSS دلخواه، وردپرس بسیار کارها را راحت کرده است؛ چرا که وردپرس یک سیستم مدیریت محتوای کاملا Template Base – برپایه ی قالب (پوسته) است. ضمن اینکه خیلی اوقات هم میتوانید یک تگ HTML دلخواه با نام های کلاس و آیدی دلخواه بسازید و سپس توابع وردپرسی را در درون آن قرار بدهید تا بتوانید کنترل های لازم را بر روی عناصر والد ایجاد شده داشته باشید. لطفا دقیقا بفرمایید که در چه موردی برای تعیین نام کلاس دلخواه با مشکلی مواجه هستید، تا بتوانیم راهنمایی تان کنیم.

      • مهدی

        سلام
        بله استاد میشه با رابطه پدر فرزندی مشکلو حل کرد / مثلا تو قسمت برگه ها wp-list-pages میاد یه سری Li و a تولید میکنه با کلاس دلخواه خودش مثلا به li کلاس page-item یا چنین چیزی(و یه کلاس دیگه هم بود که ایدی اون صفحه بود اخر اسمش) میده فرض کنید من بخوام کلاس های (مثلا میگم) خاص بوت استرپ که برای Li و a هست رو اعمال کنیم .
        یعنی میخوام بدونم میشه جلوی استایلای اضافی و گرفت؟
        و استایلهای خودمونو وقتی یه لیستی از محتوا تولید میشه به همه عناصر درونی اعمال کنیم یا نه؟
        مرسی

        • مهدی

          پاسخ نمیدین پاکش کنید که دیگه برای دیدن جواب به این صفحه نیام
          مرسی

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

            با عرض سلام و احترام خدمت شما
            گویا بررسی دیدگاه شما به تعویق افتاده بود که ضمن عرض پوزش پاسخ تقدیم تان شده است.

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

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

  3. احمد

    سلام.

    من یه نکته ای دقیقا متوجه نشدم:
    اگر نیاز داشته باشیم که مثلا در سه ناحیه از قالب از ابزارک ها استفاده بکنیم؛ آیا باید در فایل functions.php سه تا widget area تعریف بکنیم؟ یعنی سه تا تابع با نام دلخواه و بعد سه بار هم تابع add_action ؟

    یا اینکه یکبار در فایل functions.php یک widget area تعریف میکنیم و بعد در هر ناحیه از قالب که خواستیم widget area رو فراخوانی میکنیم؟

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

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

  4. احمد

    سلام.

    1- فرمودید که در ابزارک ها میتونیم در کجای وبسایت استفاده کنیم و اختصاصی به سایدبار نداره. فرض کنید در فوتر سایت میخوایم ابزارک داشته باشیم؛ در این صورت باز هم باید از توابع dynamic_sidebar و register_sidebar استفاده کنیم؟ چون این کلمه sidebar که در نام توابع استفاده شده ابهام ایجاد میکنه.

    2- آیا در ادامه اموزش ها، از ابزارک ها در بخش هایی به جز سایدبار هم استفاده میکنید که نمونه ش رو ببینیم؟

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

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

      با عرض سلام و احترام خدمت شما
      1- بله دقیقا از همین استفاده میشود. در حقیقت widget area ایجاد میشود که لفظ sidebar هم مناسب آن نیست همانطوری که فرمودید.
      2- بله در فوتر
      3- بله در مباحث آموزش های پیشرفته