Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/blogtarin0/public_html/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/blogtarin0/public_html/wp-includes/plugin.php on line 601

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

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

نحوه افزودن بنر به نوارکناری (سایدبار) سایت

معمولا بنرهای تبلیغاتی را به سایدبار سایت اضافه می‌کنند. دو راه برای انجام این کار وجود دارد: اگر تم سایت شما ابزارک‌ها (ویجت) سایدبار را پشتیبانی می‌کند، کافی است یک ابزارک متنی به سایدبار اضافه کنید و کد بنر را در آن قرار دهید. راه دیگر این است که فایل sidebar.php تم خود را باز کرده و کد را به آن بیافزایید.

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

افزودن بنر به نوارکناری (سایدبار) سایت

با این کار بنر مورد نظر در سایدبار سایت به نمایش درمی‌آید.

افزودن بنر به نوارکناری (سایدبار) سایت

چنانچه تم سایت شما از ابزارک پشتیبانی نمی‌کند باید کد بنررا مستقیما به فایل sidebar.php قالب بیافزایید. برای این کار در پیشخوان وردپرس از منوی نمایش گزینه ویرایشگر را انتخاب کنید و تغییرات لازم را فایل مربوط به Sidebar اعمال کنید.

چگونه بنر را میان یک پست یا صفحه قرار دهیم

اگر قصد دارید بنر را در بدنه یک صفحه یا پست قرار دهید، نوشته مورد نظر را ویرایش کرده و ویرایشگر را به حالت متن ببرید؛ سپس کد بنر را در هر قسمتی از آن نوشته که مدنظر شماست وارد کنید.

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

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

4

چگونه بنرها را در ابتدا یا انتهای همه صفحه‌ها یا پست‌ها قرار دهیم

برای افزودن بنر به ابتدا یا انتهای همه پست‌ها یا صفحه‌های سایت باید کد بنر را درون فایل single.php یا page.php قالب سایت قرار دهید. این دو فایل با اینکه محتوای یکسانی دارند هر کدام مدیریت قسمت خاصی را به عهده دارند: single.php برای پست‌ها و page.php برای صفحه‌ها در نظر گرفته شده اند. برای انجام این کار از منوی نمایش گزینه ویرایشگر را انتخاب کرده و آنگاه برگه یکتا  (page.php) یا تک نوشته (single.php) را پیدا کرده و روی آن کلیک کنید تا بتوانید کدها را ویرایش کنید.

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

<?php while ( have_posts() ) : the_post(); ?>

می‌توانید در صورت نیاز با وارد کردن کد CSS بنر را به فرم دلخواه خود در آورید.

5

چگونه بنررا در هدر(سربرگ) یا فوتر (ته برگ) سایت قرار دهیم

برای افزودن بنر به این دو قسمت، اگر تم شما از ویجت‌های هدر و فوتر پشتیبانی می‌کند به راحتی مانند حالت افزودن بنر به سایدبار عمل کنید، در غیر این صورت باید بصورت دستی این کار را انجام دهید. از منوی نمایش گزینه ویرایشگر را انتخاب کرده سپس دنبال header.php بگردید. توجه به این نکته ضروری است که بسته به قالبی که برای سایت خود بکار برده‌اید محتوای این فایل با آنچه در تصویر می‌بینید تفاوت خواهد داشت. برای افزودن این بنر به اندکی مهارت در زمینه کدنویسی HTML نیاز خواهید داشت.

6

ابتدا تگ <body> را پیدا کنید. در تم بیست دوازده وردپرس body به این شکل است :

<body <?php body_class(); ?>>

زیر این خط کد زیر را وارد کنید :

<div class="headerbanner"><a href="BANNERLINK" target="_blank">
<img src="LINKTOIMAGE" width="200" height="50" /></a></div>

به جای BANNERLINK  و LINKTOIMAGE به ترتیب آدرسی که می‌خواهید بنر به آن اشاره کند و لینک عکس بنر را قرار دهید. در انتها باید اعداد جلوی width و  height را با طول و عرض بنر خود جایگزین کنید.

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

7

نکته دیگری که باید به آن توجه کرد این است که ما این کد را درون یک تگ div قرار دادیم چون می‌خواهیم به آن استایل بدهیم. برای این کار باید فایل style.css را در ویرایشگر وردپرس باز کرده و خط زیر را به آن اضافه کنید:

.headerbanner { display:block; margin: 10px auto; width: 480px}

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

8

برای اضافه کردن بنر به فوتر سایت (معمولا قسمت انتهایی سایت را فوتر می‌گویند)، فایل footer.php را باز کرده و کد بنر را درون آن وارد کنید تا بنر در محل دلخواه شما ظاهر شود.

استفاده از پلاگین‌ها برای نمایش بنر

اگر قصد دارید بیش از یک بنر در سایت خود قرار دهید یا میزان تأثیر تبلیغات بر کاربران سایت خود را بسنجید یا به دنبال سایر امکانات پیشرفته دیگر هستید، توصیه می‌کنیم حتما از یکی از پلاگین‌های مدیریت بنر وردپرس استفاده کنید.

با توجه به اینکه برای مدیریت بنرها پلاگین‌های متعددی نوشته شده، باید متناسب با ساختار سایت و نیاز های خود از لیست پلاگین‌های وردپرس گزینه مناسب را برگزینید.

 

اگر در روند اجرای این مطلب به مشکلی برخوردید، حتما در بخش دیدگاه‌ها در پایین همین نوشته سوال یا مشکلتان را مطرح کنید.

نویسنده مطلب

اکرم حاجی قاسمی

دیدگاه خود را ارسال کنید

ساخت سایت حرفه‌ای و باکیفیت در ۵۵ ثانیه

راه‌اندازی سایت های باکیفیت در ۵۵ ثانیه

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