Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Créer un site web pour les designers avec WordPress et Genesis

Mettre en forme les widgets

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous avez la possibilité de mettre en forme le contenu des widgets Texte. Christophe Aubry vous montre comment procéder.
03:23

Transcription

Ce qui est très pratique avec les widgets de type texte, c’est qu’on a la possibilité de cliquer une mise en forme HTML et CSS. Retournons dans la personnalisation, dans les widgets, dans l’emplacement « Welcome Message ». Et nous avons ici nos deux widgets. J’ouvre le premier widget. Première possibilité : eh bien on peut créer des paragraphes, de manière automatique, dès lors que vous appuierez sur la touche « Entrée ». Pour ce faire, il suffit de cocher cette option. Je me mets ici. Je supprime l’espace, et je vais à la ligne avec ma touche « Entrée ». Automatiquement, vous voyez qu’on a bien été à la ligne. Vous avez l’aperçu ici, en direct. Deuxième possibilité : eh bien vous pouvez appliquer de la mise en forme HTML. Je voudrais mettre par exemple ces deux mots en gras. Je me place ici, pour ce faire je vais utiliser l’élément HTML « strong ». Je commence par la balise ouverture, « strong ». Et là où je souhaite m’arrêter, je mets la balise de fermeture, fin de « strong ». Et voilà, nous avons bien ici les deux mots qui sont en gras. Pour de l’italique, eh bien c’est l’élément HTML « em ». Et là encore, nous avons l’aperçu en direct. J’enregistre et je publie, et je vais vérifier ceci dans l’onglet publié. Je rafraichis. Et voilà, nous avons bien l’élément en gras, nous avons bien l’élément en italique. Par défaut, vous voyez que le texte est en alignement centré. Eh bien on va pouvoir paramétrer ceci. Je vais mettre dans ce premier paragraphe et je vais créer l’élément « p », paragraphe, puis l’attribut « style= » et entre-guillemets je vais mettre la propriété CSS « text-align », « text-align : left ». Et je vais mettre ici : fin de paragraphe. J’enregistre et je publie. À nouveau, on le voit en direct, uniquement pour ce paragraphe. Je rafraichis mon site dans mon onglet publié et nous avons bien ici un alignement à gauche uniquement pour ce paragraphe. Je reviens dans mon administration. Je ferme ce premier widget et j’affiche le deuxième. Je vais pouvoir ici, aller à la ligne et demander la création automatique de deux paragraphes. Et je vais pouvoir mettre une ligne horizontale. Pour avoir une ligne horizontale, c’est l’élément HTML « hr ». J’enregistre et je publie. Nous avons ici notre aperçu en direct. Je ferme la fenêtre de personnalisation. Je reviens dans l’onglet de mon site publié et je rafraichis. Et voilà, nous avons bien notre ligne de séparation. Donc voilà comment vous allez pouvoir, avec des exemples simples ici, mettre en forme les widgets de type texte avec de l’HTML et des CSS.

Créer un site web pour les designers avec WordPress et Genesis

Créez et personnalisez votre site web avec WordPress et le framework Genesis. Profitez ainsi de fonctionnalités adaptées aux besoins spécifiques de votre métier.

1h23 (27 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :2 mai 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !