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

Comment masquer le style CSS de la date dans un thème WordPress ?

Tutoriel de style CSS caché DIV

Chen Weiliang a récemment peaufiné et optimisé le modèle du site web, afin de prendre en compte le référencement naturel et l'expérience utilisateur.

Un professionnel des nouveaux médias a demandé : Comment masquer une icône ou une date spécifique dans 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 votre thème WP possède une fonction d'option, vous pouvez ajouter le code CSS ci-dessus à la zone de code dans Options du thème WP → Personnaliser le style → Style personnalisé.

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