هل تريد إضافة فئات فردية وزوجية إلى مقالات حول موضوعك بلوق وورد ? ستسمح لك إضافة فصل دراسي بعرض نمط معين لكل مقالة.
في هذا البرنامج التعليمي ، سوف نوضح لك كيفية عرض الفصول الفردية أو الزوجية في WordPress.
لماذا نضيف الطبقات أزواج "أو" غريب »حول موضوع بلوق وورد ?
كثير وورد المواضيع استخدام فئة قديمة أو نفس الفئة لتعليقات WordPress. يسمح للمستخدمين بمعرفة أين ينتهي تعليق واحد ويبدأ آخر.
وبالمثل ، يمكنك استخدام هذه التقنية لمقالاتك. يبدو ممتعًا من الناحية الجمالية للسماح للمستخدمين بمسح الصفحات الكبيرة بسرعة. هذا مفيد بشكل خاص للصفحة الرئيسية لمواقع الصحف أو المجلات.
ومع ذلك، سنرى كيفية إضافة فصل دراسي إلى مقالاتك بلوق وورد.
كيفية إضافة فصل فردي / زوجي في WordPress
ينشئ WordPress فئات CSS افتراضية ويضيفها إلى منشورات مختلفة على موقع الويب الخاص بك أثناء التنقل. تساعد فئات CSS مطوري المكونات الإضافية والقوالب على إضافة أنماطهم الخاصة إلى كل منشور مختلف.
يقدم WordPress أيضًا وظيفة تسمى " post_class والذي يستخدمه مطورو السمات لإضافة فئات إلى المقالات.
الوظيفة " post_class هو أيضًا عامل تصفية ، مما يعني أنه يمكنك التلاعب به. هذا بالضبط ما سنفعله هنا.
ما عليك سوى إضافة هذا الرمز إلى ملف jobs.php الخاص بك. وورد موضوع.
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 بطل.
إنها بهذه السهولة. آمل أن يكون هذا البرنامج التعليمي مفيدًا جدًا لك. لا تتردد في طرح الأسئلة علينا أو مشاركة هذا البرنامج التعليمي مع أصدقائك على شبكات التواصل الاجتماعي المفضلة لديك.
