کد بنر ثابت بالای وبسایت

اضافه کردن بنر ثابت به بالای وبسایت

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

روش پیاده سازی؟

مراحل زیر را برای اعمال این کد دنبال کنید:
وارد بخش مدیریت وردپرس خود شوید.
به مسیر نمایش > ویرایشگر قالب بروید.
فایل function.php قالب خود را پیدا کرده و باز کنید.
کد زیر را در انتهای فایل function.php اضافه کنید:

[php]

function add_fixed_image_above_header() {
// آدرس تصویر مورد نظر
$image_url = ‘https://sitemane.com/your_image_name.gif’;

// چاپ CSS و HTML
echo "
<style>
.whb-main-header, header {
margin-top: 41px;
}
.fixed-image-above-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background-image: url(‘$image_url’);
background-size: contain;
background-repeat: no-repeat;
height: 150px; /* ارتفاع تصویر */
}
body {
margin-top: 41px; /* جا باز کردن برای تصویر ثابت */
}
</style>
<a href=’#’ class=’fixed-image-above-header’></a>
";
}
add_action(‘wp_head’, ‘add_fixed_image_above_header’);[/php]

توضیح کد

با جای https://banners/2.gif آدرس بنر خود را قرار دهید.