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

Créer des colonnes dans les articles

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les styles CSS de Genesis vous permettent de créer des colonnes dans les contenus rédactionnels. Il s'agit soit d'articles soit de pages.
02:26

Transcription

Tous les thèmes enfant de « WordPress » pour « Genesis » permettent de créer une mise en page en colonne dans le contenu rédactionnel, c'est une fonctionnalité vraiment très pratique. On peut avoir une mise en page sur deux, trois, quatre et six colonnes dans les contenus rédactionnels. Il suffit tout simplement d'ajouter des classes CSS spécifiques. Sachez que ces colonnes naturellement ne s'afficheront qu'en page seule. Donc je vais ouvrir l'article « L'écureuil » et pour ajouter ces classes, il faut se mettre en mode « Code », c'est-à-dire non-pas avec l'onglet « Visuel » actif mais avec l'onglet « Texte ». Je vais me placer ici et je vais insérer mon code. Donc, c'est une boite div avec l'attribut class entre-guillemets. Nous allons effectuer une mise en colonne avec deux colonnes. La première classe à utiliser s'appelle one-half. Et comme c'est ma première colonne, eh bien j'ajoute la classe first. Je vais me placer, on va dire ici pour la fin de cette première colonne : fin de div. Je vais à la ligne pour plus de facilité, et ici je vais créer ma deuxième colonne. Donc une deuxième boîte div, class= «» et ici, eh bien c'est la classe one-half à nouveau puisque nous sommes sur deux colonnes. Et ici, je termine ma deuxième colonne, fin de div. Donc les deux colonnes sont dans des boîtes div, la première colonne a la classe first et les deux colonnes ont la classe one-half puisque nous voulons avoir une mise en page qui soit sur deux colonnes. Si jamais vous voulez sur trois colonnes, ça sera one-third, toujours avec pour la première, la classe first, quatre colonnes : one-fourth, et pour la dernière possibilité avec six colonnes, ça sera one-sixth et toujours first pour la première. Je mets à jour, je reviens dans l'onglet de mon site publié et j'affiche l’article « L'écureuil ». Et voilà, nous avons bien notre mise en forme avec les deux colonnes. Donc voilà comment vous allez pouvoir effectuer article par article, eh bien une mise en colonne spécifique pour mettre en évidence tel ou tel article.

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 !