آموزش اضافه کردن ابزارک به هدر وردپرس

آموزش اضافه کردن ابزارک به هدر وردپرس

معمولا استفاده ابزارک های وردپرس در سایدبار و فوتر سایت میباشد ولی امروز قصد داریم به شما آموزش دهیم که چگونه از ابزارک ها در بالای صفحه (header.php) سایت خود نمایش دهید

برای اضافه کردن ابزارک به هدر ابتدا کافیست کد زیر را در functions.php قرار دهید

function a4fran3_widgets_init() {
register_sidebar( array(
'name' => 'Custom Header Widget Area',
'id' => 'custom-header-widget',
'before_widget' => '<div class="chw-widget">',
'after_widget' => '</div>
','before_title' => '
<h2 class="chw-title">',
'after_title' => '</h2>
',) );}
add_action( 'widgets_init', 'a4fran3_widgets_init' );

با قرار دادن این کد در فانکشن ، بلوک جدیدی با نام Custom Header Widget Area  در ابزارک ها برای شما ایجاد خواهد .

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

<?php if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>
<div id="header-widget-area" class="chw-widget-area widget-area" role="complementary">
<?php dynamic_sidebar( 'custom-header-widget' ); ?>
</div>
<?php endif; ?>

برای نمایش بهتر و استایل زیبا ابزارک کافیست کد زیر را در style.css جایگذاری کنید

div#header-widget-area {
width: 100%;
background-color: #f7f7f7;
border-bottom:1px solid #eeeeee;
text-align: center;
}
h2.chw-title {
margin-top: 0px;
text-align: left;
text-transform: uppercase;
font-size: small;
background-color: #feffce;
width: 130px;
padding: 5px;
}