Les projets dans Divi
Divi ajoute à WordPress un type de contenu « Projets », à côté des articles et des pages. Il sert à présenter un portfolio : réalisations, études de cas, références clients, avec ses propres catégories et étiquettes. Voici à quoi il sert, comment créer un projet, quels modules l'affichent, et quand il vaut mieux s'en passer.
Qu'est-ce qu'un projet Divi ?
Techniquement, les projets sont un type de contenu personnalisé (CPT, pour Custom Post Type) enregistré par Divi. Dès que le thème est activé, un menu Projets apparaît dans l'administration de WordPress, avec quatre entrées : la liste des projets, l'ajout d'un projet, les catégories et les étiquettes.
Un projet fonctionne comme un article : un titre, un contenu, une image mise en avant, un extrait, des options de commentaires. Deux différences :
ses catégories et ses étiquettes lui sont propres : les catégories de projets sont distinctes des catégories d'articles, et seuls les projets les utilisent ;
son adresse prend par défaut la forme
/project/nom-du-projet/.
Le contenu d'un projet peut être construit avec le Divi Builder, comme une page, ou avec l'éditeur de WordPress.
Créer un projet
Dans l'administration, allez dans Projets > Ajouter.
Saisissez le titre, puis choisissez de construire le contenu avec le Divi Builder ou avec l'éditeur par défaut.
Attribuez une catégorie de projet (créez-la si besoin) et, si utile, des étiquettes.
Définissez une image mise en avant : c'est elle qu'affichent les modules portfolio. Sans image, le projet apparaît vide dans la grille.
Ajoutez éventuellement un extrait, puis cliquez sur Publier.
Choisissez des catégories larges (par exemple « Mariages », « Portraits », « Entreprises » pour un photographe) : ce sont elles qui serviront de filtres dans le portfolio.
Les modules qui affichent les projets
Divi fournit trois modules pour présenter les projets dans une page :
le Portefeuille (Portfolio) : une grille ou une liste de projets, filtrée par catégories choisies à l'avance ;
le Portefeuille filtrable (Filterable Portfolio) : la même grille, avec une barre de filtres que le visiteur utilise pour n'afficher qu'une catégorie ;
le Portefeuille plein écran (Fullwidth Portfolio) : un carrousel ou une grille sur toute la largeur de l'écran, dans une section plein écran.
Avec Divi 5, le Loop Builder permet aussi de répéter n'importe quel élément (section, rangée, module) pour chaque projet, ce qui ouvre des mises en page plus libres. Pour l'apparence de la page de chaque projet, créez un modèle dans le Theme Builder et appliquez-le à tous les projets.
Changer l'adresse /project/
Pour un site en français, l'adresse /project/ n'est pas idéale. Elegant Themes donne un code à ajouter à la fin du fichier functions.php d'un thème enfant (jamais dans Divi lui-même, sinon la prochaine mise à jour l'effacerait) :
function et_projects_custom_slug( $slug ) {
$slug = array( 'slug' => 'realisations' );
return $slug;
}
add_filter( 'et_project_posttype_rewrite_args', 'et_projects_custom_slug', 10, 2 );Remplacez realisations par le mot de votre choix, puis allez dans Réglages > Permaliens et cliquez sur Enregistrer les modifications pour que WordPress prenne en compte la nouvelle adresse. Si le site est déjà en ligne, prévoyez des redirections depuis les anciennes adresses.
Faut-il utiliser les projets ?
Oui, pour un portfolio simple : photographe, artisan, agence, architecte. Tout est prêt, les modules sont faits pour, et le filtre par catégorie fonctionne sans extension.
Non, ou avec prudence, dans deux cas :
vous n'êtes pas sûr de garder Divi : les projets sont enregistrés par le thème. Si vous changez de thème, le menu Projets et les pages des projets disparaissent ; le contenu reste dans la base de données, mais il faut du code ou une extension pour le réafficher ;
vos réalisations ont besoin de champs précis (client, date, budget, lieu) : un type de contenu créé avec une extension comme ACF est plus adapté et ne dépend pas du thème.
Pour quelques réalisations seulement, de simples pages, ou des articles dans une catégorie « Réalisations », suffisent souvent.
Masquer le menu Projets
Si vous n'utilisez pas les projets, la documentation d'Elegant Themes ne prévoit pas d'option pour désactiver ce type de contenu. Pour au moins retirer l'entrée du menu d'administration, ajoutez ce code dans le functions.php d'un thème enfant :
add_action( 'admin_menu', function () {
remove_menu_page( 'edit.php?post_type=project' );
} );Ce code masque seulement le menu : les projets déjà créés restent en ligne à leur adresse.
Commentaires
Pas encore de commentaire. Soyez le premier !