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

WordPress temasında tarih CSS stilini nasıl gizlerim ?

DIV gizli CSS stili öğreticisi

Chen Weiliang , SEO ve kullanıcı deneyimini dikkate alarak web sitesi şablonunu son zamanlarda iyileştirme ve optimize etme çalışmaları yürütüyor .

Yeni medya alanında çalışan bir profesyonel şu soruyu sordu: WordPress temasında belirli bir simgeyi veya tarihi nasıl gizleyebiliriz?

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;}

Eğer WordPress temanızda bir seçenek işlevi varsa, yukarıdaki CSS kodunu WP Tema Seçenekleri → Stili Özelleştir → Özel Stil bölümündeki kod kutusuna ekleyebilirsiniz .

• 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ı