Un guide pour les paramètres avancés du framework Genesis

Publié: 2016-09-14
Suivez @Cloudways

P récédemment, j'ai discuté comment vous pouvez configurer la Genèse cadre avec les paramètres de base. Cependant, dans cet article, je vais vous expliquer comment configurer en détail chaque partie de votre Genesis Framework. Bienvenue dans les profondeurs ! Laissez-moi vous expliquer comment configurer Genesis Framework avec les options de paramètres avancés.

How-Genesis-Framework--Powerful-Part-3-Banner

Configuration de la page d'accueil de votre site Genesis

Chaque thème enfant a quelques options pour afficher le contenu sur la page d'accueil. Vous pouvez également définir une page statique comme page d'accueil tandis que quelques thèmes enfants ont des zones de widgets personnalisées pour ajouter des widgets à votre page d'accueil. Jetons un coup d'œil à ces styles de page :

Page d'accueil personnalisée

00

La plupart des thèmes enfants de StudioPress Genesis ont des pages d'accueil personnalisées contenant des widgets pour y ajouter du contenu. Allez dans Paramètres> Lecture et vérifiez Vos derniers messages pour définir ce type de page d'accueil.

01

Vous pouvez sélectionner les widgets à afficher sur la page d'accueil en les visitant dans Tableau de bord > Apparence > Widgets . Vous pouvez accéder à l'espace membre ici à tout moment pour vous guider sur la façon de définir la page d'accueil comme indiqué dans la démo du thème.

Page d'accueil de Style de blog

Ce style de page d'accueil affiche les derniers articles sur la page d'accueil. N'ajoutez aucun widget dans la zone de widget spécifique à la page d'accueil afin que la page d'accueil affiche les derniers messages.

Conseil utile : Page d'accueil statique

02

Cela affiche une seule page statique que vous choisissez comme page d'accueil. Dans le tableau de bord, accédez à Apparence > Lecture et sélectionnez Une option de page statique .

Sélectionnez maintenant une page statique pour la page d' accueil et une page pour la page des articles .

Introduction à la configuration d'un menu de navigation

Genesis utilise les fonctionnalités du menu par défaut de WordPress. Vous pouvez créer et gérer des menus dans WordPress Dashboard ou dans Customizer.

Créer un menu dans le tableau de bord WordPress

03

Pour ajouter un menu via le tableau de bord, accédez à Apparence > Menus et cliquez sur Créer un nouveau menu .

04

Donnez un nom au menu (un nom est pour votre référence seulement) et cliquez sur Créer un menu .

05

Vous pouvez voir toutes les pages, publications, liens personnalisés et catégories disponibles ici. Sélectionnez les éléments de chaque section que vous souhaitez afficher dans l'enu, puis appuyez sur Ajouter au menu .

06

Cliquez sur l'onglet Options d'écran dans le coin supérieur droit pour afficher la liste complète des options parmi lesquelles vous pouvez choisir. Activez les options dont vous avez besoin et cliquez à nouveau sur l'onglet pour masquer les options d'écran.

07

Une fois que vous avez terminé, cliquez sur Enregistrer le menu pour enregistrer les paramètres. Les options de thème enfant apparaîtront dans les paramètres du menu où vous pouvez affecter votre menu à un emplacement spécifique.

08

En outre, vous pouvez cliquer sur l'onglet Gérer les emplacements et gérer chaque position de menu. Cliquez sur Enregistrer les modifications pour enregistrer vos paramètres.

Créer un menu dans WordPress Customizer

09

Accédez à Apparence > Personnaliser > Menus et cliquez sur Ajouter un menu .

dix

Donnez un nom au menu (le nom est pour votre référence seulement). Cliquez sur Créer un menu .

11

Cliquez sur Ajouter des éléments pour sélectionner les éléments à ajouter au menu.

Vous pouvez cocher la case dans les options du menu pour ajouter automatiquement une page au menu. Elle sera ajoutée si ce n'est pas une sous-page.

12

