Accueil » Codage » Divi » Personnaliser facilement votre page « Catégorie »

Le thème Divi créé par ElegantThemes est proche du sans faute ; néanmoins il lui manque une chose dont son petit frère a hérité et qui est la personnalisation facile de la page des catégories.
Ainsi, avec le thème Extra on peut facilement changer le rendu graphique et le contenu de chacune des pages de nos catégories mais il n’existe aucune manière pour le faire facilement avec Divi.

En partant du code de Fabrice Esquirol que je remercie au passage ;), j’ai voulu assouplir la méthode permettant cette personnalisation. Pour cela j’ai créé pour vous un fichier « category.php« . Je l’ai préparé pour les langues les plus couramment utilisées. C’est-à-dire :

  • l’anglais : la catégorie que vous souhaitez personnaliser devra se nommer « Category suivie du nom de votre catégorie »,
  • le français : la catégorie que vous souhaitez personnaliser devra se nommer « Catégorie suivie du nom de votre catégorie »,
  • l’espagnol : la catégorie que vous souhaitez personnaliser devra se nommer « Categoria suivie du nom de votre catégorie »,
  • l’italien : la catégorie que vous souhaitez personnaliser devra se nommer « Categoria suivie du nom de votre catégorie »,
  • l’allemand : la catégorie que vous souhaitez personnaliser devra se nommer « Kategorie suivie du nom de votre catégorie ».

Maintenant la procédure pour pouvoir l’utiliser 🙂 !

  • placer le fichier « category.php » dans le dossier de votre thème enfant de Divi :).
  • Créez un modèle avec le nom d’une catégorie existante que vous souhaitez personnaliser de votre site avec la syntaxe suivante. Pour la catégorie « Exemple » nommez votre modèle « Catégorie Exemple« .
    Comme WordPress va remplacer tous les caractères spéciaux/accentués et les espaces, le slug de mon modèle deviendra « categorie-exemple » (et c’est ce type de nom que mon fichier « category.php » va chercher pour savoir si une catégorie doit être personnalisée ;)…).
  • Personnalisez votre modèle comme vous le souhaitez en ajoutant tous les éléments que vous voulez. N’oubliez pas d’ajouter un module blog avec la catégorie en cours sélectionnée et un nombre d’articles égal ou supérieur à la valeur entrée dans le champ « Nombre d’articles affichés sur la page des catégories » des options de Divi, sinon vous n’afficherez rien pour votre catégorie ou vous aurez des problèmes avec la pagination 😀 !
  • J’ai ajouté une nouvelle possibilité. Définir un modèle par défaut pour tourtes les catégories 😀 ! Pour cela, comme pour les catégories que vous souhaitez personnaliser, ajouter tous les éléments que vous souhaitez y voir (n’oubliez pas le module « blog ») et enregistrez votre modèle « Catégorie ».
  • Merci à Surya grâce à qui j’ai découvert que les anglais utilisaient une version spécifique de WordPress (avec l’encodage « en_GB ») et qui m’a permit d’ajouter cette « particularité » à mon fichier
  • Merci à Gary Armstrong qui m’a permit d’optimiser l’aspect international de la page category.php 😉 !
  • Appréciez le nouveau rendu de votre catégorie 😀 !!

Cliquez-ici pour télécharger le fichier « category.php » à placer dans le dossier de votre thème enfant de Divi.

 

Si vous souhaitez m'aider à continuer à faire vivre ce blog, vous pouvez effectuer un don, ci dessous :).

 

Information : Véritablement conquis par ce thème, je me suis inscrit sur le site de ElegantThemes en tant qu'affilié, ce qui signifie que si vous cliquez sur le lien ci-dessous et achetez le thème, je recevrai une commission :).

ElegantThemes

 

Après avoir visité les coulisses, découvrez le site :) !

