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

تاریخ انتشار: شهریور 8, 1394 تعداد بازدید: 2,209 بازدید تعداد دیدگاه ها: 2

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

آموزش ساخت سایدبار سفارشی برای وردپرسReviewed by فریش تم on Aug 30Rating: 5.0آموزش ساخت سایدبار سفارشی برای وردپرسدراین آموزش باطراحی سایدبار دروردپرس همراه شما هستیم.به صورت پیشفرض ابزارک ها فعال نیست.ابتدا ابزارک ها را فعال می کنیم و دو ابزارک برای سایدبار و فوتر می سازیم

سلام و عرض ادب و احترام خدمت شما دوستان و همراهان گرامی وردپرسی
در این آموزش حرفه ای وردپرس همراه شما هستیم با آموزش طراحی سایدبار در وردپرس.پس تا انتها همراه من باشید
به صورت پیشفرض بخش ابزارک ها در وردپرس فعال نیست. پس در ابتدا هم ابزارک ها را فعال می کنیم و هم دو مکان ابزارک برای سایدبار و فوتر می سازیم.حال برای اعمال این تغییرات باید فایل function.php را در حالت ویرایش بگشاییم و سپس کد زیر را به functions.php اضافه کنیم:

if ( function_exists('register_sidebar') )
register_sidebar(array(
      'name' => 'ابزارک های سایدبار', // نام سایدبار اینجا قرار میگیرد
      'id'   => 'sidebar-widgets', // آی دی مربوط به سایدبار برای فراخوانی در پوسته
      'description'   => 'ابزارک های این ناحیه در سایدبار نمایش داده خواهند شد', // توضیحات مربوط به سایدبار
      'before_widget' => '<div class="sidebar-widget">', // مقداری که قبل از هر بلوک قرار می گیرد
      'after_widget'  => '</div>', // مقداری که بعد از هر بلوک قرار می گیرد
      'before_title'  => '<h3 class="widget-title">', // مقداری که قبل از عنوان ابزارک قرار می گیرد
      'after_title'   => '</h3>', // مقداری که بعد از عنوان ابزارک قرار می گیرد
     ));
	 
	 register_sidebar(array(
      'name' => 'ابزارک های فوتر', // نام سایدبار اینجا قرار میگیرد
      'id'   => 'footer-widgets', // آی دی مربوط به سایدبار برای فراخوانی در پوسته
      'description'   => 'ابزارک های این ناحیه در فوتر نمایش داده خواهند شد', // توضیحات مربوط به سایدبار
      'before_widget' => '<div class="footer-widgets col-md-4 col-sm-12 col-xs-12">',  // مقداری که قبل از هر بلوک قرار می گیرد
      'after_widget'  => '</div>',  // مقداری که بعد از هر بلوک قرار می گیرد
      'before_title'  => '<h3 class="widget-title">', // مقداری که قبل از عنوان ابزارک قرار می گیرد
      'after_title'   => '</h3>', // مقداری که بعد از عنوان ابزارک قرار می گیرد
     ));

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

حال باید این سایدبار ساخته شده را در پوسته وردپرس خود قرار دهید که به صورت زیر است:
فایل index.php را باز کنید و div که دارای کلاس sidebar است را پیدا کرده و پاک کنید و به جای آن کد زیر را قرار دهید:

 <?php if ( is_active_sidebar( 'sidebar-widgets' ) ) : // بررسی می کند که آیا ابزارکی وجود دارد یا خیر ?>
	 <div class="sidebar col-md-3 col-sm-12 col-xs-12 pull-left">
		<?php dynamic_sidebar( 'sidebar-widgets' ); // فراخوانی ابزارک ?>
	</div>
<?php endif; ?>

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

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

منبع فریش تم ارائه دهنده : قالب شرکتی وردپرس , قالب وردپرس فارسی , خرید قالب سایت , پوسته وردپرس

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

2 دیدگاه