Cliquer sur Ajouter des éléments affiche un autre panneau avec tous vos articles , pages, catégories, étiquettes et liens personnalisés. Cliquez sur la flèche pour développer chacun.

13

Cliquez sur chaque élément que vous souhaitez ajouter dans le menu. Une fois que vous avez terminé, cliquez sur Enregistrer et publier pour enregistrer les paramètres.

14

Vous pouvez sélectionner le menu à afficher à un endroit spécifique. Ces options peuvent varier d'un thème à l'autre.

15

Sélectionnez les options de menu pour chaque poste et cliquez sur Enregistrer et publier pour enregistrer les paramètres.

Créer un élément de menu non cliquable

16

Allez dans la section Liens personnalisés et écrivez le nom de l'élément de menu et dans la section URL, ajoutez simplement le symbole #. Lorsqu'un visiteur clique sur cet élément de menu, il ne sera redirigé vers aucune page.

Créer un élément de menu déroulant

17

Vous pouvez facilement créer une entrée de menu déroulant en faisant glisser l'élément jusqu'à ce qu'il soit ajouté à la liste. Ce nouvel élément déroulant apparaîtra légèrement avant son élément parent.

Cliquez sur Enregistrer le menu pour enregistrer les paramètres.

Introduction aux zones de widgets dans les thèmes enfants Genesis

De nombreux thèmes incluent des zones de widgets communes où vous pouvez ajouter du contenu comme :

  • Zone du widget de droite de l'en-tête
  • Zone principale du widget de la barre latérale
  • Zone de widget après l'entrée
  • Zones de widget de pied de page

Peu de thèmes enfants ont des zones de widgets spécifiques qui aident à remplir la page d'accueil et d'autres zones de votre site.

18

Vous pouvez configurer le widget dans la personnalisation ou la zone Apparence > Widgets .

Zone du widget de droite de l'en-tête

19

Il est disponible dans certains thèmes enfants qui s'affichent à côté du titre ou du logo du site.

20

Comme il dispose d'un espace limité, un widget de menu personnalisé est placé ici. Généralement, la page d'accueil, les liens personnalisés et les liens d'entreprise sont également indiqués ici.

Zone principale du widget de la barre latérale

21

Certains thèmes ont une disposition qui inclut la barre latérale dans les paramètres du thème Genesis, cette zone de widget de la barre latérale principale sera disponible.

22

Vous pouvez utiliser n'importe quel widget dans cette zone. Par exemple, la boîte d'abonnement, les icônes sociales, les publications récentes ou bien d'autres.

Zone de widget après l'entrée

23

Cela apparaît à la fin d'un seul message.

24

Vous pouvez utiliser n'importe quel widget dans cette zone, comme par exemple une newsletter.

Zones de widget de pied de page

25

Il vous permet d'ajouter des widgets à la fin de votre site Web. Pour activer le pied de page 2 ou le pied de page 3, vous devez d'abord mettre des widgets dans le pied de page 1.

26

Vous pouvez placer des informations de contact et des liens dans la zone Pied de page.

Introduction aux widgets spécifiques à Genesis Framework

27

Genesis apporte 3 widgets spécifiques à votre zone Widget dans Apparence > Widgets

  1. Genesis – Widget de page en vedette
  2. Genesis – Widget de publication en vedette
  3. Genesis – Widget de profil utilisateur

Jetons un coup d'œil à chacun d'eux :

Genesis – Widget de page en vedette

Ce widget est utilisé pour afficher une image vedette et un extrait de l'article d'une seule page. Il peut être utilisé dans une zone de widget spécifique à la page d'accueil, une barre latérale, un pied de page ou tout autre endroit.

Pour ajouter un widget à la zone des widgets, accédez à Apparence > Widgets . Voici les paramètres de configuration de ce widget :

28

1 – Titre : Le titre écrit ici sera affiché en haut du contenu du widget.

2 – Page : sélectionnez la page que vous souhaitez mettre en avant.

3 – Afficher l'image en vedette : Cochez l'image si vous souhaitez afficher l'image en vedette qui a été attribuée à la page.

4 – Taille de l'image : sélectionnez la taille de l'image en vedette.

5 – Alignement de l'image : sélectionnez l'alignement de l'image, c'est-à-dire à gauche, à droite ou centré sur le contenu du texte.

6 – Afficher le titre de la page : Cochez cette case pour afficher le titre de la page en vedette.

7 – Afficher le contenu de la page : Cochez cette case pour afficher le contenu de la page. Laissez cette option décochée pour afficher uniquement le titre et l'image en vedette.

8 – Limite de caractères du contenu : Si Afficher le contenu de la page est coché, entrez un nombre ici pour limiter le nombre de caractères à afficher dans le widget.

9 – Plus de texte : saisissez ici une valeur comme Une fois la configuration terminée, cliquez sur Enregistrer pour enregistrer les paramètres.

Genesis – Widget de publication en vedette

Ce widget est utilisé pour afficher une image vedette et un extrait de l'article d'un ou plusieurs articles de blog. Il est similaire au widget de page en vedette, mais s'applique aux publications plutôt qu'aux pages.

Pour ajouter le widget à une zone de widget, accédez à Apparence > Widgets .

29

1 – Titre : Le titre écrit ici sera affiché en haut du contenu du widget.

2 – Catégorie : Sélectionnez la catégorie que vous souhaitez présenter.

3 – Nombre de publications à afficher : Nombre de publications que vous souhaitez afficher dans ce widget.

4 – Nombre de postes à décaler : Saisissez le nombre de postes à décaler (ou à ignorer). Il est utilisé lorsque des articles en vedette apparaissent ailleurs et que vous ne souhaitez pas répéter les articles dans ces zones. Un décalage de 1 affichera le prochain message le plus récent.

5 – Trier par : Sélectionnez l'ordre dans lequel les articles seront affichés.

6 – Ordre de tri : Sélectionnez si l'ordre est décroissant ou croissant.

7 – Exclure les publications précédemment affichées ? : Cochez la case pour exclure les publications déjà affichées sur la page. C'est efficace lorsque vous avez un article présenté dans plusieurs catégories. Et vous voulez l'empêcher d'apparaître dans plus d'un widget Genesis Featured Posts sur la page.

8 – Exclure les messages collants : exclut les messages collants de l'affichage.

9 – Afficher le gravatar de l'auteur : affiche le gravatar de l'auteur avec chaque publication. Pour que cela s'affiche, l'auteur doit avoir un gravatar de http://gravatar.com associé à l'adresse e-mail dans le profil.

10 – Taille du gravatar : Sélectionne la taille du gravatar.

11 – Alignement du gravatar : Sélectionnez l'alignement du gravatar, c'est-à-dire à gauche ou à droite du texte.

12 – Afficher l'image en vedette : Cochez la case pour afficher l'image en vedette qui a été attribuée à chaque publication. Si vous ne l'avez pas affecté dans l'éditeur de publication, Genesis affectera automatiquement la première image qui a été téléchargée dans la publication en tant qu'image vedette.

13 – Taille de l'image : sélectionnez la taille de l'image sélectionnée.

14 – Alignement de l'image : sélectionnez l'alignement de l'image sélectionnée, c'est-à-dire à gauche, à droite ou au centre du contenu du texte.

15 – Afficher le titre de l'article : Cochez cette case pour afficher le titre de la page en vedette.

16 – Afficher les informations sur la publication : affiche les informations sur la publication, y compris la date de publication, l'auteur et le lien de commentaire. Ceci est personnalisable.

17 – Type de contenu : sélectionnez s'il faut afficher l'extrait, le contenu, une limite de contenu ou aucun contenu.

Types de contenu

Extrait : L'extrait se compose des 55 premiers mots du contenu de l'article. Les balises HTML et les graphiques ne sont pas inclus dans le contenu de l'extrait.

Contenu : Le contenu complet de la publication, y compris les images, sera affiché. Utilisez ce paramètre avec la balise more à l'intérieur de la publication si vous souhaitez afficher un extrait de la publication.

Limite de contenu : affiche uniquement une partie limitée du contenu. Ce paramètre est comme Extrait , mais vous pouvez définir le nombre exact de caractères affichés.

Pas de contenu : aucun contenu de la publication ne sera affiché. Ce paramètre est utilisé si vous souhaitez afficher le titre ou le titre et l'image vedette.

18 – Limiter le contenu : utilisé avec le paramètre Afficher la limite de contenu ci-dessus. Il fonctionne comme l'extrait, mais vous donne plus de contrôle sur le nombre de caractères affichés.

19 – Plus de texte : saisissez ici une valeur telle que 20 - Liste non ordonnée d'autres articles : affiche uniquement les titres des articles restants de la catégorie ou des catégories choisies, qui ne figurent pas dans la liste ci-dessus.

21 – Titre : Si vous souhaitez afficher la liste non ordonnée de plus de messages de la catégorie sélectionnée, ajoutez un titre pour cette liste.

22 – Nombre de publications à afficher : nombre de publications à afficher dans la liste Liste non ordonnée de plus de publications.

23 – Afficher le lien d'archive de catégorie : Cochez cette case pour afficher un lien vers plus de publications dans cette catégorie si vous n'avez choisi qu'une seule catégorie dans ce widget. Mais si vous l'avez configuré pour afficher toutes les catégories, ce lien ne sera pas affiché.

Une fois la configuration terminée, cliquez sur Enregistrer pour enregistrer les paramètres.

Genesis – Widget de profil utilisateur

Ce widget affiche le gravatar d'un utilisateur avec une biographie ou un lien personnalisé. Vous pouvez l'utiliser dans n'importe quelle zone de widget comme la barre latérale, la zone de widget de la page d'accueil ou le pied de page.

Pour ajouter le widget à une zone de widget, accédez à Apparence > Widgets .

30

1 – Titre : Le titre écrit ici sera affiché en haut du contenu du widget.

2 – Sélectionner un utilisateur : sélectionnez l'utilisateur à inclure dans ce widget.

3 – Taille du gravatar : Sélectionne la taille du gravatar. Pour que cela s'affiche, l'auteur doit avoir un gravatar de http://gravatar.com associé à l'adresse e-mail dans le profil.

4 – Alignement du gravatar : Sélectionnez l'alignement du gravatar, c'est-à-dire à gauche ou à droite du texte.

5 - Texte de description de l'auteur : La description de l'auteur peut être chargée à partir de la biographie de l'auteur à partir du profil de l'utilisateur ou vous pouvez être un texte personnalisé.

6 – Page étendue « À propos de moi » : sélectionnez une page à lier à la fin de la description de l'auteur pour fournir plus d'informations sur l'auteur.

7 – Texte du lien de page étendu : saisissez le texte du lien ci-dessus.

8 – Afficher le lien d'archive de l'auteur ? : Cochez cette case pour ajouter un lien à la fin du contenu du widget, menant à la page d'archive de l'auteur, où vous pouvez voir tous les messages de cet utilisateur.

Une fois la configuration terminée, cliquez sur Enregistrer pour enregistrer les paramètres.

Widgets supplémentaires

Certains thèmes enfants peuvent avoir des widgets supplémentaires et ils demandent également l'installation de certains plugins. Vous pouvez trouver toute la documentation sur ces widgets et plugins dans le guide de configuration du thème.

Vous pouvez accéder à tous les thèmes enfants et à la documentation dans l'espace membre à l'adresse http://my.studiopress.com/downloads/.

Utilisation de votre propre logo ou image d'en-tête

Vous pouvez télécharger un logo ou une image d'en-tête des deux manières suivantes, en fonction des options fournies par votre thème.

1 – Paramétrage du logo dans WordPress Customizer

31

Cette option est disponible dans la plupart des thèmes enfants Genesis. Allez dans Apparence > Personnaliser > Image principale pour ajouter votre logo.

32

Cliquez sur Ajouter une nouvelle image pour télécharger ou sélectionnez une image déjà téléchargée comme en-tête. Vous pouvez recadrer l'image comme vous le souhaitez, mais la taille d'en-tête recommandée est écrite à l'écran.

Cliquez sur Enregistrer et publier pour enregistrer les paramètres.

2 - Définition du logo dans les paramètres du thème Genesis

33

Si l'option ci-dessus n'est pas disponible, vous pouvez accéder à Genesis > Paramètres du thème et dans la section En-tête, sélectionnez l'un des éléments suivants :

  • Texte dynamique

Il affiche le titre et le slogan de votre site en tant que logo. Vous pouvez le définir ici : Apparence > Personnaliser > Identité du site ou dans Paramètres > Général .

  • Logo illustré

Un logo d'image s'affiche si cette option est sélectionnée. L'image logo.png ou dans certains thèmes le fichier header.png sera sélectionné comme logo d'en-tête.

Pour télécharger votre propre logo, vous devez remplacer le fichier logo.png par votre propre fichier logo.png. Accédez au dossier /wp-content/themes/childtheme/images de votre site Web via FTP et remplacez-le.

Utiliser les modèles Genesis

34

Vous pouvez sélectionner n'importe quel modèle dans la section Attributs de page . Cela ne s'applique qu'aux pages, pas aux articles. Chaque thème propose ses templates spécifiques et supplémentaires.

Modèle d'archive

Il crée un plan du site de votre site Web. Voici comment l'utiliser :

35

  1. Créez-en un nouveau dans Pages > Ajouter une page
  2. Entrez le titre de la page.
  3. Laissez la zone de contenu vide. Le modèle d'archive remplira automatiquement cette page avec le plan du site.
  4. Cliquez sur Publier .

Modèle de blog

Il crée une liste des articles récents dans un format de blog. Voici comment l'utiliser :

36

  1. Créez-en un nouveau dans Pages > Ajouter une page et insérez le titre de la page.
  2. Sélectionnez Blog dans la section Attributs de page .
  3. Laissez la zone de contenu vide. Le modèle d'archive remplira automatiquement cette page avec les articles récents.
  4. Cliquez sur Publier .

Mise à jour du framework Genesis

Vous pouvez mettre à jour Genesis à partir du tableau de bord WordPress ou le faire manuellement. Examinons les deux options :

Mise à jour manuelle

Suivez ces étapes pour mettre à jour manuellement Genesis :

  • Téléchargez la dernière version de Genesis sur http://my.studiopress.com/downloads/
  • Extrayez le fichier zip téléchargé.
  • Téléchargez le dossier Genesis décompressé dans le dossier /wp-content/themes de votre site Web via FTP et remplacez la version précédente.

Mises à jour automatiques

37

Pour activer les mises à jour automatiques, accédez à Genesis > Paramètres du thème et cochez Activer les mises à jour automatiques . Vous pouvez entrer votre adresse e-mail pour être averti lorsqu'une mise à jour est disponible.

38

Lorsque vous activez cette option, chaque fois qu'une mise à jour est disponible, vous recevrez un lien dans le tableau de bord. La mise à jour ne commencera que lorsque vous cliquerez sur le lien.

39

Vous pouvez également visiter Tableau de bord > Mises à jour pour vérifier les mises à jour.

40

Appuyez sur Vérifier à nouveau pour vérifier les mises à jour.

41 Cliquez sur Mettre à jour maintenant pour commencer la mise à jour.

42

Sur l'écran Mettre à jour le thème, cliquez sur Cliquez ici pour terminer le lien de mise à niveau pour terminer la mise à jour. Lorsque tout sera terminé, vous serez redirigé vers Genesis > Paramètres du thème .

Avertissement : Erreurs et autres ressources

Voici quelques erreurs courantes de Genesis et WordPress.

  • Genèse introuvable

Problème : lorsque vous installez le thème enfant avant Genesis Framework ou supprimez Genesis alors que le thème enfant est installé, cette erreur apparaît :

