یکی از بهترین امکانات وردپرس ابزارک های آن است، که به راحتی به کاربر امکان میدهد ابزارک ها (widget) موجود در sidebar (نوار کناری) سایت را، کم یا اضافه کنند. برای اینکه پوسته ای که شما ساخته اید از ابزارک ها پشتیبانی کند چند مرحله را باید طی کنید که در زیر به صورت قدم به قدم نحوه افزودن این قابلیت به پوسته و ساخت ابزارک سفارشی در وردپرس را برای شما توضیح میدهم.
در این آموزش نحوه افزودن چند ناحیه مشخص برای قابلیت ابزارک توضیح داده میشود:
۱- اضافه کردن کد زیر در فایل functions.php مربوط به پوسته وردپرس:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
if (function_exists('register_sidebar')) { register_sidebar(array( 'name' => 'Right Sidebar', 'id' => "right_sidebar", 'description' => 'Under Search Form', 'before_widget' => '<aside class="widget %2$s">', 'after_widget' => "</aside>", 'before_title' => '<h4 class="widget-title">', 'after_title' => "</h4>" )); register_sidebar(array( 'name'=> 'Left Sidebar', 'id' => 'left_sidebar', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => '</li>', 'before_title' => '<h2 class="widgettitle">', 'after_title' => '</h2>', )); |
توضیح کد بالا: در کد بالا دو ناحیه با نامها و شناسه های مختلف یکی با نام “Right Sidebar” و دیگری با نام “Left Sidebar” در پوسته تعریف میکنیم. توجه داشته باشید که هنگام تعریف ناحیه اول (right_sidebar) تگهای استفاده شده در پوسته ی مربوط به سایدبار راست، به صورت زیر است:
|
1 2 3 4 5 6 7 8 |
<aside class="widget widget_tags"> <h4 class="widget-title">دانلود کتاب</h4> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </aside> |
و کد Html مربوط به سایدبار چپ به صورت زیر است:
|
1 2 3 4 5 6 7 8 |
<li class="widget widget_tags"> <h2 class="widget-title">برچسبهای محبوب</h4> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </li> |
توجه داشته باشید که پوسته های وردپرس در حالت استاندارد از ساختار دوم استفاده میکنند، ولی اگر شما هم مانند من از تگهای Html 5 برای طراحی پوسته استفاده میکنید. میتوانید از ساختار اول استفاده کرده و یا به هر ساختاری که در پوسته شما هست تغییر دهید.
۲- اضافه کردن کد زیر در سایدبار راست:
|
1 2 |
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Right Sidebar')) : ?> <?php endif; ?> |
توجه داشته باشید که پوسته های وردپرس در حالت استاندارد از ساختار دوم استفاده میکنند، ولی اگر شما هم مانند من از تگهای Html 5 برای طراحی پوسته استفاده میکنید. میتوانید از ساختار اول استفاده کرده و یا به هر ساختاری که در پوسته شما هست تغییر دهید.
۳- اضافه کردن کد زیر در سایدبار چپ:
|
1 2 |
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('left Sidebar')) : ?> <?php endif; ?> |
با اضافه کردن این کد ها در هر قسمت صفحه مثل فوتر می توانید ابزارک هایی با محتویات برنامه نویسی شده و دلخواه را نمایش بدید.