197 Commentaires

  1. k333

    Bonjour, merci pour ce tutoriel qui est vraiment très pratique.
    Par contre j’aimerais faire la même chose mais pour les catégories de projets…
    J’ai testé et ça ne fonctionne pas ici.

    Réponse
    • Pierre

      Bonjour k333 :).

      Désolé pour cette réponse tardive, mais je n’ai pas trop surveillé les coms de mon site ces derniers temps…
      Pour ce qui est des projets ou des catégories maintenant, et depuis la sortie de Divi 4.x, cette astuce est devenue inutile puisque tout est configurable à l’aide du Theme Builder ;).

      Amicalement,

      Pierre.

      Réponse
  2. Elysa

    Bonjour Pierre, pensez-vous qu’il est possible d’utiliser cette méthode pour les catégories Woocommerce ? Y a t’il des spécificités dans ce cas-là Merci d’avance !

    Réponse
  3. jbbj

    Bonjour,

    Merci pour ce tuto très sympa !

    J’utilise wpml et j’ai un problème similaire à d’autres. Tout marche pour la langue par défaut, le français, mais pour l’anglais, le site utilise la page archive par default ?
    l’url des traduction ajoute /?lang=en et j’ai synchronysé les taxonomie ainsi ma catégories actu en français correspond à news en anglais
    résultat
    monsite.net/categorie/actu marche
    monsite.net/category/news/?lang=en ne marche pas

    J’ai fouillé les commentaire et sur le net, mais je n’ai pas trouvé de solution.

    Un idée serait la bienvenue
    merci !

    Réponse
    • Pierre

      Hello jbbj :).

      Désolé mais comme pour Lucia, je n’ai pas vraiment le temps de débugguer ton code :)… De plus je n’ai pas et n’utilise pas (plus) WPML (que je trouve trop lourd) je suis donc bien incapable de t’aider avec ton soucis.
      J’espère que tu as ou vas trouver une solution à ton problème.

      Passe une très belle soirée 🙂 !!

      Amicalement,

      Pierre.

      Réponse
    • kino

      Bonjour jbbj,

      j’ai le même problème que toi apparemment en sachant que j’ai paramétré mes urls sur wpml différemment vu qu’elles s’affichent en /en/nom de mon article/.

      Si jamais tu as trouvé une solution depuis le temps je suis preneur.

      Sinon merci Pierre pour ce tuto super sympa.

      Bonne journée à tous.

      Réponse
      • Pierre

        Hello kino :).
        De rien 😉 !
        Passe une excellente journée 🙂 !

        Réponse
  4. Lucia

    Salut. Tout d’abord merci pour cette merveilleuse méthode ! Malheureusement, je ne peux pas le faire fonctionner, je ne comprends pas pourquoi ! J’ai un modèle standard pour toutes les catégories (que j’ai appelé « standard »). J’ai inséré le module « Blog » et j’ai choisi « Inclure les catégories » > « Catégorie actuelle ».
    Dans le fichier category.php que j’ai inséré de cette façon :
    get_header() ;
    chat = get_category( get_query_var(‘cat’))) ;
    $cat_slug = $cat->standard ;
    the_cat_id = $cat->cat_ID ;

    Le permalien est défini comme suit : « domainname.it//%category%/%postname%/ ».

    Qu’est-ce que je fais de mal ?

    Réponse
    • Pierre

      Hello Lucia :).
      Pas vraiment le temps de débugguer ton code mais « $cat->standard » ne me parle pas vraiment :)…
      Je te suggère de mettre des « traces » de ton code pour regarder ce qui est généré en sortie et de découvrir ainsi où ça coince :).

      Passe une très belle soirée 🙂 !!

      Amicalement,

      Pierre.

      Réponse
  5. Stefano

    En effet, c’est une excellente méthode merci beaucoup !

    Je me demandais si elle était aussi applicable pour les articles ?

    J’ai pu modifier la page catégorie pour mettre un bandeau, j’aimerai en faire de même avec les articles : un bandeau sous le menu, suivi du titre et de l’article. La mise en page de base mettant un espace blanc entre le menu et le titre, qu’on ne peut pas personnaliser, puis la création de l’article.

    Merci dans tous les cas !

    Réponse
    • Pierre

      Bonjour Stefano :).

      Heureux que l’astuce te plaise et te soit utile :).
      Voilà une bonne question :). Peut-être sera-ce le sujet d’un future article :)… Rien n’est prêt pour l’instant, mais si j’ai du temps, je tâcherai de me pencher sur le problème et voir si je peux créer un code simple et portable facilement :).
      Passe un excellent WE 😀 !

      Amicalement,

      Pierre.

      Réponse
  6. Marc

    Top, ca marche

    Une question comment je fais pour afficher la description de la categorie en cours dynamiquement ?

    Réponse
  7. benoit

    Bonjour Pierre, merci pour ce tuto ! le résultat est génial 🙂
    Selon vous le même procédé est-il réalisable pour personnaliser les pages des étiquettes ? Merci par avance !
    Bonne journée
    Benoît

    Réponse
    • Pierre

      Bonjour Benoît :).
      Heureux que ça te plaise :). Par contre pour les tags le soucis est que tu ne peux pas utiliser le module blog pour cette taxonomie car le module n’utilise que les catégories…
      Désolé…
      Passe une très belle journée 😀 !!

      Amicalement,

      Pierre.

      Réponse
      • benoit

        Merci pour ta réponse ! c’est déjà top de pouvoir le faire pour les catégories. Très belle journée à toi aussi 🙂

        Réponse
        • Pierre

          Re-Bonjour Benoît :).

          Je t’en prie :). Nous n’avons plus qu’à attendre patiemment la sortie tant attendu du Theme Builder de Divi :)…

          Passe une très belle journée 😀 !

          Amicalement,

          Pierre.

          Réponse
  8. Perrine

    Bonjour Pierre!

    Merci beaucoup cela à très bien fonctionné pour moi!
    J’ai voulu par la suite changer mes permaliens pour enlever le préfixe « category » et dans ce cas de figure cela ne fonctionne plus… Du coup j’ai remis les permaliens en configuration classique, mais peut-être existe-il un moyen de supprimer ce préfixe?

    Amicalement,
    Perrine

    Réponse
    • Pierre

      Hello Perrine :).
      Alors là tu me poses une colle :). En fait la page « catégorie » que j’ai créé, utilise le nom de la catégorie, mais quand elle est « supprimée » par le biais de la page « Permaliens », je ne sais pas comment ça se passe en coulisses :)…
      Donc si tu me dis qu’en supprimant le préfixe par la dites option, ça ne marche plus, je crains qu’effectivement il faille la laisser « activée ».

      Passe une très belle journée ensoleillée 🙂 !

      Amicalement,

      Pierre.

      Réponse
      • Perrine

        Je vais laisser comme ça, ce n’est pas très grave…
        Merci encore et très belle journée à toi aussi Pierre!

        Amicalement,
        Perrine

        Réponse
  9. Joel

    Exactement ce que je cherchais, super efficace, bravo !
    Cependant une chose que je ne comprends pas. J’ai tester sur iPad, iPhone, firefox mais sur safari le module blog ne s’affiche que si on scrolle vers le bas.
    Une idée ?

    Réponse
    • Pierre

      Bonjour Joel :).
      Non désolé, aucune idée :)…
      Et j’avoue être un peu beaucoup occupé et ne pas avoir de Mac, donc test impossible sous Safari pour ma part.

      J’espère que tu trouveras la solution.

      Amicalement,

      Pierre.

      Réponse
      • Joel

        Pierre, merci pour ta réponse, le soucis ne viendrais de chez élégant themes, apparement je suis pas le seul.

        Réponse
  10. alan

    This works! Thank you so much!

    Réponse
    • Pierre

      Hi alan :).

      Happy you like it :D!

      Have a great day!

      Réponse
  11. audrey

    Bonjour, je débute avec divi, et est bien réussi à installer divi child,
    mais je me retrouve coincée sans savoir où ajouter votre fichier!
    « placer le fichier « category.php » dans le dossier de votre thème enfant de Divi :). »

    Merci beaucoup pour toutes ces explications qui nous simplifient énormément la tâche!

    Audrey.

    Réponse
    • Pierre

      Bonjour Audrey :).

      Alors si tu as installé un thème enfant à Divi (divi child) tu dois avoir sous le répertoire wp-content/themes de ton installation WordPress le dossier en question :). C’est là qu’il faudra placer le fichier category.php.
      Je suis sûr que tu vas trouver ;).

      En attendant, je te souhaite de très belles fêtes de fin d’année 😀 !

      Amicalement,

      Pierre.

      Réponse
    • marc

      hello Audrey peux tu me dire comment tu a affiche la description de la catégorie ? ( meme sur toute les pages , )

      Réponse
  12. NellyP

    Bonjour,
    Je cherche depuis maintenant quelques bonnes heures, la manière pour afficher la description de la catégorie uniquement sur la première page, et non sur les suivantes, pour éviter toutes duplication de contenu.

    J’ai cherché sur le net, j’ai trouvé ce conseil :

    ———————————————————————————————————————————————————

    C’est une bonne solution mais comment éviter que cette description se répète sur les pages suivantes en cas de pagination? Ce code à insérer dans votre fichier category.php, résoudra le problème.

    Remplacez :

    if ( ! empty( $category_description ) )
    par

    if (!empty($category_description) && $paged == 0)

    ———————————————————————————————————————————————————

    Malheureusement, je ne trouve pas la ligne if ( ! empty( $category_description ) ) dans mon fichier catégorie.php…

    Ni dans divi, y’a t’il une solution ?

    Merci

    Belles fêtes de fin d’année

    Nelly

    Réponse
    • Pierre

      Bonjour Nelly :).

      Désolé et pour le temps que j’ai mis à te répondre et pour la réponse que je vais t’apporter :)… Je suis un peu beaucoup occupé en ce moment pour être capable de tester une solution et t’apporter une réponse technique.
      Il va donc falloir que tu trouves la réponse seule ou que tu attendes que je revienne sur sujet pour voir si je peux t’apporter la réponse que tu attends :).

      En attendant ça, je te souhaite de très belles fêtes de fin d’année 😀 !

      Amicalement,

      Pierre.

      Réponse
  13. Sara

    Salut! Merci de ton article! J’ai un doute:
    Dissons que j’ai 4 categories sur mon blog:
    1. Rouge
    2. Vert
    3. Jaune
    4. Bleu

    J’aimerais construire un model comme ça:

    Full header (image)
    2 columns: titre – description

    Comment devrais-je le faire pour que l’image header de la categorie Blue fut une image blue, et celle de la categorie jaune, un jpeg jaune. Même pour la personalisation des titres.

    Merci beaucoup!

    Réponse
    • Pierre

      Bonjour Sara :).

      Et bien c’est simple tu crées 4 modèles dans ta bibliothèque Divi.
      Un qui s’appelle « Catégorie rouge » et qui contient un full header avec l’image que tu souhaites puis ta rangée avec tes 2 colonnes, un qui s’appelle « Catégorie vert » avec ta personnalisation et ainsi de suite :).
      Comme ça tu auras personnalisé chacune de tes catégories comme tu le souhaites ;).

      Passe une très belle soirée 🙂 !

      Pierre.

      Réponse
  14. pad52

    I want to share an easyear method.
    Making the shortcode inside the theme file to never touch Divi Layouts again.

    Here is my category.php, it automatically sets the category id based on the current category page.
    It’s very easy to personalize the behaviour, you only need to read it.
    Enjoy.

    « `slug;
    $the_cat_id = $cat->cat_ID;
    $the_cat_name = $cat->name;

    ?>

    « `

    Réponse
    • Pierre

      Hi pad52 :).

      Sorry but it seems that your code have been cut by WP…
      Perhaps you can give us a link where we can see it more easily ;).

      Have a great day!

      Pierre.

      Réponse
  15. chinouk

    bonjour Pierre,
    Merci pour ce tuto. En revanche, je n’arrive pas totalement à le faire fonctionner chez moi. Je souhaite afficher les articles de mes catégories en mode Grille, mais il ne veut pas le prendre en compte alors que tout les autres modifications que je fait sur mon  » modèle  » catégorie fonctionne bien. Aurais tu une piste ? la seule petite différence que j’ai vu avec ton tuto c ‘est que quand j’ai créé ma page catégorie modèle dans le menu déroulant je n’ai pas  » disposition ». merci de ton aide.

    Réponse
    • Pierre

      Bonsoir chinouk :).

      On a vu ensemble ton « problème » sur FB ;).

      Passe une très belle soirée :).

      Pierre.

      Réponse
  16. Laudag

    Salut Pierre,
    j’ai une question pour ton excellente page catégorie : y aurait-il un bout de code à ajouter, par chance, pour qu’un modèle Divi qu’on applique à une catégorie s’applique aussi directement aux sous-catégories de cette catégorie ? Ca permettrait de faire des modèles à de grande familles de Post. Je doute que ce soit possible, mais on ne sais jamais…

    Merci !
    Laurent

    PS : Je partage aussi un soucis que j’ai eu mais que j’ai résolu : je créais un modèle nommé par exemple « Catégorie bateau », puis je changeais pour tester un autre, genre « Catégorie voiture ». Et ça ne marchait plus. Puis j’ai voulu tester le global « Catégorie ». Rien à faire.
    Sauf que… quand on modifie le nom d’un modèle, le slug ne change pas. Donc ta page catérogy.php ne reconnait pas la catérorie concernée. Donc quand on change le titre d’un modèle, changer aussi le slug… Ca semble évident, mais j’ai perdu un peu de temps avec ça…

    Réponse
    • Pierre

      Bonsoir Laudag :).
      merci pour ton partage d’expérience :). Effectivement en cas de renommage ne pas oublier le slug puisque c’est lui qui prime ;)… Pour les sous-categories cela risque de faire un peu usine à gaz :)… Je laisse le soin à l’équipe de ET de nous sortir rapidement la nouvelle version de notre thème fétiche avec son fameux Theme Builder :).
      Je croise les doigts pour une sortie rapide :).

      Amicalement,

      Pierre.

      Réponse
    • Pierre

      Hi Weber :).

      You’re welcome. Happy you like it :).

      Have a great day.

      Pierre.

      Réponse
  17. Joseph

    Re-bonjour Pierre,

    Après vous avoir posté mon commentaire, j’ai eu l’idée de créer un modèle nommé Category et non Catégorie. Et là ça fonctionne. Donc c’est du à mon problème de langue.

    Désolé.

    Cordialement

    Réponse
    • Pierre

      Bonjour Joseph :).

      Heureux que tu es réussi seul à t’en sortir. Bravo et merci pour ton retour :).

      Amicalement,

      Pierre.

      Réponse
  18. Joseph

    Bonjour Pierre,

    Je suis en train de tester votre méthode pour afficher des posts en fonction d’une catégorie choisie. J’ai opté pour la méthode « un modèle par défaut pour toutes les catégories ».
    J’ai donc ajouté dans ma bibliothèque Divi un modèle nommé Catégorie qui possède une ligne avec un texte d’intro, une ligne avec une sidebar à droite et le blog à gauche, et une ligne avec un CTA.
    Lors de la prévisualisation du module blog dans la bibliothèque ça fonctionne bien mais lorsque je regarde normalement la page archives pour une catégorie, mes posts ne s’affichent pas au format Grid.
    Je ne vois pas où est le souci.
    Est-ce le fait que j’ai, depuis la dernière mise à jour de Divi, un problème sur le réglage de la langue du site ? En effet je ne peux plus passer en langue Française quand le thème Divi est activé.
    Le lien vers la page concernée : http://new.ckelprocess.fr/caisse-enregistreuse/logiciel/

    Merci d’avance pour votre aide.

    Réponse
    • Laudag

      Salut,
      pour info, pour récupérer la langue française dans Divi, il faut aller dans « Divi> options du thème>Désactiver les traductions.
      Tu vas récupérer tout en français.

      Réponse
  19. tépè.

    Merci Pierre 🙂
    Malheureusement si j’ai bien tout compris l’anglais cela ne fonctionne pas avec les « Projets » et les « Catégories De Projets » !
    Le module Blog n’affiche pas les « Catégories De Projets ». Il n’y a que le module « Portefeuille » qui les affiche.
    L’URL qui s’affiche dans mon cas est http://tepe-studio.fr/project_category/print/ et même en nommant le modèle « Project Category » cela ne fonctionne pas.
    C’est dommage mais merci quand même.

    Réponse
    • Pierre

      Bonjour tépé :).
      Oui le code que je fournis est prévu pour les catégories d’articles pas de projets, mais en cherchant un peu tu pourras peut-être utiliser à peu près la même chose pour tes projets ;).
      Amicalement,
      Pierre.

      Réponse
  20. Thibault

    Bonjour Pierre, Merci pour ce tuto bien pratique pour les pages Cat. + usage de WPML. J’ai toutefois un problème majeur puisque la pagination ne fonctionne pas et ce malgré un gestion adéquate des nombre d’articles à présenter. https://www.test.lemaitreantiques.com/category/peintures/

    Une idée ?

    Réponse
    • Pierre

      Bonjour Thibault :).

      Là j’avoue, je sèche :)… Pas d’explication pour ce problème. C’est la première fois que ça se produit. Peut-être une « incompatibilité » avec WPML, bien que j’en doute.
      Désolé de ne pouvoir t’aider, Thibaut.

      Amicalement,

      Pierre.

      Réponse
      • Thibault

        J’ai fini par trouver, un snippet PHP qui devait implémenter en « Product Per Page » pour la page Woocommerce. Etonnant tout de même 🙂 .

        Encore merci. Et Vivement que E.T. nous apporte une solution clé en main pour gérer toutes les pages d’Archives+

        Réponse
        • Pierre

          Hello Thibault :).
          Chouette 🙂 ! Tu devrais partager ta trouvaille avec tout le monde 🙂 !
          Ça permettra aux utilisateurs qui sont coincés comme tu l’as été d’avoir une solution à leur problème 😉 !
          Amicalement,
          Pierre.

          Réponse
  21. Amélie B

    Bonjour Pierre, super tuto merci ! J’ai testé ton fichier category.php en généraliste (un pour toutes les catégories) … mais est-il possible d’afficher le nom de la catégorie en h1 de manière automatique ? J’ai testé avec la fonction single_cat_title mais il semblerait que ça ne passe pas. Une idée? Merci pour ton travail dans tous les cas !

    Réponse
    • Pierre

      Bonjpur Amélie :).

      En t’inspirant de l’astuce de Lisa, tu peux ajouter cette petite fonction dans le fichier « category.php » que j’ai créé ou dans « function.php » de ton thème enfant :
      function get_cat_title () {
      $post_title=single_cat_title( '', false);
      return $post_title; }
      add_shortcode('show_post_title', 'get_cat_title');

      En ajoutant le shortcode « [show_post_title] » dans un champ texte tu pourras le mettre en forme comme tu le souhaites 😉

      Amicalement,

      Pierre.

      Réponse
      • Amélie B

        Super merci beaucoup, cela fonctionne très bien !

        Réponse
  22. Rémi Fonvieille

    Excellent travail ! Mais puis-je l’adapter pour les catégories de produits WooCommerce ? Si oui comment ? 🙂

    Réponse
    • Pierre

      Bonjour Rémi 🙂 !

      Désolé mais pas testé ;).
      Passe une belle journée 😀 !

      Amicalement,

      Pierre.

      Réponse
  23. Salma

    Should I create layouts for every category to apply that template / if I do for one is it enough?

    Réponse
    • Pierre

      Hi Salma :).

      You can create a global category template or distinct tempate like category-test, category-exemple, etc ;).

      All the best,

      Pierre.

      Réponse
  24. Lopez

    bonsoir,
    Je n’arrive pas à faire marcher votre process… J’ai un prefix sur mon site qui s’appelle guide au lieu de categorie…
    Cela veut dire qu’il faut que les url des catégories soit du style /categorie/XXX/ pour que cela marche ?
    Merci d’avance pour votre eclaircissement
    JL Lopez

    Réponse
    • Pierre

      Bonjour Lopez :).
      Désolé mais je ne peux pas tester tous les cas de figures ;). A priori, je dirai que ton changement de slug ne devrait pas avoir d’incidence sur le comportement du code.
      N’oublies pas de bien nommer tes templates précédé par « catégorie » (exemple : « catégorie test ») même si ton « slug » est guide ;).

      Amicalement,

      Pierre.

      Réponse
  25. Eric

    Hello Pierre,

    Avant tout, merci pour ton travail ! Ton code m’a permis d’améliorer la hiérarchie de mon site, cela a un impact très positif sur le seo.

    Je bloque cependant sur un sujet concernant ces catégories custom. J’utilise Toolset, qui me permet par exemple de créer un champs perso qui sera disponible lors de la création de ma catégorie custom dans la bibliothèque Divi.
    Je vois ce champs, je peux le remplir mais lorsque j’interroge la page catégorie générée (avec un get_post_custom() ), je ne vois aucune information lié à ce champs custom.
    Si je fais le même exercice sur un article, je retrouve les valeurs de mon champs avec le get_post_custom().

    Est-ce que tu vois une solution à ce problème ?

    Réponse
    • Pierre

      Bonjour Eric :).

      Malheureusement je ne peux pas me pencher sur tous les « cas particuliers » qui se présentent ;)… Je te suggère de faire des « print_r » de tes variables/champs pour tracer tout cela. Ensuite est-tu sûr de ne pas avoir créé des catégories avec tes CPT ? Auquel cas il va falloir te pencher sur la hiérarchie des templates WP ;). Un petit oeil ici vaut mieux que de grands discours : https://codex.wordpress.org/images/1/18/Template_Hierarchy.png.
      Amuses-toi bien :).

      Amicalement,

      Pierre.

      Réponse
  26. Karim

    Hi Pierre, Awesome job!! This is a life saver..

    Are there any plans to do the same for the posts with the single.php file? I want to do the same but not sure where to start. It seems it will be the same approach but not quite sure since I am not creating custom post type, just using the default one.

    Any pointers will be highly appreciated!

    Réponse
    • Pierre

      Hi Karim :).
      You’re welcome :). If you want to push the customization I think you could have a look to one of the Sean Brton plugin :)… I use « CPT Layout Injector » to customize my layout for posts ;)…
      Have a great day !

      All the best,

      Pierre.

      Réponse
  27. édith

    Bonjour Pierre,
    Merci pour votre tuto qui rend les catégories divi bien plus agréables à regarder. J’ai tout de même une question : Auriez-vous un morceau de code CSS pour afficher le blog sur les mobiles avec une ligne et non deux comme actuellement ?
    merci

    Réponse
    • Pierre

      Bonjour Edith :).
      Je suis content que tu ai pu utiliser cette astuce pour ton propre site :).
      Quant à ta demande de CSS, j’avoue ne pas comprendre ce que tu veux :). Et comme c’est mon métier, tu pourras sans doute bénéficier de mon mon aide pour ce(s) problème(s) dans une prestation ;).
      N’hésites pas à me contacter si tu souhaites plus d’informations.

      Amicalement,

      Pierre.

      Réponse
      • édith

        Désolé, je me suis mal exprimé !
        Je voulais dire afficher le blog sur 1 colonne sur les mobiles. Car actuellement le blog est sur deux colonnes et ce n’est pas trop top.
        Voilà Pierre

        Réponse
        • édith

          Décidément, un problème de cache sûrement car, maintenant l’affichage est correct.
          Merci Pierre ……

          Réponse
        • Pierre

          Tes articles s’affichent bien sur 1 colonne jusqu’à 767px de large. C’est une comportement normal de Divi ;). Au delà de 767px tu « bascules » vers un affichage à 2 colonnes.
          Si tu veux changer ce comportement, il faut ajouter cette règle dans le fichier style.css de ton thème enfant :
          @media (max-width: 980px) {
          .et_pb_column .et_pb_blog_grid .column.size-1of1, .et_pb_column .et_pb_blog_grid .column.size-1of2 {
          width: 100%!important;
          margin-right: 0!important;
          }
          }

          Après si tu veux plus de personnalisation, je te propose de me contacter pour connaître le tarif de mes prestations ;).

          Amicalement,

          Pierre.

          Réponse

Poster le commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Accueil » Codage » Divi » Personnaliser facilement votre page « Catégorie »
Share This