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

Optimiser l'affichage des articles

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez apprendre à paramétrer les articles de votre site. Il s'agit d'en obtenir un affichage optimal sur la page d'accueil.
02:43

Transcription

Dans cette séquence, nous allons voir comment paramétrer les articles pour qu’il y ait un affichage optimal dans la page d’accueil et lorsque les articles sont affichés en page seule. Alors pour plus de facilité, j’ai supprimé les deux articles que nous avions précédemment, la « Nouvelle Exposition » et l’article qu’il y avait par défaut, et j’ai créé trois « nouvelles » articles. Donc nous allons dans un premier temps, eh bien ajouter un nouvel article. Je vais mettre un titre, et à l’aide de mon petit utilitaire, je vais coller du faux texte. Donc sachez que le titre sera affiché sur la page d’accueil et que le contenu rédactionnel lui, ne sera pas affiché sur la page d’accueil mais uniquement dans l’article en page seule. Nous allons maintenant passer à un des paramètres les plus importants pour notre thème, c’est l’image à la une. En effet, toutes les images à la une, eh bien seront affichées en mosaïque pour la page d’accueil et nous aurons aussi un effet de défilement lors de l’affichage de l’article, en page seule. Donc c’est un paramètre extrêmement important. Alors, la dimension idéale des images est de 1 500 pixels de large. et il est plutôt recommandé que toutes les images à la une soient de la même taille, des mêmes dimensions pour avoir un affichage en mosaïque, qui soit optimal. Je vais sélectionner cette image que j’avais précédemment mis dans ma bibliothèque. Et voyez qu’elle a les dimensions requises. Là voici en image à la une, et je publie mon article. Je vais maintenant dans l’onglet de mon site publié et je rafraichis. Donc nous avions toujours nos deux widgets que nous avions insérés au préalable. Et nous avons ici, eh bien tous les articles qui sont affichés, voyez, en mosaïque avec l’image à la une. J’affiche cet article en page seule. Et ici, vous voyez eh bien que notre image à la une occupe pratiquement toute la place disponible sur notre fenêtre. Donc c’est pour ça que la taille des images doit être suffisamment large. Je reviens sur ma page d’accueil. Et n’oublions pas que le site est en responsive web design. Ça veut dire que là encore, si je redimensionne la largeur de la fenêtre de mon navigateur, eh bien automatiquement, vous voyez que le design s’adapte. Je vais le réduire encore plus. Vous voyez que les images à la une sont là encore en responsive web design et s’adapte à la largeur disponible. Donc voilà comment optimiser vos articles, pour qu’il y ait un affichage qui soit tout à fait adéquat dans la page d’accueil et dans les articles en page seule.

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 !