ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

اضافه کردن ابزارک وردپرس به هدر سایت

مقالات,آموزش,ترفند , وردپرس

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

 

چرا و چه موقع شما نیاز دارید که به هدر سایت خود ابزارک اضافه کنید؟ ابزارک به شما اجازه می دهد که براحتی به تم وردپرس خود محتوایی را اضافه کنید.

 

ابزارکی که در هدر سایت قرار می گیرد، برای نمایش تبلیغات یا مقالات اخیر یا هر چیزی که شما می خواهید مورد استفاده قرار می گیرد. تمام سایتهای محبوب از این قسمت برای نمایش مطالب مهم استفاده می کنند.

 

اضافه کردن ابزارک وردپرس به هدر سایت

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

 

ایجاد یک ابزارک در منطقه هدر

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

اضافه کردن ابزارک وردپرس به هدر سایت

حال شما باید کد زیر را به فایل فانکشن 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' );

این کد یک نوار کناری یا یک بخش ابزارک جدید به قسمت هدر تم شما اضافه می کند. حال به قسمت نمایش و سپس صفحه ابزارک ها بروید. یک بخش ابزارک با برچسب “سربرگ سفارشی بخش ابزارک” خواهید دید.

 

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

 

نمایش ابزارک سفارشی سربرگ شما:

اگر به سایت خود مراجعه کنید قادر نخواهید بود ابزارک هدری که به تازگی ایجاد کرده اید را مشاهده کنید. زیرا ما هنوز مشخص نکرده ایم که وردپرس کجا آنرا نمایش دهد. شما نیاز دارید فایل 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; ?>

اضافه کردن ابزارک وردپرس به هدر سایت

استایل دهی بخش ابزارک هدر شما با استفاده از 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 را تنظیم کنید. برای اینکار باید کمی دانش سی اس اس داشته باشید و اگر دانش اینکار را ندارید بهتر هست به یک کد نویس بسپارید.

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=42578
کلمات کلیدی پست :
مطالب مرتبط
8,309نحوه افزودن ابزارک به پوسته وردپرس تاریخ : 2015/08/11
19,258دانلود قالب دیزاینر نسخه سال 95 برای وردپرس تاریخ : 2016/04/1
15,238افزودن تصویر شاخص وردپرس از آدرس Post Thumbnail from URL تاریخ : 2017/03/8
11,224نمایش متن فانتزی در وردپرس با افزونه Fancy Text Widget تاریخ : 2018/09/28
45,859تغییر ظاهر مدیریت وردپرس با قالب Material Admin تاریخ : 2020/07/29
12,245پلاگین رایگان تغییر آدرس مدیریت وردپرس تاریخ : 2014/10/28
8,686مخفی کردن ابزارک وردپرس از صفحات خاص تاریخ : 2017/07/8
16,120آموزش وردپرس افزودن ابزارک به قالب وردپرس تاریخ : 2015/02/22
9,700افزونه مدیریت ابزارک های وردپرس Extended Widget Options تاریخ : 2017/12/26
9,117افزونه هوشمند سازی ابزارک وردپرس Thrive Clever Widgets تاریخ : 2024/08/27
14,300قالب وردپرس دیزاینر نسخه 2 تاریخ : 2014/08/30
13,886افزونه نمایش آخرین مطالب وردپرس Recent Posts Widget With Thumbnails تاریخ : 2017/07/31
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب