ایجاد سایدبار های مختلف در وردپرس | گاه نوشت های مهدی



در آخرین آموزشی که در مورد توسعه قالب های وردپرس نوشتم، نحوه ایجاد آرشیو نوشته ها با استفاده از تمپلیت ها را آموزش دادم. تو این پست می خوام در مورد سایدبار کمی صحبت کنم. بین اکثر کسانی که با وردپرس کار می کنن، سایدبار همون ستون کناری صفحه است که می تونه سمت راست یا چپ باشه و البته می دونید که بعضی قالب ها دو یا بیشتر سایدبار دارند.برای اضافه کردن یک سایدبار به قالب وردپرس لازمه که دو کار انجام بشه. اول می بایست کدهای زیر رو به فایل functions.php که در پوشه قالب تون هست، اضافه کنید. اگر این فایل موجود نیست خودتون می تونید این فایل رو بسازید. کافیه یه فایل txt. با نام functions بسازید و بعد از اون پسوند این فایل متنی رو به php تغییر بدید.

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
?>

این تکه کد باعث میشه که قالب شما پذیرای سایدبارهای دینامیک بشه. با این کار بخش ابزارک ها در پنل مدیریت وردپرس فعال میشه و شما یک بخش برای اضافه کردن ابزارک ها خواهید داشت. اگر بخواهیم کنترل بیشتری روی استایل نمایش این ابزارک ها داشته باشیم می تونیم تغییرات زیر رو هم روی این کد اعمال کنیم.

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
?>

با این تغییر در واقع یک بردار از برخی ویژگی های سایدبار ایجاد کردیم. در کد بالا، خطوط ششم و هفتم تگ های قبل و بعد عنوان ابزارک را مشخص می کنند و مشخصاً با ویرایش خطوط ۴ و ۵ نیز می توانید تگ های قبل و بعد متن داخل ابزارک را مشخص کنید و آنها را بر اساس استایل پوسته خودتان تغییر بدهید.حالا اگر بخواهید تعداد بیشتری سایدبار ایجاد کنید باید تغییر زیر را در کد بالا اعمل کنید.

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'sidebar1',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
?>

همانطور که ملاحظه می کنید در سطر سوم یک اسم دلخواه (sidebar1) برای این ساید بار انتخاب کردیم. برای اضافه کردن سایدبارهای بیشتر کافیست کدهای بالا را با اسامی مختلف در جاهائی که مورد نیاز هست، کپی کنید. بدین ترتیب در پنل مدیریت در بخش ابزارک ها ستون هائی با عنوان sidebar1 و… خواهید داشت.

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

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>

و البته برای sidebar2 هم کد زیر اعمال خواهد شد که تنها تفاوت آن با کد قبل، عنوان سایدبار در خط دوم می باشد.

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar2') ) : ?>
<?php endif; ?>

نکته مهم و کاربردی در استفاده از ابزارک ها و ساید بار اینجاست که ابزارک ها لازم نیست که همیشه در سایدبارها باشند، و یا به عبارت دیگر (که البته غلطی مصطلح است) سایدبارها همیشه لازم نیست که در ستون های کناری بلاگ باشند. شما می توانید این ابزارک ها را در هدر بلاگ خود هم قرار دهید و برای مثال بخش های مربوط به هدر و تغییرات آنها را از پنل مدیریت، کنترل و هدایت کنید




دیدگاه ها

پیام

آموزش خیلی خوبی بود
ممنون

 

مهدی

خواهش می کنم

 

جعفری

من به مشکل بر خوردم /کمک

 

وحید

سلام
دست شما درد نکنه
خیلی خوب بود

دیدگاه خود را بنویسید

 

 


استفاده و نشر مطالب این بلاگ با ذکر منبع آزاد است. قدرت گرفته از وردپرس طراحی توسط مهدی