Articles taggés css
Rendre vos menus personnalisés plus attrayants
6Vous maîtrisez la configuration des menus personnalisés sous WordPress et vous êtes capables d’adapter la navigation en fonction de vos besoins. L’ajout de pages, catégories et liens n’a plus de secret pour vous (si vous sentez que vous avez besoin d’un rafraîchissement, vous pouvez utilement (re)lire cet article et (re)visionner la vidéo associée). En revanche, vous souhaiteriez aller encore plus loin et personnaliser cette fois, l’aspect visuel de ce menu. Regardons cela de plus près. (Lire la suite…)
Maîtriser la position de l’image de fond de votre blog
20En fonction de votre thème et des facilités de configuration qu’il propose, vous pourrez mettre en place une image de fond sur votre blog exactement comme vous le désirez. Seulement, les thèmes qui permettent de modifier tous les paramètres directement depuis l’interface sont rares. Encore plus parmi les thèmes gratuits (mais ce n’est pas toujours gagné non plus avec les thèmes payants).
La situation n’est pas désespérée. Seulement, il faut relever les manches et s’attaquer aux css. Rien de bien méchant, il suffit de s’appliquer. Suivez le guide … (Lire la suite…)
Insérer des encadrés dans vos articles sous WordPress (Partie 5/5)
8Dans les précédents articles de cette série, vous avez appris à créer des encadrés pour mettre en valeur des passages d’articles sur vos blog WordPress grâce à l’utilisation des shortcodes. Vous avez également mis en place la possibilité de sélectionner la couleur de l’encadré souhaité directement depuis le shortcode. Et enfin, dans l’article précédent, vous avez ajouté des images pour renforcer le message que vous désirez faire passer. Vous allez aujourd’hui modifier le code une dernière fois pour :
- avoir la possibilité de choisir l’image que vous souhaitez afficher dans l’encadré,
- choisir d’afficher ou non une image. (Lire la suite…)
Insérer des encadrés dans vos articles sous WordPress (Partie 4/5)
2Les encadrés permettent de mettre en valeur une partie du contenu de vos articles en les entourant d’une bordure et en appliquant une couleur de fond. Un choix de couleur judicieux peut permettre d’indiquer au lecteur le type de mise en valeur que vous souhaitez. Mais la compréhension des couleurs est très subjectif. Il est donc intéressant d’expliciter le message. Cela peut être réalisé par l’ajout d’une image. Par exemple, un panneau ‘stop’ sur un encadré rouge, une ‘coche verte’ sur un encadré vert, une ‘ampoule’ sur un encadré jaune seront compris facilement. Mais il est possible d’aller beaucoup plus loin et d’avoir en réserve une collection d’image et de les adapter à chaque message encadré. (Lire la suite…)
Insérer des encadrés dans vos articles sous WordPress (Partie 3/5)
0Vous savez désormais ajouter des encadrés de la couleur de votre choix dans vos articles. Vous le faites facilement en utilisant un shortcode auquel vous indiquez la couleur que vous souhaitez. Cet article (le 3eme de la série) vous expliquera deux améliorations à apporter à votre implémentation. (Lire la suite…)
Insérer des encadrés dans vos articles sous WordPress (Partie 2/5)
2Dans le premier article consacré à la mise en place d’encarts dans vos articles, vous avez appris les bases de l’utilisation des shortcodes avec WordPress. Dans ce deuxième article, vous irez un peu plus loin en découvrant comment ajouter des paramètres à vos appels aux shortcodes. En application directe, vous apprendrez à mettre en place des encadrés de différentes couleurs sur votre blog, la couleur étant le paramètre précisé lors de l’utilisation du shortcode. (Lire la suite…)
Insérer des encadrés dans vos articles sous WordPress (Partie 1/5)
5Pour mettre en valeur une partie de votre article, vous avez souvent pensé utiliser des encarts. Cela peut être le cas lorsque vous souhaitez faire ressortir une définition, une citation ou tout autre extrait de texte qui doit être particulièrement visible.
Un exemple :
La gestion des CSS avec Mystique
2Précédemment, nous avons vu comment le thème Mystique pour WordPress gère les feuilles de style qui permettent de choisir parmi les différents ensembles de couleurs proposés dans l’interface d’administration du thème (onglet Apparence : styles & couleurs). Un autre outil permettant de modifier l’apparence de votre blog est disponible dans l’onglet CSS. (Lire la suite…)
Configurer le thème Mystique (Partie 1 – Titre et Slogan)
28Malgré les possibilités de paramétrage offerte par la version 3.1 du thème Mystique, il reste encore de nombreux éléments dont vous souhaiteriez modifier l’apparence. De plus, si vous utilisez la version Mystique Lite (2.4 et suivantes), l’interface d’administration ne vous offre aucune possibilité. Encore une fois, les thèmes enfants vont permettre de remédier à ce problème. Aussi bien bien pour la version Lite que pour les autres versions du thème. (Lire la suite…)
Comment sont gérées les feuilles de style avec le thème Mystique ?
2Habituellement, un thème est géré de la façon suivante :
il comprend une feuille de style appelée style.css qui se trouve dans le dossier principal du thème – par exemple : /wp-content/themes/twentyeleven/style.css
Le thème Mystique présente également ce fichier (/wp-content/themes/mystique/style.css), mais il est vide … étonnant, non ? En fait, le concepteur du thème a procédé un peu différemment de la manière classique tout en assurant la compatibilité. (Lire la suite…)
