Répertoire d'articles
comment cacherOutils de gestionStyle 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 compteSEOexpé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 :
J'espère que le blog de Chen Weiliang ( https://www.chenweiliang.com/ ) partagé Comment masquer les styles CSS de la date du thème WordPress ? tutoriel de style css caché div" pour vous aider.
Bienvenue à partager le lien de cet article :https://www.chenweiliang.com/cwl-608.html
Bienvenue sur la chaîne Telegram du blog de Chen Weiliang pour obtenir les dernières mises à jour !
📚 Ce guide contient une valeur énorme, 🌟C'est une opportunité rare, ne la manquez pas ! ⏰⌛💨
Partagez et likez si vous aimez !
Vos partages et likes sont notre motivation continue !