كيف تخفي نمط ووردبريس موضوع تاريخ CSS؟ البرنامج التعليمي لأسلوب المغلق المخفي div

كيف تختبئWordPressموضوع تاريخ نمط CSS؟

DIV مخفي CSS أسلوب تعليمي

تشن ويليانجفي الآونة الأخيرة ، تم تحسين قالب موقع الويب وتحسينه ، ويتم أيضًا مراعاة ذلكتحسين محركات البحثتجربة المستخدم.

有وسائط جديدةسأل الناس:ماذا لو أردنا إخفاء رمز معين ، تاريخ سمة WordPress؟

الإجابة هي إخفاء الأنماط باستخدام CSS:

.r-hide {display：none;}

يمكن أن تحقق أنماط CSS المخفية:

• 1) نص مخفي
• 2) إخفاء الارتباطات التشعبية (الروابط السوداء)
• 3) إخفاء الكود الإحصائي
• 4) إخفاء الأيقونة

أولاً ، نحتاج إلى إيجاد محددات CSS.

ما هي محددات CSS؟

يتكون تعريف كل نمط من أنماط CSS من جزأين:

选择器{样式}

• الجزء قبل {} هو "المحدد".
• يشير "المحدد" إلى "نمط" الكائن {}.
• تعليقات على أي عنصر من الصفحة يعمل هذا "النمط"؟

كيف تجد محددات CSS؟

مثال رمز 1

المثال التالي هو مثال على رسم متحرك بتنسيق GIF. بعد العثور على محدد CSS من خلال المتصفح ، يتم إخفاء التاريخ ▼

احصل على محددات CSS time.the-date بعد ذلك ، أضف كود CSS التالي إلى ملف style.css لموضوع WP:

time.the-date {
 display: none;
}

مثال رمز 2

فيما يلي كيفية تحديد عنصر وتصميمه باستخدام class = "r-hide":

.r-hide {display：none;}

إذا كانت سمة WP تحتوي على خيارات ، فيمكنك إضافة كود CSS أعلاه إلى ملفخيارات سمة WP → تخصيص النمط → تخصيصمربع رمز النمط.

• استخدم أنماط CSSعرض لا شيء؛  إخفاء المحتوى المحدد ،
• غير مرئي من خلال المتصفح ، المحتوى المخفي لا يشغل مساحة ،
• تُستخدم عادةً لإخفاء تأثيرات JS وإخفاء أيقونات الرموز الإحصائية وما إلى ذلك.

قراءة موسعة:

• " ما هو الفرق بين فئة محدد CSS والمعرف؟ معرف واستخدام الفئة في HTML"