یکی از بخش های کاربردی در وردپرس، widget ها است. در این مطلب قصد یادگیری روش ایجاد ناحیه ابزارک وردپرس را داریم.
ابزارک یا همان widget ها در وردپرس، امکانات خوبی را به مدیر سایت ارائه می دهند. هر ویجت در واقع یک قطعه کد آماده برای نمایش در سایت است. از ابزارک ها به سادگی با کشیدن و انداختن در «ناحیه ابزارک در وردپرس» میتوان استفاده کرد. پس برای استفاده از نیاز به محل های از پیش تعیین شده دارند. به این بخش ها، sidebar یا همان ناحیه ابزارک وردپرس می گویند. در این مطلب قصد ایجاد این بخش در طراحی قالب وردپرسی خود را داریم.
ایجاد ناحیه ابزارک وردپرس
به صورت کلی برای ایجاد ناحیه ابزارک وردپرس یا dynamic sidebar دو مرحله وجود دارد. در مرحله اول باید این سایدبار پویا را تعریف کنیم. در مرحله دوم محل نمایش آن در قالب را مشخص می کنیم. برای تعریف یک محل آماده ابزارک باید کد زیر را در فایل function قالب خود قرار دهیم:
function tc_sidebars()
{
register_sidebar(
[
'name' => 'نام ناحیه ابزارک',
'id' => 'tc_sidebar1',
'description' => 'این یک ناحیه ابزارک اختصاصی است.',
'before_widget' => '<div class="tc_widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="tc_widget_title">',
'after_title' => '</h3>',
]
);
}
add_action('widgets_init', 'tc_sidebars');در این کد یک با استفاده از register sidebar یک سایدبار اختصاصی با نام، آی دی و توضیحات مورد نظر خود ایجاد کرده ایم. با استفاده از موارد بعدی تگ ها و کلاس های قبل و بعد از ابزارک خود را تعریف می کنیم. همچنین تگ دربرگیرنده عنوان ابزارک را نیز میتوانیم شخصی سازی کنیم. در این مثال ابزارک خود را در یک div با کلاس tc_widget می گذاریم. همچنین عنوان ابزارک را نیز در یک تگ h3 و با کلاس tc_widget_title قرار می دهیم. این دو کلاس در نمایش ابزارک در قالب به ما کمک می کنند.
تا اینجا یک ناحیه ابزارک وردپرس را به سادگی تعریف کرده ایم. حال در پنل مدیریت وردپرس و در بخش نمایش، گزینه ابزارک ها قابل دیدن است. در این صفحه امکان قرار درج ابزارک ها در محل جدیدی که ایجاد کرده ایم را داریم. اما تا اینجا محل نمایش ابزارک را مشخص نکردیم. برای این کار از کد زیر استفاده می کنیم:
if (is_active_sidebar('tc_sidebar1')) {
dynamic_sidebar('tc_sidebar1');
}در این کد ابتدا وجود ناحیه ابزارک را بررسی می کنیم. سپس با استفاده از dynamic_sidebar(‘tc_sidebar1’)، ابزارک را چاپ می کنیم. عبارت tc_sidebar1 در این کد در واقع شناسه ناحیه ابزارک است.
تعریف چند sidebar
تا اینجا یک ناحیه نمایش ابزارک در قالب وردپرسی خود ایجاد و محل نمایش آن را مشخص کردیم. امکان ایجاد چند ناحیه نیز به سادگی وجود دارد. برای این کار باید register_sidebar جدیدی را در همان تابع tc_sidebars ایجاد کنیم. تنها نکته مهم برای این کار، یکسان نبودن ID و یا همان شناسه ها است. برای نمایش نیز از آی دی جدید در کد دوم استفاده می کنیم.