WordPress mövzu tarixinin CSS üslubunu necə gizlətmək olar? div gizli css stil dərsliyi

necə gizlətmək olarWordPressMövzu tarixi CSS üslubu?

DIV gizli CSS stil dərsliyi

Chen WeiliangBu yaxınlarda veb sayt şablonu təkmilləşdirilmiş və optimallaşdırılmışdır və bu da nəzərə alınmaq üçün edilirSEOistifadəçi təcrübəsi.

有yeni mediaİnsanlar soruşdular:WordPress mövzusunun müəyyən bir simvolunu, tarixini gizlətmək istəsək nə olacaq?

Cavab üslubları CSS ilə gizlətməkdir:

.r-hide {display：none;}

Gizli CSS üslubları aşağıdakılara nail ola bilər:

• 1) Gizli mətn
• 2) Hiperlinkləri gizlədin (qara keçidlər)
• 3) Statistik kodu gizlədin
• 4) Simgeni gizlət

Əvvəlcə CSS seçicilərini tapmalıyıq.

CSS seçiciləri nədir?

Hər bir CSS üslubunun tərifi 2 hissədən ibarətdir:

选择器{样式}

• {}-dən əvvəl olan hissə "selektor"dur.
• "Seçici" {} obyektinin "üslubunu" göstərir.
• Şərhlər bu "üslub" səhifənin hansı elementində işləyir?

CSS seçicilərini necə tapmaq olar?

Kod nümunəsi 1

Aşağıda GIF animasiya nümunəsidir. Brauzer vasitəsilə CSS seçicisini tapdıqdan sonra tarix gizlədilir▼

CSS seçicilərini əldə edin time.the-date Bundan sonra WP mövzusunun style.css faylına aşağıdakı CSS kodunu əlavə edin:

time.the-date {
 display: none;
}

Kod nümunəsi 2

class="r-hide" ilə elementi necə seçmək və üslub etmək olar:

.r-hide {display：none;}

WP mövzusunda seçimlər varsa, yuxarıdakı CSS kodunuWP Mövzu Seçimləri → Üslubunu Fərdiləşdirin → Fərdiləşdirinstil kodu qutusu.

• CSS üslublarından istifadə edinekran: heç biri;  göstərilən məzmunu gizlət,
• Brauzer vasitəsilə görünməz, gizli məzmun yer tutmur,
• Adətən JS effektlərini gizlətmək, statistik kodların nişanlarını gizlətmək və s. üçün istifadə olunur.

Genişləndirilmiş oxu:

• " CSS selektor sinfi ilə id arasındakı fərq nədir? HTML-də id və sinif istifadəsi"