Sélectionner une page


Pour toute personne ayant une entreprise axée sur le service, un portefeuille est important afin d’avoir un endroit pour montrer votre meilleur travail. Un portefeuille est comme votre page de catégorie de produit, et vos projets sont la seule page de produit.

Divi est le seul constructeur de pages que j’ai vu avec un constructeur de portefeuille intégré directement dans le thème. Lorsque vous le téléchargez, vous disposez immédiatement d’un type de publication personnalisé pour les projets. Des modules de portfolio sont également intégrés avec lesquels un modèle de page de portfolio général peut être créé. Dans cet article, j’ai un total de 4 tutoriels pour …

  • Comment ajouter un nouveau projet dans Divi
  • Comment créer un modèle de page de projet
  • Comment créer un modèle de page de portfolio avec le module Portfolio
  • Comment créer un modèle de page de portfolio avec le module de portfolio filtrable

Fonctions Divi pour créer votre portfolio

Il y a 3 fonctions dans Divi qui sont spécifiquement conçues pour créer un portfolio avec votre site Divi.

Type de contribution aux projets

L’une des choses les plus utiles que tous les utilisateurs de Divi trouveraient également utiles est le type de publication personnalisé intégré pour les projets. Comme pour les publications, vous pouvez publier, élaborer et classer par catégorie le travail ou les projets individuels que vous avez réalisés, et les classer par compétences, niche ou entreprise.

Le module portfolio

Le module portfolio affiche tous les projets, indépendamment de la catégorie ou des balises. Il est possible de définir la mise en page comme une liste standard ou une vue en grille. Dans les deux cas, ce module est destiné à la page réelle du portefeuille de projets, où vous afficherez l’ensemble de votre travail, c’est-à-dire tous les projets que vous avez publiés sous le type de publication personnalisé.

Le module portfolio filtrable

Comme le module de portefeuille, le module de portefeuille filtrable affiche tous les projets, qui sont cependant regroupés en catégories. Les catégories sont affichées sous forme d’onglets au-dessus de la liste ou de la vue en grille des projets. Si vous cliquez sur une catégorie spécifique, les projets affichés changeront en conséquence.

Comment ajouter un nouveau projet dans Divi (tutoriel)

L’ajout d’un nouveau projet est facile via le tableau de bord WordPress. Le type de publication est intégré afin que vous puissiez le trouver dans la zone de menu de gauche, probablement quelque part sous « Messages » et « Pages ».

Survolez les projets et cliquez sur Ajouter un nouveau.

Sur la page de l’éditeur WordPress natif, entrez le titre de votre projet. Pour ce tutoriel, je crée un faux portefeuille de design d’intérieur.

Passez en revue les catégories appropriées auxquelles le projet s’applique. Téléchargez une image sélectionnée. Il apparaîtra sur la page, et il apparaîtra également sous forme de vignette sur la page Portfolio que nous créerons plus tard.

Après cela, publiez-le immédiatement puis cliquez sur « Utiliser Divi Builder ».

Choisissez de recommencer à construire.

Nous avons besoin d’une seule ligne pour chaque module que nous insérons.

Insérez d’abord un module d’image.

Dans la zone de paramètres qui apparaît, cliquez sur la zone d’image.

Sélectionnez votre image. Le même que nous avons défini comme image en vedette.

Cliquez sur le bouton gris « + » et insérez un module de texte.

Entrez le même titre de votre projet dans le champ de texte. Assurez-vous qu’il est défini sur Titre 1

Ajoutez un autre champ de texte pour la catégorie. Lorsque le panneau des paramètres apparaît, cliquez sur l’icône pour utiliser le contenu dynamique.

Sélectionnez « Catégories de projets » dans le menu déroulant.

Une autre fenêtre apparaîtra. Entrez simplement «Catégorie:» dans la zone de texte Avant.

Laissez le lien Lien vers les pages d’index des catégories sur Oui.

Sélectionnez «Catégories de projet» comme type de catégorie.

Enregistrez vos modifications pour le module de texte.

Comme vous l’avez peut-être remarqué, j’ai ajouté un autre module de texte pour la description ou le résumé du projet.

