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

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

شاید در سایتهای زیادی دیده باشید که محتوایی رو در هدر سایت قرار داده اند و دوست داشته باشید که شما هم این کار و ویژگی رو در سایت خود داشته باشید بنابراین به عوض کردن تم خود می پردازید اما این کار لازم نیست و میتونید در آموزش افزودن ابزارک به هدر وردپرس همراه ما بمانید تا در این آموزش وردپرس قابلیت داشتن ابزارک رو با هر متنی به هدر سایت بدهیم

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

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

به فایل functions.php قالب وردپرس خود رفته و کدها ی زیر رودر ان قرار دهید

function wpb_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', 'wpb_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; ?>

استفاده از شیوه نامه

میتوند مشاهده نمایید که دیگر برای ابزارک و نمایش فراخوانی شده است پس نوبت به استایل  میرسد و کدهای زیر رو در فایل استایل قرار دهید

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;
}

ابزارک متنی انتخاب و در Custom Header Widget Area محتوای خودتون رو قرار دهید و با منتشر نمودن میتوند در سایت نتیجه رو مشاهده نمایید

از همراهیتون سپاسگذاریم

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *