هل تريد إضافة فئات زوجية وفردية إلى المشاركات على قالب مدونة WordPress الخاص بك؟ ستسمح لك إضافة فصل دراسي بعرض نمط معين لكل مقالة.
في هذا البرنامج التعليمي ، سوف نوضح لك كيفية عرض الفصول الفردية أو الزوجية في WordPress.
لماذا نضيف الطبقات أزواج "أو" غريب » حول موضوع مدونتك على WordPress؟
تستخدم العديد من قوالب ووردبريس فئة قديمة أو مشابهة لتعليقات ووردبريس. يتيح هذا للمستخدمين معرفة أين ينتهي تعليق ويبدأ آخر.
وبالمثل ، يمكنك استخدام هذه التقنية لمقالاتك. يبدو ممتعًا من الناحية الجمالية للسماح للمستخدمين بمسح الصفحات الكبيرة بسرعة. هذا مفيد بشكل خاص للصفحة الرئيسية لمواقع الصحف أو المجلات.
وبناءً على ذلك، دعنا نرى كيفية إضافة فئة إلى منشورات مدونة WordPress الخاصة بك.
كيفية إضافة فصل فردي / زوجي في WordPress
ينشئ WordPress فئات CSS افتراضية ويضيفها إلى منشورات مختلفة على موقع الويب الخاص بك أثناء التنقل. تساعد فئات CSS مطوري المكونات الإضافية والقوالب على إضافة أنماطهم الخاصة إلى كل منشور مختلف.
يقدم WordPress أيضًا وظيفة تسمى " post_class والذي يستخدمه مطورو السمات لإضافة فئات إلى المقالات.
الوظيفة " post_class هو أيضًا عامل تصفية ، مما يعني أنه يمكنك التلاعب به. هذا بالضبط ما سنفعله هنا.
قم ببساطة بإضافة هذا الكود إلى ملف functions.php الخاص بموضوع WordPress الخاص بك.
function oddeven_post_class (فئات $) {global $ current_class؛ فئات $ [] = current_class بالدولار ؛ $ current_class = (current_class بالدولار == 'فردي')؟ "زوجي": "فردي" ؛ إرجاع فئات $؛ } add_filter ('post_class،' oddeven_post_class) ؛ الفئة الحالية $ العالمية ؛ $ current_class = 'فردي'؛
تضيف هذه الوظيفة ببساطة فئة إلى العناصر الفردية والزوجية.
ستجد فئات فردية وزوجية في التعليمات البرمجية المصدر لموقعك. ما عليك سوى الانتقال بالماوس إلى عنوان العنصر ، ثم النقر بزر الماوس الأيمن لفحص العنصر.
الآن بعد أن أضفت فئات فردية وزوجية إلى مقالاتك. الخطوة التالية هي منحهم أسلوبًا فريدًا باستخدام CSS. يمكنك إضافة كود CSS المخصص الخاص بك إلى قالب طفلك ، أو باستخدام مكون إضافي بسيط لـ CSS.
فيما يلي مثال على كود CSS الذي يمكنك استخدامه كنقطة بداية:
.even {background: # f0f8ff؛ } .odd {background: # f4f4fb؛ }
إليك كيف يمكن أن تكون النتيجة:
ستحتاج إلى القليل من الممارسة لتحقيق نتائج جيدة ، ولكن من أجل ذلك ستحتاج إلى إتقان CSS أو ببساطة استخدام أداة مثل CSS بطل.
إنها بهذه السهولة. آمل أن يكون هذا البرنامج التعليمي مفيدًا جدًا لك. لا تتردد في طرح الأسئلة علينا أو مشاركة هذا البرنامج التعليمي مع أصدقائك على شبكات التواصل الاجتماعي المفضلة لديك.