08.02.2009

كيف تعرض “التصنيفات” بطريقة أفقية في مدونات ووردبريس؟

wp-cats كما يظهر في الصورة جهة اليسار، يمكنك أن تعرض التصنيفات أو الأقسام في مدونات ووردبريس بطريقة أفقية في صندوق تحدد خصائصه باستخدام CSS. هذه الطريقة مفيدة لعرض التصنيفات في ووردبريس وخصوصاً في المدونات التي تحتوي على أكثر من تصنيف، كما أنها تساعد على استغلال المساحات في القائمة الجانبية Sidebar والطريقة البسيطة هي كما يلي:

1. حمّل إضافة Menubar لووردبريس، وهي إضافة مهمتها إنشاء القوائم. بعد تثبيتها وتفعيلها، اذهب إلى صفحة خيارات الإضافة وأنشيء قائمة Menu جديدة وأعطها اسماً بالإنجليزية (cats كما في هذا المثال)، ثم أضف إليها ما تشاء من التصنيفات: اسم التصنيف، ترتيب ظهوره، ورقمه Cat ID. (انتبه إلى خيار Type كما في الصورة)

cats2

يمكنك اختيار Style خاص للقائمة كما في الصورة التالية. أنصح باستخدام clear ثم التعديل عليه لاحقاً. ستجد ملف css الخاص به في مجلد الإضافة، افتحه وغيّر نوع ولون الخط كما تريد.

cats3

2. أضف الكود التالي في المكان المناسب في القائمة الجانبية (المكان الذي تريد أن تظهر فيه القائمة).

< ?php do_action('wp_menubar','cats'); ?>

تنسيق الصندوق:

لتنسيق الصندوق، يجب أن تعرّف خصائصه ياستخدام تقنية CSS في ملف Style.css في القالب الذي تستخدم. أضف وسماً خاصاً بخصائص الصندوق وليكن مثلاً بالاسم cat-links.

مثال:

#cats-links{
background:#FFFFE0;
border:1px solid #E6DB55;
margin-bottom:10px;
padding-bottom:10px;
width:350px;
}

لتطبيق خصائص الصندوق، ضع الكود في الخطوة 1 بين وسمي div كما يلي:


ذات صلة:

الكاتب: مهدي

مهندس الكترونيات واتصالات ومدوّن تقنيني، مؤسس ومُحرر رحلة ضَوْء. يمكنك متابعته على تويتر كما يمكنك زياره موقعه الشخصي أو مدونته الشخصية.



المشاركات: مشاركة واحدة

  1. اشكرك اخوي الاضافة جميله فعلا

    ولكن نحتاج طريقة لترتيب الاقسام مع اضافة عدد المواضيع بكل قسم لتكون مثلا بهذا الشكل :

    القسم العام (10) القسم التجاري (30)
    القسم الخاص (20) القسم العربي (50)

    وهكذا وياريت لو في طريقة لتلوين الاقسام كل قسم بلون معين بكل تاكيد ستظهر بشكل انيق

    اشكرك من القلب
    عبدالله الشهري – الرياض

أضف تعليقاً

سياسة نشر التعليقات:

  • برجاء، لا تكتب باللهجات العامية. كذلك لا تكتب باللغة الإنجليزية أو بأية لغة أخرى.
  • لا تُنشر أية تعليقات لا علاقة لها بموضوع التدوينة. فالتعليقات مفيدة لقارىء التدوينة ليجد فيها ما لم يجده في محتوى التدوينة، فلا تشتت انتباهه.
  • لا تذكر أية روابط لاية برامج كمبيوتر مقرصنة أو لاي محتوى رقمي مُقرصن - غير شرعي.
  • عند إضافة رابط في التعليقات، استخدام أية خدمة من خدمات اختصار الروابط قبل إضافته كخدمة bit.ly 
  • عند إضافة أي رابط لأي برنامج (شرعي-غير مقرصن) أذكر رابط المصدر مباشرة على الشركة المنتجة وليس على موقع لرفع الملفات.
  • إذا لم أجب على سؤالك في التعليقات فهذا ليس تجاهلاً. من المؤكد انني نسيت أو انني لم انتبه لتعليقك. ذكّرني.

 




Spam Protection by WP-SpamFree

© 2010 | رحلة ضَوْء (ر.ض.)، جميع الحقوق محفوظة – لا يجوز إعادة النشر (النقل).

فيسبوك تويتر قناة رحلة ضَوْء