چگونه ویجت وردپرس را به هدر وب سایت خود اضافه کنیم

چرا و هنگامی که به یک عنصر هدر در سایت خود نیاز دارید؟ h4>

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

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

این منطقه خاص “Under the fold” نام دارد و همه سایت های معروف از آن برای نمایش موارد بسیار مهم استفاده می کنند.

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

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

مرحله 1. ایجاد یک منطقه ویجت هدر h4>

ابتدا باید یک منطقه ویجت سفارشی ایجاد کنیم. با این مرحله می توانید منطقه ابزارک سفارشی خود را در صفحه Appearance »Widgets در داشبورد WordPress خود مشاهده کنید.

شما باید این کد را به .

تابع wpb_widgets_init () {

Register_sidebar (آرایه (
'name' => 'Customer Widget Widget Area' ،
'id' => 'custom-header-widget' ،
'before_widget' => '
' ،
'after_widget' => '
' ،
'before_title' => '
' ،
'after_title' => '
' ،
))

}
add_action ('widget_init'، 'wpb_widgets_init')؛

برای راهنمایی دقیق در مورد افزودن ابزارک.

مرحله 2: ویجت هدر سفارشی خود را نمایش دهید h4>

اگر اکنون از وب سایت خود بازدید کنید ، نمی توانید ابزارک متنی را که اخیراً به ابزارک هدر تازه ایجاد شده خود اضافه کرده اید ، مشاهده کنید.

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

بگذارید در این مرحله این کار را انجام دهیم.

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

ذخیره تغییرات را فراموش نکنید.

اکنون می توانید به وب سایت خود مراجعه کرده و منطقه ویجت هدر خود را مشاهده کنید.

متوجه خواهید شد که کمی ناخوشایند به نظر می رسد. اینجاست که برای بهتر نشان دادن آن به CSS نیاز دارید.

مرحله 3: با استفاده از CSS به قسمت ابزارک سرصفحه خود سبک دهید. h4>

بسته به موضوع خود ، باید CSS را برای کنترل نحوه نمایش منطقه ویجت هدر و هر عنصر داخل آن اضافه کنید.

روش آسانتر این کار استفاده از پلاگین CSS Hero . به شما امکان می دهد از رابط کاربری بصری برای تغییر CSS در هر زمینه وردپرس استفاده کنید. برای جزئیات بیشتر به بررسی قهرمان CSS .

اگر نمی خواهید از یک افزونه استفاده کنید ، می توانید با مراجعه به صفحه ظاهر »سفارشی CSS سفارشی را به طرح زمینه خود اضافه کنید.

div # header-widget-area {
    عرض: 100٪
    background-color: # f7f7f7؛
مرز پایین: 1 پیکسل جامد #eeeeee؛
    text-align: مرکز؛
}
h2.chw-title {
    margin-top: 0px؛
    text-align: چپ؛
    تبدیل متن: بزرگ؛
    اندازه قلم: کوچک؛
    background-color: #feffce؛
    عرض: 130 پیکسل
    بالشتک: 5px؛
    }