آموزش ساخت ابزارک در فوتر وردپرس

با سلام خدمت دوستان عزیز وردپرسی!

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

آموزش ساخت ابزارک در فوتر وردپرس

برای شروع کار ابتدا وارد ویرایشگر قالب خود شده و کدهای زیر را در مکان مناسبی از فایل فانکشن (functions.php) قالب خود درج کنید.

register_sidebar( array(
'name' => 'سایدبار فوتر 1',
'id' => 'footer-sidebar-1',
'description' => 'Appears in the footer area',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' => 'سایدبار فوتر 2',
'id' => 'footer-sidebar-2',
'description' => 'Appears in the footer area',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' => 'سادیابر فوتر 3',
'id' => 'footer-sidebar-3',
'description' => 'Appears in the footer area',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );

همانطور که در این کدها مشاهده می کنید پس از ذخیره این کد در فانکشن قالب، ابزارک های ساخته شده با سه نام ابزارک فوتر 1،2 و 3 در بخش ابزارک ها ایجاد خواهند شد.

حال باید کد نمایش هر ابزارک را در فوتر ایجاد کنیم. بنابراین فایل فوتر قالب خود را که با نام footer.php می باشد را باز کرده و کدهای زیر را در مکان مورد نظر خود قرار دهید.

<div id="footer-sidebar" class="secondary">
<div id="footer-sidebar1">
<?php
if(is_active_sidebar('footer-sidebar-1')){
dynamic_sidebar('footer-sidebar-1');
}
?>
</div>
<div id="footer-sidebar2">
<?php
if(is_active_sidebar('footer-sidebar-2')){
dynamic_sidebar('footer-sidebar-2');
}
?>
</div>
<div id="footer-sidebar3">
<?php
if(is_active_sidebar('footer-sidebar-3')){
dynamic_sidebar('footer-sidebar-3');
}
?>
</div>
</div>

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

#footer-sidebar {
display:block;
height: 250px;
}
#footer-sidebar1 {
float: left;
width: 260px;
margin-left:10px;
margin-right:10px;
}
#footer-sidebar2 {
float: left;
width: 260px;
margin-right:5px;
}
#footer-sidebar3 {
float: left;
width: 260px;
}

حال بسته به نیاز خود استایل ها را ویرایش کرده و در آن قرار دهید.

شاد باشید..