Comment créer un modèle de page de projet

Si vous ne souhaitez pas suivre les étapes ci-dessus pour chaque nouveau projet individuellement, vous pouvez également créer un modèle de page de type de publication de projet.

Basculez vers le générateur de thèmes Divi via le tableau de bord. Cliquez sur « Ajouter un nouveau modèle ».

Sélectionnez « Tous les projets » dans la liste déroulante qui apparaît.

Cliquez sur Créer un corps personnalisé.

Cela vous mènera au Divi Builder. Choisissez simplement les mêmes choix que nous avons faits pour le didacticiel ci-dessus.

Lorsque vous arrivez sur une page vierge, insérez un module d’image.

Dans la fenêtre des paramètres d’image qui apparaît, supprimez la vignette vierge de l’image. Ouvrez ensuite l’onglet Arrière-plan.

Sélectionnez l’arrière-plan de l’image, puis cliquez sur l’icône de contenu dynamique.

Choisissez l’image sélectionnée.

Notez que j’ai également défini la hauteur minimale pour 600px. Vous pouvez le faire en accédant à l’onglet Conception dans le panneau des paramètres.

Incluez un module de texte pour le titre, la catégorie de projet et la description ou le résumé du projet.

Pour le texte du titre, j’ai à nouveau sélectionné le contenu dynamique et sélectionné « Titre de l’article / de l’archive ».

Voici les paramètres que j’ai configurés dans l’onglet Conception:

  • Taille de la police du texte: ultra-gras
  • Taille du texte: 28px

Pour la catégorie projet, j’ai fait exactement la même chose que lors de la création d’un nouveau projet ci-dessus.

Pour le module de texte pour la description ou le résumé du projet, j’ai utilisé du contenu dynamique et sélectionné « Post-Extrait ».

Cela vous permet de saisir la description du projet dans l’éditeur WordPress standard et elle sera automatiquement affichée sur la page du projet.

Avec ce nouveau modèle, le projet créé ci-dessus ressemble maintenant à ceci:

Comment créer un modèle de page de portfolio dans Divi (Tutoriel)

Avant de créer une page de portfolio, ajoutons d’abord plus de projets.

Dans mon nouveau projet, j’ai rempli les informations requises: titre du projet, image, catégorie et description du projet.

Pour la description du projet, cliquez sur « Utiliser l’éditeur standard ».

Entrez la description ou le résumé du projet dans la zone de texte.

Il en va de même pour cet autre nouveau projet que j’ai publié …

À ce stade, vous devriez avoir 3 projets utilisant tous le même modèle que nous venons de créer.

Maintenant, nous pouvons créer une page de portfolio!

Utilisation du module Portfolio

Revenez au Divi Builder et ajoutez un nouveau modèle. Cette fois, sélectionnez « Page du référentiel ».

Vous pouvez également sélectionner Toutes les pages de catégorie de projet si vous souhaitez des pages différentes pour chaque catégorie de projet.

Je veux juste une seule page qui montre tous mes exemples de travail.

Lorsque vous arrivez au Divi Builder avec une page vierge, ajoutez une nouvelle ligne de colonne unique puis un module de texte.

Saisissez le titre de la page souhaitée. Je viens de donner « portefeuille de projets » à titre d’exemple, mais vous pouvez dire « portefeuille de design d’intérieur » ou « projets de design d’intérieur ».

Cliquez sur le bouton gris + et collez le module Portfolio.

Voici les seuls paramètres que j’ai modifiés sur le panneau …

Sous l’onglet Contenu …

  • Nombre de messages: 6
  • Catégories incluses: Toutes les catégories
  • Afficher la pagination: Non.

Utilisation du module Portfolio filtrable

Suivez les étapes ci-dessus jusqu’au point du module de texte pour le titre de la page de portfolio.

Ensuite, ajoutez le module Portfolio filtrable au lieu du module Portfolio.

Le seul paramètre que j’ai modifié est la disposition de la vue en grille.

Enregistrez vos modifications et vous y êtes!





Source link

Recent Posts