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

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

با سلام و عرض ادب

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

 

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

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

 

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

 

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

گام اول: ایجاد یک ابزارک برای نمایش در هدر

 

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

 

 

گام دوم : نمایش ابزارک مورد نظر در هدر

 

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

در این مرحله شما باید کدهای زیر را در فایل 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 سفارشی استفاده کنید حالا این کدها را باید در کدام قسمت قرار دهید؟ اگر از قالب رایگان استفاده میکنید در قسمت Appearance / Customize page  میتوانید کد مورد نظر را قرار داده و ویرایش کنید ولی اگر از قالب پرمیوم استفاده میکنید به قسمت تنظیمت قالب رفته و در قسمت css سفارشی کد مورد نظر را قرار دهید.

در بعضی از قالب ها جایی برای قرار دادن کدهای سفارشی وجود دارد و برای حل این موضوع میتوانید از افزونه Simple Custom CSS استفاده کرده یا در داخل هاست یک فایل با نام rtl.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;
    }

 

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

منبع: wpbeginner.com

درباره نویسنده



رویا مفاخر
( عضو از 6 سال قبل )
  • 263 نوشته
  • 1397 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
از اعضای بخش پشتیبانی مجموعه نوین وردپرس

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

دیدگاهتان را بنویسید

مطالب مرتبط



هاست چیست؟ انواع هاست کدامند؟

1023
0
هاست چیست و چه کاربردی دارد ؟ احتمالاً این سوالی است که در ذهن بسیاری از شماهاست و با معنا و مفهوم آن آشنا نیستید. به طور کلی؛ ...
جزییات بیشتر آموزش را بخوانید!

نظرسنجی NPS چیست و چرا باید از شاخص وفاداری مروجان استفاده کنیم؟

102
0
یکی از تکنیک‌های موفقیت هر کسب‌و‌کار آنلاینی، رضایت مشتریان است. مسلماً هر چقدر کاربران بیشتری از شما راضی باشند، هم ترافیک بیشتری کسب خواهید کرد و هم به ...
جزییات بیشتر آموزش را بخوانید!

چگونه وردپرس را ریست کنیم؟ آموزش ریست کردن سایت وردپرسی به تنظیمات حالت پیش فرض

1611
0
چطور وردپرس را ریست کنیم؟ این سوالی است که ممکن است در ذهن بسیاری از شماها باشد. به عنوان مدیر سایت، ممکن است با شرایطی مواجه شوید که ...
جزییات بیشتر آموزش را بخوانید!

چگونه به کاربران اجازه بارگذاری تصاویر در دیدگاه های وردپرس را بدهیم

1352
0
تصاویر و دیدگاه ها هر دو ابزاری قدرتمند برای ترغیب هر چه بیشتر کاربران در سایت هستند. این یکی از دلایلی است که فیس بوک به کاربران خود ...
جزییات بیشتر آموزش را بخوانید!

متن Lorem Ipsum چیست و چه کاربردهایی دارد؟

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

چرا سایت وردپرسی دیر لود میشود؟

3045
0
آیا سرعت لود شدن سایت شما پایین است؟ صفحات بارگذاری سریع تجربه کاربر را بهبود می بخشد و باعث می شود که بازدید از صفحات شما افزایش پیدا ...
جزییات بیشتر آموزش را بخوانید!

خطای ۴۰۳ وردپرس چیست؟ آموزش نحوه رفع خطای 403 forbidden در وردپرس

1899
0
همانطور که می دانید وردپرس یکی از بهترین و محبوب ترین سیستم های مدیریت محتوای سایت ساز جهان است که با کمک آن می توانید هرنوع وب سایتی ...
جزییات بیشتر آموزش را بخوانید!

کمپین تبلیغاتی چیست؟ چگونه کمپین موفقی برای فروش طراحی کنیم

649
0
کمپین تبلیغاتی چیست؟ کمپین تبلیغاتی یک استراتژی خاص طراحی شده است که در رسانه های مختلف به منظور دستیابی به نتایج مطلوب مانند افزایش آگاهی از برند، افزایش ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

اگر دوست دارید در زمینه آموزش ، افزونه ، قالب وردپرس و ووکامرس ، آموزش سئو و… مقالات آموزشی خود را در نوین وردپرس منتشر کنید میتوانید به عنوان نویسنده در نوین وردپرس فعالیت کنید.

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