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

Personnaliser les images

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Il est possible de personnaliser l'image d'arrière-plan et celle du menu. C'est ce que vous allez découvrir ici.
03:05

Transcription

Nous allons voir maintenant la personnalisation de notre thème à l’aide d’images au niveau de l’en-tête et au niveau de l’arrière-plan. Donc, dans le menu « Apparence » je choisis « Personnaliser ». Et je vais dans « Image d’en-tête ». Par défaut, eh bien nous avons le titre du site qui est affiché. Eh bien, nous allons pouvoir remplacer ce paramètre. Donc, je vais dans « Image d’en-tête ». Là encore, eh bien vous avez des indications précises quant à la taille de cet élément. 360 pixels de large pour 80 pixels de haut. On va pouvoir cliquer sur le bouton « Ajouter une nouvelle image », et je vais choisir cette image que j’avais déjà installée dans ma bibliothèque. Et voyez qu’elle a les dimensions requises. Je clique sur « Sélectionner et rogner », car si jamais l’image n’était pas la bonne dimension, eh bien, vous pourriez parfaitement, à l’aide de cette poigné, eh bien la redimensionner. Et dans ce cas-là, eh bien vous demandez à la recadrer. Si l’image a les bonnes dimensions, vous cliquez tout de suite sur le bouton « Pas de recadrage ». Donc, voyez qu’elle apparait effectivement ici au niveau de l’en-tête actuel. Vous pourrez parfaitement la masquer, et en choisir une autre, si besoin était. Et surtout, vous le voyez directement appliqué en live dans la partie droite. Je vais pouvoir enregistrer et publier. Je reviens dans l’onglet de mon site publié. Je rafraichis. Et nous avons bien notre image qui est apparente. Je reviens dans mon administration. Je vais maintenant pouvoir plaquer une image en arrière-plan. À nouveau, je sélectionne une image que j’avais précédemment installée. Et la voici qui est plaquée. Vous pouvez la supprimer et vous pouvez la changer, si besoin était. Vous avez ensuite toute une série de paramètres. Premier paramètre, c’est la répétition de cet arrière-plan. Vous pouvez choisir « Pas de répétition ». Le motif répété uniquement horizontalement, uniquement verticalement. Je vais le laisser en « Pas de répétition ». Pour la position vous pouvez la mettre à gauche, au centre, ou à droite. Et enfin, vous pouvez choisir si l’image est défilante ou si elle est fixe lorsque vous allez utiliser la barre de défilement verticale, lorsque vous avez beaucoup de contenus. Donc ici, je vais demander un motif répété et la position initiale n’a pas une importance énorme. Donc là encore, vous enregistrez et vous publiez. Je peux fermer. Je reviens dans mon site publié et je rafraichis. Naturellement, si vous trouvez ceci pas très esthétique, eh bien vous avez la possibilité de supprimer cette image d’arrière-plan. Et je ferme. Et je rafraichis à nouveau. Donc voilà comment personnaliser l’en-tête et l’arrière-plan à l’aide d’image.

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
Votre/vos formateur(s) :
Date de parution :2 mai 2016
Durée :1h23 (27 vidéos)

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 !