سایدبار در وردپرس و آموزش ساخت آن

سایدبار در وردپرس و آموزش ساخت آن

سایدبار در وردپرس و چگونگی افزودن آن به قالبهای وردپرس

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

مراحل اضافه کردن سایدبار در وردپرس :

  • ثبت کردن سایدبار وردپرس
  • ایجاد فایل سایدبار وردپرس
  • استفاده از ساید بار ساخته شده در مکان مورد نظر قالب ورد پرس

ثبت کردن ساید بار

برای ثبت سایدبار در وردپرس فابل functions.php قالب رو باز کنید و کدهای زیر رو بهش اضافه کنید . درست بعد از php?> :

if ( function_exists(‘register_sidebar’) ) {
   register_sidebar(array(
      ‘name’ => ‘My Sidebar’,    // نامی سایدبار
      ‘id’ => ‘my-sidebar’,         // آیدی سایدبار رو در اینجا تعیین کنید
      ‘description’ => ‘my new sidebar’, // توضیحی در مورد این سایدبار
      ‘before_widget’ => ‘<div class=”widget”>’,   // کد قبل از هر منو
      ‘after_widget’ => ‘</div>’,                         // کد بعد از هر منو
      ‘before_title’ => ‘<h2 class=”widget-title”>’, // قبل از عنوان منو
      ‘after_title’ => ‘</h2>’,  // بعد از عنوان منو
   ));
}

در بالا ما یک سایدبار جدید با نام My Sidebar و آیدی my-sidebar ثبت کردیم . در واقع به وردپرس نصب شده سایدبار جدید رو می شناسونیم ! این نام ها دلخواه هستند . میتونند شبیه footer-sidebar ، second-sidebar و … باشند . دقت کنید که قبلا سایدباری با این نام و آیدی در قالبتون نباشه . توضیحات لازم هم در کد داده شده که بر اساس نوع تگ های مورد استفاده در قالبتون می تونید تگ های قبل و بعد از هر منو و عنوان اون رو هم مشخص کنید .
بعد از افزودن این کدها به functions.php سایدبارتون رو به شکل زیر در قسمت مدیریت وردپرس خواهید دید که می تونید به راحتی به این سایدبارتون widget ها و ابزارک هایی که می خواید اضافه کنید :

 ایجاد فایل سایدبار جدید

فایل سایدبار پیشفرض قالب های وردپرس sidebar.php هست . برای ایجاد سایدبار جدید باید نام اون رو شبیه sidebar-xyz.php بزارید . به جای xyzz هر چیزی میتونید بزارید . بعدا برای استفاده از سایدبار در قالب از همین نامی که به جای xyz میزارید استفاده میکنیم .
در اینجا ما فایلی رو با نام sidebar-new.php میسازیم و در پوشه اصلی تم قرار میدیم و محتویات اون رو شبیه زیر قرار می دیم :

:((‘if (!function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘my-sidebar

<?;endif

<div/>

توجه کنید که my-sidebar موجود در خط ۳ کد همون آیدی سایدباری هست که ساختیم .

 استفاده از سایدبار ساخته شده

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

توجه کنید که اینجا new همون نامیه که ما در آخر فایل سایدبارمون به جای xyz ی که گفته شد قرار دادیم .

 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *