WordPress темасынын CSS стилин кантип жашырса болот? div жашыруун CSS стилиндеги окуу куралы

如何 隐藏WordPressТема күнү CSS стили?

DIV жашыруун CSS стилиндеги окуу куралы

Чен ВейлянЖакында эле, веб-сайттын шаблону жакшыртылган жана оптималдаштырылды, бул да эске алуу үчүн жасалдыSEOколдонуучу тажрыйбасы.

баржаңы медиаАдамдар сурашты:Эгер биз WordPress темасынын белгилүү бир сөлөкөтүн, датасын жашыргыбыз келсе эмне болот?

Жооп CSS менен стилдерди жашыруу болуп саналат:

.r-hide {display：none;}

CSS жашыруун стилдери жетишүүгө болот:

• 1) Жашыруун текст
• 2) Гипершилтемелерди жашыруу (кара шилтемелер)
• 3) Статистикалык кодду жашыруу
• 4) Жашыруу сөлөкөтү

Биринчиден, биз CSS селекторлорун табышыбыз керек.

CSS селекторлору деген эмне?

Ар бир CSS стилинин аныктамасы 2 бөлүктөн турат:

选择器{样式}

• {} алдындагы бөлүк "тандоочу" болуп саналат.
• "Селектор" {} объектинин "стилин" көрсөтөт.
• Бул "стиль" барактын кайсы элементи боюнча комментарий калтырыңыз?

CSS селекторлорун кантип тапса болот?

Код мисалы 1

Төмөндө GIF анимациясынын мисалы келтирилген. Браузер аркылуу CSS селекторун тапкандан кийин, дата жашырылган▼

CSS селекторлорун алыңыз time.the-date Андан кийин, WP темасынын style.css файлына төмөнкү CSS кодун кошуңуз:

time.the-date {
 display: none;
}

Код мисалы 2

Бул жерде class="r-hide" менен элементти кантип тандоо жана стилдөө керек:

.r-hide {display：none;}

Эгерде WP темасында параметрлер бар болсо, сиз жогорудагы CSS кодун кошсоңуз болотWP темасынын параметрлери → Стильди ыңгайлаштыруу → Ыңгайлаштыруустил код кутучасы.

• CSS стилдерин колдонуңузкөрсөтүү: жок;  көрсөтүлгөн мазмунду жашыруу,
• Браузер аркылуу көрүнбөгөн, жашыруун мазмун орун ээлебейт,
• Көбүнчө JS эффекттерин жашыруу, статистикалык коддордун иконкаларын жашыруу жана башкалар үчүн колдонулат.

Андан ары окуу:

• « CSS селектор классы менен id ортосунда кандай айырма бар? HTMLде id жана класстын колдонулушу«