اضافه کردن ابزارک وردپرس به هدر سایت
برخی از مواقع شما نیاز دارید برای سایت خود ابزارک در هیدر ایجاد کنید.
برای این کار شما نیاز دارید تا آموزش زیر را انجام دهید تا موفق به اضافه کردن ابزراک در هیدر سایت خود شوید.
آموزش زیر را دنبال کنید.
ابزارکی که در هدر سایت قرار می گیرد، برای نمایش تبلیغات یا مقالات اخیر یا هر چیزی که شما می خواهید مورد استفاده قرار می گیرد که امروزه بیشترین محبوبیت را در بین کاربران وردپرس دارد. تمام سایتهای محبوب از این قسمت برای نمایش مطالب مهم استفاده می کنند.
معمولاً تم های وردپرس ستونهای اضافی کنار محتوا ایجاد می کنند. هنوز بسیاری از تم های وردپرس محتوا را به قسمت هدر اضافه نمی کنند. به همین دلیل در این مقاله به شما آموزش می دهیم که چطور یک بخش ابزارک در قسمت هدر اضافه کنید.
ایجاد یک ابزارک در منطقه هدر:
در ابتدا باید یک بخش ابزارک سفارشی ایجاد کنید. برای اینکار باید وارد قسمت نمایش و سپس ابزارک ها در پیشخوان وردپرس شوید.
حال شما باید کد زیر را به فایل فانکشن functions.php در تم خود وارد کنید. در اضافه کردن این کدها به فانکشن قالب نهایت دقت را داشته باشید چرا که ممکن است سایت را خراب کنید.
[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’ ); [/php]
حال متنی که قصد دارید در هدر نمایش داده شود را در بخش ابزارک جدیدی که ایجاد کرده اید وارد کنید و آن را ذخیره کنید.
نمایش ابزارک سفارشی سربرگ شما:
اگر به سایت خود مراجعه کنید قادر نخواهید بود ابزارک هدری که به تازگی ایجاد کرده اید را مشاهده کنید. زیرا ما هنوز مشخص نکرده ایم که وردپرس کجا آنرا نمایش دهد.
شما اکنون نیاز دارید فایل header.phpp را ویرایش کرده و اکد زیر را به جایی که دوست دارید ابزارک در آن جا به نمایش در بیاید را قرار دهید.
[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; ?> [/php]
استایل دهی بخش ابزارک هدر شما با استفاده از CSS :
با توجه به تم مورد استفاده شما، باید از کدهای CSS جهت کنترل نمایش بخش ابزارک هدر سایت استفاده کنید. در این بخش شما می توانید CSS سفارشی خود را وارد کنید و پیش نمایش تغییرات را مشاهده نمایید.
حال فرض کنید که می خواهیم با استفاده از یک ابزارک واحد، یک منوی سفارشی یا تبلیغات بنر ایجاد کنیم.
یک نمونه کد CSS ساده که میتواند در ابتدا به شما کمک کند در زیر آورده شده است:
ممکن است که شما نیاز داشته باشید با توجه به موضوع کار خود، CSS را تنظیم کنید. برای اینکار باید کمی دانش سی اس اس داشته باشید و اگر دانش اینکار را ندارید بهتر هست به یک کد نویس بسپارید.
[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;
} [/css]

ممکن است که شما نیاز داشته باشید با توجه به موضوع کار خود، CSS را تنظیم کنید. برای اینکار باید کمی دانش سی اس اس داشته باشید و اگر دانش اینکار را ندارید بهتر هست به یک کد نویس بسپارید.
مثل همیشه عالی بود
بهترین کوتاه کننده لینکفارسی در ایران
سلام
بطور اتفاقی سایت شما را مشاهده کردم. مطالب خوب و مفیدی را ارائه کرده اید که من خیلی استفاده کردم.
براتون آرزوی موفقیت می کنم.
لطفا سری هم به سایت من بزنید و مرا راهنمایی کنید. زمینه فعالیت من درباره : بلوک تیغه و تیغه سفالی آجر سفال دیواری هست.
آدرس سایت من : http://kashiceram.com/blog/post/215 قیمت آجر
ممنون می شم وقت بگذارید. یکبار دیگه از شما تشکر می کنم.
موفق باشید.
سلام
متشکر از ارسال نظر شما.
موفق باشید