[Résolu] Changer le style d’affichage des catégories

  • WordPress :4.9
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 24)
  • Auteur
    Messages
  • #2087301
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Je suis un peu débutant en WP et je voudrais changer le style d’affichage des catégories dans DYAD. Est-ce possible?

    Merci du coup de main.

    Bernard

     

     

     

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : DYAD
    • Extensions en place :
    • Nom de l’hébergeur : AMEN
    • Adresse du site : http://www.bernardlemonnier.fr/BLPsy/

    Problème(s) rencontré(s) :

    #2087413
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    Bonjour,

    Euh, il faudrait peut-être nous dire ce que vous souhaitez, parce que là, ça va être difficile de vous dire quoi faire sans  savoir ce que vous voulez faire / obtenir.
    Si je vous dis que je veux changer mon look pour demain, vous allez commencer par me demander si je veux un look plus classique, ou plus moderne, plutôt coloré ou plutôt sombre, etc. Vous allez aussi me demander mon budget, ou si je suis capable de créer des fringues par moi-même. Bref, il vous faut des indications, vous n’allez pas choisir à ma place. Ben là, c’est pareil.

    En plus, si vous êtes débutant, tout dépend aussi jusqu’à quel point vous vous sentez capable ou l’envie de mettre « les mains dans le cambouis ». Sinon, envisagez un changement de thème ; d’autant que celui-ci ne semble plus mis à jour.

    #2087432
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    La catégorie affiche un extrait pour chaque article. Je voudrais supprimer cet extrait ou le réduire. j’ai lu une procédure qui préconise d’écrire ce code à la fin du fichier function.php de mon child thème : remove_filter (‘the_exceprt’, ‘wpautop’);

    Mais je n’ai pas obtenu de résultat… Ou alors, si je pouvais mettre en forme cet extrait (qui ne reprend ni puces ni couleurs de texte)…

    Est-ce que c’est plus clair, sinon j’enverrai une capture d’écran?

    Bernard

    #2087450
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    Ah, c’est déjà plus clair.:)

    Pour réduire la taille (le nombre de mots) de l’extrait, une solution simple, c’est de regarder si c’est proposé dans les options du thème.

    Sinon, il est possible (mais plus ou moins facile) de supprimer l’extrait dans le thème-enfant, selon comment est configuré le thème principal et son fichier category.php si il existe. Le code que vous avez trouvé me semble insuffisant tel quel : de où vient-il ?

    Enfin, une solution de contournement consisterait à mettre des tirets pour délimiter les informations en début d’article, par exemple : – Maëlle – Témoignage 4 –

    #2087936
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    j’ai peut-être mal cherché, mais si c’est proposé dans les options du thème, je n’ai pas trouvé. Où se trouvent ces options? dans Apparence?

    Pour ce qui est de la ligne de code que j’ai mentionnée, on la trouve ici :   http://fr.affdu.com/remove-p-tag-from-wordpress-excerpt-content-category-text.html

    Sinon, comment feriez-vous pour supprimer l’extrait dans le thème-enfant ? J’ai joint ici mon fichier category.php

    Bernard

     

    #2087990
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Voilà, j’y suis parvenu en glissant la ligne de code suivante dans le fichier functions.php de   wp-content > thème > dyad-child , plutôt vers la fin, comme une fonction supplémentaire :

    function new_excerpt_length($length) {
    return 0;}

    Mon fichier se termine donc comme ceci :

    if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ):
    function chld_thm_cfg_parent_css() {
    wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘style.css’, array( ‘genericons’ ) );
    }
    endif;
    add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’, 10 );
    function new_excerpt_length($length) {
    return 0;}
    add_filter(‘excerpt_length’, ‘new_excerpt_length’);

    // END ENQUEUE PARENT ACTION

     

    Du coup, je n’ai plus que 3 petits points. Maintenant, si je pouvais aussi faire disparaître le pavé « Lire la suite », ça m’irait encore mieux. C’est faisable?

    Bernard

    #2087992
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    si je pouvais aussi faire disparaître le pavé « Lire la suite », ça m’irait encore mieux. C’est faisable?

    Oui, mais je vous le déconseille ! Ce ne serait pas « user-friendly« , c’est à dire que vos lecteurs ne se sentiront pas invités à « lire la suite », justement.

    Déjà que sans image et sans texte, ça fait plutôt vide, alors si vous enlevez le bouton « lire la suite » … 🙄

    #2094276
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Suite à vos remarques (dont je vous remercie), J’ai 2 projets maintenant :

    1 Modifier le texte de la balise MORE , sa taille et son surlignage

    2 Réduire la taille du titre de l’article et l’espace entre deux articles.

    Quelles lignes de code faut-il changer et dans quel fichier?

    Bernard

    #2094483
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    1 Modifier le texte de la balise MORE

    C’est dans le fichier de traduction du thème, qui se trouve :
    – soit dans le dossier du thème, sous-dossier languages ou lang, et se nomme fr_FR
    – soit dans le dossier wp-content/languages/themes, et se nomme slug-du-theme-fr_FR

    1 (bis) Modifier (…) , sa taille et son surlignage

    Ça se passe dans le fichier style.css, avec souvent la class .more … Pour votre thème, c’est .link-more a ligne 1700 du style.css du thème-enfant.

    2 Réduire la taille du titre de l’article

    Idem, c’est dans le le fichier style.css : ligne 1677 du style.css du thème-enfant

    2 (bis) Réduire (…) l’espace entre deux articles.

    Idem, c’est du CSS (margin et padding principalement) : voir la padding-bottom après la ligne 1596 , et la padding-top ligne 1792

    J’en profite pour vous dire que le fichier style.css de votre thème-enfant est mal conçu : vous y avez reporté tout le style du thème-parent, ce qui est totalement inutile. Il ne faut reporter que les propriétés + attributs et valeurs qu’on modifie

    #2094903
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Bonjour et encore merci pour vos conseils,

    Je vais suivre les derniers fournis, mais avant, puisque vous me précisez :

    J’en profite pour vous dire que le fichier style.css de votre thème-enfant est mal conçu : vous y avez reporté tout le style du thème-parent, ce qui est totalement inutile. Il ne faut reporter que les propriétés + attributs et valeurs qu’on modifie

    , je vais nettoyer avant ce style.css de mon thème-enfant. Quelles lignes puis-je retirer qui ne servent à rien?

    Bernard

    #2095513
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    Il faut retirer les valeurs et propriétés non modifiées.

    Utilisez un logiciel comme Winmerge pour comparer le contenu du fichier style.css du thème-parent et celui du thème-enfant. Retirez ce qui est exactement identique. Lorsqu’un sélecteur a plusieurs propriétés (et valeurs), il faut garder le sélecteur et uniquement la ou les propriétés différentes.

    Imaginons que vous avez une classe .truc : c’est le sélecteur. Si dans le thème-parent, la class .truc implique une font-size à 16px avec la couleur en noir, alors que dans le thème-enfant, vous voulez juste la passer en rouge, mais sans changer la valeur de la font-size, il suffit d’indiquer ça dans votre CSS enfant :

    .truc {
        color: red;
    }

    Alors que le CSS parent comportait la propriété font-size, il est inutile de la remettre dans l’enfant si vous ne changez pas la valeur.

    #2095789
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Malgré mes nombreux essais, je bloque toujours sur la quantité de blanc qui entoure le titre et le texte de l’extrait de chaque article. Comment retirer cet espace trop important au dessus et en dessous, pour diminuer l’importance du pavé? Mais ce n’est peut-être pas dans le fichier style.css du thème-enfant que l’on trouve ça?

    Bernard

    #2096324
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    Je vous ai donné les indications de ligne l’autre jour. Évidemment, si vous avez nettoyé votre CSS du thème-enfant, les n°s de ligne ont changé. 😉
    Regardez le fichier style.css du thème-parent, il y avait un décalage de 5 ou 6 lignes dans la numérotation.

    #2098389
    bl2222@free.fr
    Participant
    Padawan WordPress
    61 contributions

    Bonjour Flobogo,

    Non, je n’ai pas encore nettoyé mon style.css child, car je préfère avoir toutes les fonctions sous la main tant que je n’ai pas obtenu le résultat souhaité. Donc pour l’instant, il n’y a pas trop de décalage.

    Par contre, j’ai déjà  exploré les blocs que vous m’avez signalés, mais je n’ai pas réussi à trouver comment modifier la hauteur de ce pavé d’extrait d’article, c’est pourquoi je me demande si ce n’est pas ailleurs que cela se trouve. J’ai réessayé encore hier soir, mais sans succès. D’ailleurs chez WP, comment s’appelle ce « pavé » extrait d’article dans category?  Est-ce que c’est .posts .entry ?

    Je continue mon exploration. J’y suis presque.

    Bernard

    #2099150
    Flobogo
    Modérateur
    Maître WordPress
    14506 contributions

    Franchement, vous ne cherchez pas beaucoup, ou alors je ne comprends pas ce que vous voulez faire.

    Mettez ça dans votre CSS, à la place des lignes 1596 à 1602  :

    .posts .entry-media {
        padding-bottom: 46%;
    }

     

15 sujets de 1 à 15 (sur un total de 24)
  • Vous devez être connecté pour répondre à ce sujet.