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 musiciens 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. Apprenez à le faire à l'aide de cette vidéo.
04:37

Transcription

Sachez que de manière native vous avez la possibilité de mettre en forme le contenu des widgets textes. Eh bien c’est ce que nous allons faire. Retournons dans la « Personnalisation », dans les « Widgets », et je vais prendre le « Front Page 1 » et je vais personnaliser le premier widget texte que nous allons placer. Je descends un petit peu. D’abord ici vous avez l’option « Créer automatiquement des paragraphes ». Je la coche. Ce qui veut dire que lorsque je vais aller à la ligne dans un widget de texte, eh bien automatiquement je vais avoir, on le voit ici, la création d’un nouveau paragraphe. Et donc ça vous pouvez le faire systématiquement là où vous souhaitez. Deuxième possibilité, et bah, on peut mettre en forme avec des éléments html. Si par exemple je vais mettre ce mot et le suivant en gras, eh bienje vais pouvoir utiliser l’élément html « strong », qui permet d’effectuer une mise en forme. Donc j’ai la balise d’ouverture « strong », et j’ai la balise de fermeture « fin de strong ». On voit le résultat en direct ; on a bien ici notre mise en forme. Si jamais je souhaite mettre ces deux mots en italique, eh bien c’est l’élément html « em ». Et voilà, on a bien notre texte qui est en italique. J’enregistre et je publie. Je reviens sur mon site publié, je rafraichis, et voilà nous avons bien nos deux paragraphes avec les deux mots en gras et les deux mots en italique. Voyez que par défaut, pour ce widget, eh bien le texte est en alignement centré. Eh bien là encore, avec du code html css, nous avons la possibilité d’effectuer une mise en forme pour mettre par exemple un alignement à gauche. Je vais me mettre juste devant ce texte, j’ouvre ma balise « p », paragraphe, je vais créer du style css en ligne, et je vais mettre la propriété « text align » avec la valeur « left ». Et ici, je ferme mon paragraphe. Et voilà, vous voyez que nous avons bien notre alignement qui est à gauche. Donc ça vous pouvez le faire pour n’importe quel widget. J’enregistre, je ferme, je réactualise, et voilà, nous avons bien notre alignement à gauche. Donc naturellement ça sera strictement rigoureusement identique pour tous les autres widgets de texte. Autre personnalisation de la mise en forme que l’on peut faire, on peut tout simplement afficher une image dans un widget de texte. Alors pour ce faire, dans un premier temps, j’ai ajouté cette image. Je l’affiche, et je vais avoir besoin de copier-coller son adresse web, ce qui me permet l’affichage de cette image. Donc je sélectionne tout ceci. Et avec le raccourci clavier, je copie le chemin d’accès à cette image. Je reviens dans ma « Personnalisation ». Je vais le mettre dans un widget. Et on va prendre le nouvel emplacement « Front Page 5 ». J’ajoute un widget de texte. Je ne vais pas mettre de titre, et ici, eh bien je vais mettre le code html qui va me permettre d’afficher mon image. C’est l’élément « img », « img » pour image. Et le chemin d’accès à l’image, c’est l’attribut « src », pour « source », égal, ouvre les guillemets, et là je colle le chemin d’accès que j’ai précédemment copié. Je ferme les guillemets, et je ferme ma balise. Je descends, et nous avons bien ici notre image. Alors très naturellement rien ne vous empêche de mettre un titre, si besoin était. Et voilà ! J’enregistre, et je ferme. Je reviens comme précédemment sur mon site publié, et je rafraîchis. Je descends pour atteindre l’emplacement « Front Page 5 ». Et voilà comment afficher une image dans un widget texte. Donc voilà comment vous allez pouvoir mettre en forme vos widgets de textes pour adapter au mieux la page d’accueil à vos besoins.

Créer un site web pour les musiciens 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 :17 févr. 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 !