آموزش ایجاد یک سایدبار جدید در وب سایت وردپرس

با سایدبارها و اهمیت شان در وردپرس حتما آشنا هستید! این آموزش کمک می کند تا با استفاده از کد نویسی بتوانید سایدبارهای جدیدی را برای وبلاگ وردپرس خود ثبت کنید. یکی از قابلیت های استفاده از سایدبارها برای نمایش ویجت ها است! ادامه این آموزش شیرین را از دست ندهید!!

آموزش ایجاد یک سایدبار جدید در وردپرس

آموزش ایجاد یک سایدبار جدید در وب سایت وردپرس

برای شروع کار و ثبت سایدبار جدید باید از فایل () register_sidebar استفاده کنید. بدین منظور برای ثبت تابع سایدبار وردپرس از قطعه کد زیر استفاده می کنیم.

<?php register_sidebar( $args ); ?>

پارامترهایی که می پذیرد به صورت آرایه ای از تنظیمات است.

<?php $args = array(
	'name'          => sprintf(__('Sidebar %d'), $i ),
	'id'            => 'sidebar-$i',
	'description'   => '',
	'before_widget' => '<li id="%1$s" class="widget %2$s">',
	'after_widget'  => '</li>',
	'before_title'  => '<h2 class="widgettitle">',
	'after_title'   => '</h2>' ); ?>

با توجه به کد بالا باید نام، آیدی و… مناسبی را برای سایدبار انتخاب کرد. همچنین before_widget ،after_widget و… تگ های HTML را برای نمایش ویجت در سایدبار می پذیرند.
در ادامه یک نمونه از ایجاد سایدبار اصلی وردپرس را مشاهده می کنید. این قطعه کد را باید در functions.php قرار دهید.

if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'name' => 'Main Sidebar',
		'before_widget' => '<div id="%1$s" class="widget %2$s clearfix">',
		'after_widget' => '</div>',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
	));
}

ثبت تابع سایدبار پویا در وردپرس

پس از ثبت سایدبار، شما نیاز دارید که آن را در فایل HTML تان با استفاده از تابع () dynamic_sidebar قرار دهید.

<?php dynamic_sidebar( $index ); ?>

پارامتر index، نشان دهنده آیدی و یا نامی می باشد که قبلا برای سایدبار ثبت کرده اید. پس این پارامتر را تغییر دهید.

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

<ul id="sidebar">
   <?php dynamic_sidebar( 'Right Sidebar' ); ?>
</ul>

با ذخیره سازی تغییرات شما می توانید سایدباری را که ایجاد کرده اید در وب سایت مشاهده کنید.

پیروز و موفق باشید.

1/5 - (1 امتیاز)
ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.