Як приховати стиль 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 має функцію option, ви можете додати наведений вище CSS-код до поля коду в Параметри теми WP → Налаштувати стиль → Власний стиль.

• Використовуйте стилі CSSдисплей: немає;  приховати вказаний вміст,
• Невидимий через браузер, прихований вміст не займає місця,
• Зазвичай використовується для приховування ефектів JS, значків статистичних кодів тощо.

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

• " Яка різниця між класом селектора CSS та id? використання ідентифікатора та класу в HTML"