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 жана класстын колдонулушу«