ایجاد یک سایدبار جدید در وردپرس

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

ایجاد یک سایدبار جدید در وردپرس

ایجاد یک سایدبار جدید در وردپرس

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

<!--?php register_sidebar( $args ); ?-->

1	<!--?php register_sidebar( $args ); ?-->

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

<!--?php $args = array( 'name' => sprintf(__('Sidebar %d'), $i ),<br ?--> 'id' => 'sidebar-$i', 'description' => '', 'before_widget' => ' <ul> <li id="%۱$s" class="widget %۲$s">', 'after_widget' => '</li> </ul> ', 'before_title' => '<h۲ class="widgettitle">', 'after_title' => '</h۲>' ); ?>

1 2 3 4 5 6 7 8 9 10

<!--?php $args = array( 'name' => sprintf(__('Sidebar %d'), $i ),<br ?--> 'id' => 'sidebar-$i', 'description' => '', 'before_widget' => ' <ul> <li id="%۱$s" class="widget %۲$s">', 'after_widget' => '</li> </ul> ', 'before_title' => '<h۲ class="widgettitle">', 'after_title' => '</h۲>' ); ?>

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

همین حالا ببینید:  آموزش رفع مشکل اتصال به پایگاه داده در وردپرس

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

1 2 3 4 5 6 7 8 9 10 11

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

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

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

<!--?php dynamic_sidebar( $index ); ?-->

1	<!--?php dynamic_sidebar( $index ); ?-->

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

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

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

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

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

مطالب مرتبط:

مدیریت فایل htaccess در وردپرس

تب بندی مطالب و برگه ها در وردپرس

شرطی کردن زمینه های دلخواه وردپرس

افزونه صفحه ساز وردپرس

منبع: تیک‌تم – ارائه دهنده مقالات: آموزش ووکامرس – بازاریابی محتوا – آموزش وردپرس