Comment masquer le style CSS de la date du thème WordPress ? tutoriel de style css caché div

comment cacherWordPressStyle CSS de date de thème ?

Tutoriel de style CSS caché DIV

Chen WeiliangRécemment, le modèle de site Web a été amélioré et optimisé, et cela est également fait pour prendre en compteLe SEOexpérience utilisateur.

有nouveau médiaLes gens ont demandé :Et si on voulait cacher une certaine icône, date d'un thème WordPress ?

La réponse est de masquer les styles avec CSS :

.r-hide {display：none;}

Les styles cachés CSS peuvent atteindre :

• 1) Texte caché
• 2) Masquer les hyperliens (liens noirs)
• 3) Masquer le code statistique
• 4) Masquer l'icône

Tout d'abord, nous devons trouver des sélecteurs CSS.

Que sont les sélecteurs CSS ?

La définition de chaque style CSS se compose de 2 parties :

选择器{样式}

• La partie avant {} est le "sélecteur".
• Le "sélecteur" indique le "style" de l'objet {}.
• Commentaires sur quel élément de la page ce "style" fonctionne-t-il ?

Comment trouver des sélecteurs CSS ?

Exemple de code 1

Voici un exemple d'animation GIF. Après avoir trouvé le sélecteur CSS via le navigateur, la date est masquée▼

Obtenir des sélecteurs CSS time.the-date Après cela, ajoutez le code CSS suivant au fichier style.css du thème WP :

time.the-date {
 display: none;
}

Exemple de code 2

Voici comment sélectionner et styliser un élément avec class="r-hide":

.r-hide {display：none;}

Si le thème WP a des options, vous pouvez ajouter le code CSS ci-dessus auOptions du thème WP → Personnaliser le style → Personnaliserzone de code de style.

• Utiliser les styles CSSaffichage : aucun ;  masquer le contenu spécifié,
• Invisible à travers le navigateur, le contenu caché ne prend pas de place,
• Généralement utilisé pour masquer les effets JS, masquer les icônes des codes statistiques, etc.

Lecture complémentaire :

• " Quelle est la différence entre la classe de sélecteur CSS et l'id ? utilisation de l'identifiant et de la classe en HTML »