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