Avertissement:

require_once(%path-to-wordpress%/wpcontent/themes/genesis/lib/init.php) [function.require-once] : échec de l'ouverture du flux : aucun fichier ou répertoire de ce type dans %path-to-wordpress%/wp -content/themes/%childtheme%/functions.php à la ligne 3

Solution : accédez au dossier /public_html/wp-content/themes/ de votre site Web via FTP. Vous pouvez également voir cette adresse dans l'erreur ci-dessus.

Téléchargez le dernier framework Genesis sur my.studiopress.com. Décompressez-le et assurez-vous qu'il s'appelle "genesis" et téléchargez-le dans le dossier des thèmes. Vous pouvez lire une description plus détaillée dans la partie 1 – Installation de Genesis Framework .

  • WordPress a besoin d'une mise à niveau

Problème : lorsque votre WordPress est obsolète, vous manquez quelques fonctions. Gardez toujours votre WordPress à jour. Si cette erreur apparaît cependant, une simple mise à jour ne sera pas disponible. L'erreur peut ressembler à ceci :

Erreur fatale : appel à la fonction non définie add_theme_support() dans /%path-to-wordpress %/wp-content/themes/genesis/lib/init.php à la ligne 17

Lorsque WordPress n'est pas mis à jour, vous pouvez également voir cette erreur :

Avertissement : argument non valide fourni pour foreach() dans /home/user/wp-content/themes/genesis/lib/admin/term-meta.php à la ligne 256

Solution : vous ne pouvez pas accéder au tableau de bord, accédez donc au répertoire du site Web via FTP et accédez à /public_html/wp-content/themes/ . Supprimez votre thème actif ou déplacez-le hors du dossier des thèmes. Cela désactive le thème et active le thème par défaut.

Vous pouvez maintenant vous connecter au tableau de bord WordPress, mettre à jour WordPress et maintenant ramener votre thème dans le dossier des thèmes et le réactiver.

Si votre WordPress est déjà mis à jour, vous devez également mettre à jour votre base de données. Visitez http://votredomaine.com/wp-admin/upgrade.php. Remplacez "votredomaine.com" par votre nom de domaine. Si une mise à jour de la base de données est requise, vous pouvez le faire à partir de cette page.

Conseil utile : Mais si la mise à niveau est disponible pour les deux, commencez par mettre à jour WordPress, puis Genesis.

Liens utiles

Que vous soyez un utilisateur débutant ou avancé, vous pouvez toujours trouver ces ressources utiles :

Ressources WordPress

  • À propos de WordPress
  • Documents WordPress (Le Codex)
  • Premiers pas avec WordPress
  • Nouveau sur WordPress – Par où commencer
  • Cours WordPress
  • Apprendre WordPress
  • WordPress.tv
  • FAQ WordPress
  • Trouver de l'aide WordPress
  • WordPress 101

Ressources de la Genèse

  • Tutoriels StudioPress – Site StudioPress avec des tutoriels pour utiliser et personnaliser Genesis.
  • Tutoriels Genesis – Vous pouvez trouver des tutoriels utiles ici. Il s'agit d'une ressource tierce qui n'est pas affiliée à StudioPress.
  • Genesis Explained Une explication approfondie de la Genèse peut être trouvée ici. C'est une excellente ressource pour les apprenants.
  • Plugins Genesis – La page officielle des plugins Genesis
  • Forums de la communauté – Vous pouvez discuter de vos projets avec d'autres utilisateurs, obtenir et proposer de l'aide, et réfléchir au code avec la communauté.

Ressources supplémentaires pour l'installation et la mise en route

  • Création de thèmes enfants – Site StudioPress avec des tutoriels pour personnaliser le thème enfant Genesis Sample.
  • Importation de contenu de démonstration - Tutoriel StudioPress qui vous montre comment importer le contenu de démonstration du thème.

Des questions?

Nous avons essayé de mettre en place un guide-cadre Genesis compact pour vous. Si vous avez des questions.

Nous sommes toujours là pour vous aider !