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

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

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

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

ابزارک های وردپرس چیست

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

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

سوال خیلی شما این است که چرا باید در هدر سایت هم ابزارک نمایش دهیم ، همانطور که می دانید اولین نقطه ای که برای هر کاربر در سایت شما لود می شود و یا نمایش داده می شود بخش هدر سایت می باشد و شما می توانید خیلی راحت با قرار دادن المنت های مورد نظر یا ابزارک های که می خواهید در سایت خود قرار دهید را در هدر سایت نمایش دهید تا کاربران بیشتری با آن ها تعامل داشته باشند و بازدید آن بخش را نیز بیشتر کنند

در هدر سایت بیشتر می توان ، ابزارک تبلیغات یا ابزارک های آخرین مقاله سایت یا ابزارک بیشترین نظرات کاربران یا هر ابزارک مناسبی را در هدر سایت خود نمایش دهید تا مورد استفاده کاربران قرار گیرد و سایت های بسیاری وجود دارد که همین مورد را در سایت خود اجرا کرده و از ابزارک های مهم برای نمایش مقالات سایت استفاده می کنند و بیشتر قالب ها هم ستون های اضافی را در کنار مقاله های سایت خود ایجاد می کنند و خیلی ها از تاثیرات ابزارک در هدر سایت بی خبرند !!!!

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

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

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

حالا شما برای اینکه بتوانید برای هدر سایت خود یک ابزارک جدید بسازید و نمایش دهید باید وارد بخش پیشخوان وردپرس شوید و از بخش نمایش وارد ویرایشگر پوسته شوید و کد زیر را در فایل 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 قالب سایت خود شوید و بعد از آن قطعه کد زیر را در این فایل قرار دهید و سپس فایل را ذخیره کنید و در واقع شما باید کد زیر را در هر فایلی که می خواهید آن ابزارک نمایش داده شود قرار دهید و ما به دلیل نمایش ابزارک های ساخته شده در هدر سایت و می خواهیم این هدر را در سایت خود نمایش دهیم در 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 اضافی یا Custom Css مشاهده می کنید که باید بر روی آن کلیک کنید و بعد از کلیک بر روی آن بخش برای شما یک کادر باز می شود که شما باید کد نویسی CSS آن را در این قسمت بنویسید و بر روی پیشنمایش کلیک کرده تا به صورت زنده و آنلاین آن تغییرات را مشاهده کنید

حالا شما شاید بخواهید با استفاده از ابزارک ساخته شده ، یک منو سفارشی یا تبلیغات بنری نمایش دهید و برای ایم کار نیاز به یک تکیه کد دارید و شما تنها کاری که باید انجام دهید این است که با استفاده از یک نمونه کد CSS مانند کد زیر یک استایل دهی ساده برای آن بخش ایجاد کنید ، کد :

div#header-widget-area {
    width: 100%;
    background-color: #fefefe;
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: #f7f7f7;
    width: 130px;
    padding: 5px;
    }

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

موفق و پیروز باشید 😜