WordPress tema tarihi CSS stili nasıl gizlenir? div gizli css stili öğreticisi

nasıl gizlenirWordPressTema tarihi CSS stili?

DIV gizli CSS stili öğreticisi

Chen WeiliangSon zamanlarda, web sitesi şablonu iyileştirildi ve optimize edildi ve bu da dikkate almak için yapıldı.SEOkullanıcı deneyimi.

有yeni Medyaİnsanlar sordu:Belirli bir simgeyi, bir WordPress temasının tarihini gizlemek istersek ne olur?

Cevap, stilleri CSS ile gizlemek:

.r-hide {display：none;}

CSS gizli stilleri şunları başarabilir:

• 1) Gizli metin
• 2) Köprüleri gizle (siyah bağlantılar)
• 3) İstatistik kodunu gizle
• 4) Simgeyi gizle

İlk olarak, CSS seçicilerini bulmamız gerekiyor.

CSS seçicileri nedir?

Her CSS stilinin tanımı 2 bölümden oluşur:

选择器{样式}

• {}'den önceki kısım "seçici"dir.
• "Seçici", {} nesnesinin "stilini" belirtir.
• Bu "stil" sayfanın hangi öğesiyle ilgili yorumlar?

CSS seçicileri nasıl bulunur?

Kod örneği 1

Aşağıda bir GIF animasyonu örneği verilmiştir: Tarayıcı üzerinden CSS seçiciyi bulduktan sonra tarih gizlenir▼

CSS seçicileri alın time.the-date Bundan sonra, WP temasının style.css dosyasına aşağıdaki CSS kodunu ekleyin:

time.the-date {
 display: none;
}

Kod örneği 2

class="r-hide" ile bir öğeyi nasıl seçeceğiniz ve stillendireceğiniz aşağıda açıklanmıştır:

.r-hide {display：none;}

WP temasının seçenekleri varsa, yukarıdaki CSS kodunu ekleyebilirsiniz.WP Tema Seçenekleri → Stili Özelleştir → Özelleştirstil kodu kutusu.

• CSS stillerini kullanıngörüntü yok;  belirtilen içeriği gizle,
• Tarayıcı üzerinden görünmez, gizli içerik yer kaplamaz,
• Genellikle JS efektlerini, istatistiksel kodların simgelerini vb. gizlemek için kullanılır.

Genişletilmiş okuma:

• " CSS seçici sınıfı ve kimliği arasındaki fark nedir? HTML'de id ve sınıf kullanımıbaşlıklı bir kılavuz yayınladı