كيف تضيف الصور للقائمة الجانبية

سأشرح لكم في هذه التدوينة طريقة سهلة لإضافة الصور(أو أي شيئ آخر) للقائمة الجانبية. وذلك ليس عن طريق إضافة مخصصة لووردبرس ولكن عن طريق إستخدام مربع Text في قائمة المربعات الجانبية. أي عن طريق إضافة كود html و css خاص بك. بالطبع، إذا كنت لا تتقن هذه اللغات فإنك لن تستفيد من هذه الخدمة بشكل كامل ولكني سأحاول أن أعطيك مثالاً يسمح لك بأن تبني عليه.

لنفترض أنك تريد وضع صور لكتب (أو أفلام أو عروض…إلخ) في القائمة الجانبية. أنظر القائمة الجانبية لموقع مقطوعات لمزيد من التفاصيل. سأفترض كذلك أنك رفعت الصور إلى خادمك على الشبكة وتعرف العنوان الرقمي لل URL. أخيراً، لنفترض أنك تريد أن تربط الصور بصقحة أو تدوينة معيّنة.  في هذه الحالة كل ما عليك القيام به هو:

١- إذهب إلى صفحة مربعات القائمة الجانبية من لوحة التحكم

٢- إختار إضافة مربع Text

٣- أعطي المربع عنوان مثل “كتب قرأتها” أو “أفلام تعجبني” إلخ حسب ما يناسبك

٤- أضف الكود التالي في المربع:

<a title="كتاب الدولة والمجتمع" href="http://www.myblog.com/page-url">
<img src="http://www.myblog.com/pic-url" alt="" /></a>
<a title="كتاب التاريخ العسكري" href="http://myblog.com/page-url">
<img src="http://www.myblog.com/pic-url" alt="" /></a>

حيث:

"http://myblog.com/pic-url"

تساوي عنوان الصورة على خادمك.

و حيث:

"http://www.myblog.com/page-url"

تساوي عنوان التدوينة أو المقال الذي تريد أن تربط إليه الصورة.

لاحظ أنني وضعت فراغاً </ br> بين الصوّر وأني قمت بتوسيط الخط.

هذا كل شئ! يمكنك أن تبني على هذا المثال ليس لوضع صور فقط بل وكلمات وجمل تناسبك أو فيديو أو شعارات أو بانرات. بالتوفيق.