كيف تعرض الإعلانات دون إستخدام الإضافات

8 سبتمبر 2009

إضغط هنا لتكبير الصورة

لقد شرحت لك في تدوينة سابقة كيف تعرض الإعلانات المصوّرة (حجم 125×125) في القائمة الجانبية لمدونتك بإستخدام إضافة WP125. وبالرغم من أن هذه الإضافة بسيطة جداً ولا تحتاج إلى تعريب برأيي، إلا أنه يبدو أنها تتعارض مع نسخة ووردبريس 2.8.4 المعرّبة. فكما هو موضّح في التعليقات، تقوم هذه الإضافة بتغيير مسار لوحة التحكم لتصبح من اليسار إلى اليمين – مثل النسخة الإنجليزية لووردبريس. وعليه، سأقوم في هذه التدوينة بشرح طريقة مختلفة لعرض لإعلانات في القائمة الجانبية و من دون إستخدام أي إضافات، وإنما عبر إضافة الأكواد المناسبة لملف الستايل وملف القائمة الجانبية – sidebar.php.

بالطبع الفرق في هذه الحالة أنك ستحتاج إلى وضع ومحي هذه الإعلانات يدوياً ولن تتواجد لديك الميزات الأخرى التي توفرها الإضافات، مثل التحكم بمدة عرض الإعلان أوتوماتيكياً أو التبليغات عبر الإيميل أو عدد النقرات.. إلخ. ولكنك قد تستطيع أن تتعامل مع هذه الأمور أو أنها قد لا تُهمك. إذا كان الحال هكذا فإن الطريقة التالية قد تكون مناسبة جداً لك.

كل ما عليك القيام به هو إضافة الأكواد المناسبة لملف الستايل style.css وملف القائمة الجانبية sidebar.php كما ذكرت:

1- إذهب إلى قسم القائمة الجانبية في ملف الستايل style.css و أضف أو عدّل الكود التالي (حسب القالب الذي تستخمه):

.sidebar_box .img_ads
{
 float: right;
 text-align:center;
}
.sidebar_box .img_ads img {
 border-width: 0px;
 margin: 0px 5px 5px 0px;
 padding: 0px;
}

لاحظ أنني هنا أتعامل مع كلاس sidebar_box. في حالتك، قد يكون الكلاس هذا إسمه مختلف أو قد لا يتواجد أصلاً. ألمهم هنا هو أن تضع الخصائص في المكان المناسب للقائمة الجانبية. أخيراً، لا تنسى أن تحفظ الملف.

2- إذهب الآن إلى ملف sidebar.php وفي أعلى الصفحة – أي قبل كل شيئ آخر – ضع الكود التالي:

<div id="sidebar">
<div id="sidebar_box">
<h3 id="toc-">إعلانات</h3>
<div class="img_ads">
<div> <a href="http://www.xyz1.zyx/"></a>
<a href="http://www.xyz1.zyx/"></a>
<a href="http://www.xyz1.zyx/"></a>
<a href="http://www.xyz1.zyx/"></a>
</div>
</div>
</div>

لنلقي نظرة على هذا الكود: كما تلاحظ، قمنا أولاً بتعريف الكلاس الخاص بكود الإعلانات ووضعنا العنوان “إعلانات”. لاحظ أنك قد تستخدم نوع خط آخر وبالتالي دالة مختلفة. إستخدم ما تستخدمه أنت في قالبك.

بالطبع، الجزء الأول من كود الإعلانات هو تعريف مسار رابط صورة الإعلان – أي مسار الموقع الذي سيؤدي له الإعلان. أما الجزء الثاني فهو مسار موقع صورة الإعلان على السيرفر أو الخادم الخاص بك على الشبكة. عدل محتويات هذا الكود بحسب ما يناسبك وتأكد من حفظ الملف.

هذا كل شيئ. أتمنى ان يكون الكود واضح وأن لا تتردد في السؤال إذا إحتجت أية مساعدة.

هل أعجبتك هذه التدوينة؟ يمكنك أن تشترك في خدمة الخلاصات (RSS) أو في النشرة البريدية لتحصل على آخر التدوينات أولاً بأول. الرجاء عدم النقل أو النسخ أو إعادة النشر.
إحفظ التدوينة أو شاركها مع أصدقائك:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Live
  • StumbleUpon
  • Technorati
  • E-mail
  • Twitter

8 تعليقات على “كيف تعرض الإعلانات دون إستخدام الإضافات”

commenter

بارك الله فيك عل هذه المعلومه.. إن شاء الله سأستفيد منها عند تحويل مدونتي الى مدونه مدفوعة..

commenter

السلام عليكم..

حياك الله أخي الكريم.. صخر:

أشكرك جزيل الشكر على إفادتي..

ومدونة مميزة ما شاء الله..

تمنياتي لك بالتوفيق والسداد..

تحياتي : صبرالأيام ..

commenter

أهلاً بك صبرالأيام في أي وقت..

commenter

قام الأخ صاحب مدونة المعاصر بشرح كيفية إرجاع الواجهة إلى ما كانت عليه
http://www.mo3aser.com/blog/

commenter

شكراً لك أخي على التنبيه…

commenter

شرح أكثر من رائع..

أضف تعليق (الرجاء عدم إستخدام اللهجة العامية)

الإسم (بالعربي):
E-mail (لن يتم نشره) (مطلوب):
الموقع / المدونة:
التعليق (مطلوب):