Как да скрия CSS стила на датата на темата на WordPress? div скрит css стил урок

Как да скрия CSS стила за дата в WordPress тема?

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 След това добавете следния CSS код към файла style.css на WP темата:

time.the-date {
 display: none;
}

Пример за код 2

Ето как да изберете и стилизирате елемент с class="r-hide":

.r-hide {display：none;}

Ако вашата WP тема има функция за опции, можете да добавите горния CSS код към полето за код в WP Theme Options → Customize Style → Custom Style.

• Използвайте CSS стиловедисплей: няма;  скриване на посоченото съдържание,
• Невидимо през браузъра, скритото съдържание не заема място,
• Обикновено се използва за скриване на JS ефекти, скриване на икони на статистически кодове и др.

Разширено четене:

• " Каква е разликата между класа на CSS селектор и id? използване на идентификатор и клас в HTML"