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

Régler les paramètres généraux dans les articles

Testez gratuitement nos 1266 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez aborder le paramétrage des réglages généraux de Genesis au niveau des articles. Ainsi, vous allez en comprendre les bases.
05:04

Transcription

Dans cette séquence, nous allons voir que l'on peut personnaliser la mise en page au niveau d'un article. On a vu précédemment que dans les paramètres généraux de « Genesis » on pouvait le faire, ça s'appliquait au niveau du site, mais maintenant, on va pouvoir personnaliser un article de manière spécifique. J'ouvre l'article précédent, et pour plus de facilité, j'ai supprimé l'extrait. Je descends, et nous avons ici le bloc « Réglages pour la mise en page ». Par défaut, nous utilisons la mise en page qui a été définie au niveau du réglage global du thème, et vous vous souvenez, on n'avait aucun widget. Voyons voir ce que ça donne. Je suis ici sur la page d'accueil, j'affiche mon article, voilà, je suis en pleine page, il y a pas de souci. Je reviens à l'accueil, même chose pour l'article par défaut, nous sommes en pleine page. Donc maintenant, eh bien, je vais faire une exception pour cet article et uniquement cet article. Eh bien, je vais demander à avoir une sidebar sur la droite. À ce moment-là, vous voyez que l'option par défaut ici n'est plus cochée. J'enregistre, je mets à jour mon article, je reviens sur ma page d'accueil, je rafraîchis, voilà, et donc maintenant, j'ouvre cet article, et voilà, nous avons bien la sidebar avec le widget que nous avions utilisé précédemment qui est affichée. Si je reviens à l'accueil et j'affiche l'article par défaut, eh bien celui-ci conserve la mise en page globale, c'est-à-dire en pleine page. Deuxième paramètre que l'on peut gérer : ce sont les CSS. Vous avez la possibilité, eh bien d'appliquer une classe CSS pour effectuer une mise en forme spécifique au niveau du body de la page, et même chose au niveau de l'article en lui-même. Pour ce faire, eh bien nous allons devoir modifier le fichier CSS de notre thème. Donc dans votre site WordPress dans le dossier « wp-content », dans le dossier « themes », pour notre thème « altitude-pro » eh bien, nous allons modifier le fichier « style.css ». Pour ce faire, eh bien vous pouvez ouvrir ce fichier dans un simple éditeur de texte, ou dans un éditeur de code gratuit, par exemple, « Text Wrangler » sous Mac ou « Edit ++ » sous Windows. Voici ce fichier modifié, je me place tout en bas, je mets un petit commentaire : « Styles personnalisés ». Donc ici, j'ai créée un style que j'ai appelé « monarriereplan » qui me permet, eh bien d'avoir une personnalisation au niveau de la couleur de l'arrière plan. Donc « monarriereplan », c'est le nom de ma classe. Pour plus de facilité, pour pas me tromper, je la copie avec le raccourci clavier correspondant à ma plateforme, je reviens dans « WordPress », et ici je colle le nom de ma classe. Je mets à jour mon article, je reviens dans mon site, je réactualise la page d'accueil, donc pas de souci, j'ouvre maintenant notre article personnalisé « Nouveau concert », et voilà, vous voyez que nous avons un joli arrière-plan qui est vert. Je reviens sur la page d'accueil, j'ouvre l'article par défaut, mais lui, naturellement, n'a pas été modifié puisque la modification a été apportée uniquement pour l'article « Nouveau concert » lorsque celui-ci est affiché en page seul. Deuxième personnalisation que nous pouvons faire, toujours au niveau des CSS, c'est appliquer une classe CSS pour l'affichage de l'article en lui-même et non pas au niveau du body. Toujours dans notre fichier « style.css » de « altitude-pro », c'est ce que j'ai fait ici, à nouveau j'ai personnalisé la couleur de l'arrière-plan avec cette classe qui s'appelle « monarticle ». Donc, je vais procéder comme tout à l'heure, pour pas me tromper. Je mets à jour mon article. Je reviens sur mon site publié, je rafraîchis, et voilà ! Nous avons bien cette personnalisation avec le changement de la couleur d'arrière-plan, uniquement au niveau de l'affichage de l'article en lui-même. Vous voyez que ça ne fait pas au niveau de la sidebar. Si maintenant je reviens sur l'accueil et j'affiche le « Bonjour tout le monde !» par défaut, eh bien lui est toujours avec les paramètres par défaut. Donc voilà comment vous allez pouvoir personnaliser la mise en page d'un article en particulier, en modifiant la position de la sidebar ou en laissant l'option par défaut, et en modifiant les classes CSS.

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 !