كيف تختبئ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 وإخفاء أيقونات الرموز الإحصائية وما إلى ذلك.
قراءة موسعة:
مدونة Hope Chen Weiliang ( https://www.chenweiliang.com/ ) مشترك كيف تخفي أنماط CSS لتاريخ موضوع ووردبريس؟ برنامج div css الخفي التعليمي "لمساعدتك.
مرحبا بكم في مشاركة رابط هذه المقالة:https://www.chenweiliang.com/cwl-608.html