Како сакрити ЦСС стил датума теме ВордПресс? Див скривени водич у цсс стилу

Како сакрити CSS стил датума у ​​WordPress теми?

ДИВ водич за скривени ЦСС стил

Чен Веилианг је недавно усавршавао и оптимизовао шаблон веб странице, радећи то како би узео у обзир SEO и корисничко искуство.

Стручњак за нове медије је питао: Како можемо сакрити одређену икону или датум у WordPress теми?

Одговор је да сакријете стилове помоћу ЦСС-а:

.r-hide {display：none;}

ЦСС скривени стилови могу постићи:

• 1) Скривени текст
• 2) Сакриј хипервезе (црне везе)
• 3) Сакриј статистички код
• 4) Сакриј икону

Прво, морамо пронаћи ЦСС селекторе.

Шта су ЦСС селектори?

Дефиниција сваког ЦСС стила састоји се од 2 дела:

选择器{样式}

• Део испред {} је „селектор“.
• „Селектор“ означава „стил“ објекта {}.
• Коментари на који елемент странице ради овај „стил“?

Како пронаћи ЦСС селекторе?

Пример кода 1

Следи пример ГИФ анимације. Након што се пронађе ЦСС селектор кроз прегледач, датум је сакривен▼

Набавите ЦСС селекторе time.the-date Након тога, додајте следећи ЦСС код у стиле.цсс датотеку ВП теме:

time.the-date {
 display: none;
}

Пример кода 2

Ево како да изаберете и стилизујете елемент са цласс="р-хиде":

.r-hide {display：none;}

Ако ваша WP тема има функцију опција, можете додати горњи CSS код у поље за код у WP опцијама теме → Прилагоди стил → Прилагођени стил.

• Користите ЦСС стиловеприказ: нема;  сакрити наведени садржај,
• Невидљив кроз претраживач, скривени садржај не заузима простор,
• Обично се користи за сакривање ЈС ефеката, сакривање икона статистичких кодова итд.

Додатна литература:

• " Која је разлика између класе ЦСС селектора и ИД-а? ид и употреба класе у ХТМЛ-у"