[Résolu] Annuler lien Titre de catégorie (Créer un compte)

  • WordPress :5.7
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 18)
  • Auteur
    Messages
  • #2382783
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Enfold
    • Extensions en place :
    • Nom de l’hébergeur : PlanetHoster
    • Adresse du site : http://syl20-dong.net

    Bonjour à toutes et tous,

    J’ai un problème (vous vous en doutiez un peu) avec la fameuse « image mise en avant ».

    Malgré que j’ai coché « Hide on single entry », elle s’affiche quand même en vue catégorie (quand on clique sur le titre de catégorie d’un article et que ça affiche les articles de la catégorie). Je me retrouve donc avec cette image mise en avant (tronquée) + l’image de mon article (qui est souvent la même).

    Pas moyen de trouver une solution. Alors j’ai pensé annuler le lien des titres de catégories, qui ne me sert pas à grand chose (j’ai une page par catégorie, et ce sont ces pages vers lesquelles pointe mon menu). Mais là encore je n’y arrive pas… J’ai trouvé un code css appliqué à ce que je crois être le sélecteur css du titre des catégories, qui fonctionne dans l’inspecteur de mon navigateur (le titre des catégories n’est plus cliquable) mais qui n’a aucun effet quand je le colle dans l’outil de personnalisation ni même dans l’éditeur de styles css custom…

    Auriez-vous une idée pour résoudre ce problème ? Merci d’avance.

    #2382804
    ferman
    Modérateur
    Maître WordPress
    7577 contributions

    Bonjour,

    C’est dommage d’enlever le lien vers la catégorie.  Pour supprimer la moitié d’image, vous pouvez essayer la ligne ci-dessous à mettre dans les CSS additionnelles.

    .big-preview{display:none!important}

    #2382827
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Désolé mais ça ne semble pas avoir d’effet, que je le colle dans « CSS additionnel » (menu Personnaliser) ou dans custom.css (éditeur de thème)…

    Je l’ai pourtant corrigé de cette manière : .big-preview {display:none !important;}

    #2382838
    ferman
    Modérateur
    Maître WordPress
    7577 contributions

    Dans vos CSS il manque une accolade fermante à la ligne 32:

    #top #main .sidebar {background:#47a0ff;}

    .content, .sidebar {padding-top:0;}

    .standard-content, .template-blog .post, .flex_column .template-blog .post .entry-content-wrapper {background: url(download/Endorphine-syl20-dong-blocfond-haut.png) no-repeat top, url(download/Endorphine-syl20-dong-blocfond-bas.png) no-repeat bottom; background-color:#fff;}
    .container .av-content-small.units {margin-right:40px;}
    .template-blog .post .entry-content-wrapper {margin:0;padding:35px 20px;}
    .content .entry-content-wrapper {padding:0;}
    .html_minimal_header #main > .avia-builder-el-0, .av_minimal_header + #main .container_wrap_first:first-child {margin:0 0 40px 0;}
    #top form {text-align:center;}
    .side-container-comment-inner {background-color:#fff;}
    .sidebar_right .comment_container {background-color:#fff;padding:15px;}
    .main_color .primary-background, .main_color .primary-background a, div .main_color .button, .main_color #submit, .main_color input[type="submit"], .main_color .small-preview:hover, .main_color .avia-menu-fx, .main_color .avia-menu-fx .avia-arrow, .main_color.iconbox_top .iconbox_icon, .main_color .iconbox_top a.iconbox_icon:hover, .main_color .avia-data-table th.avia-highlight-col, .main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover, .main_color .image-overlay .image-overlay-inside::before, .main_color .comment-count, .main_color .av_dropcap2, .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .main_color .av-open-submenu.av-subnav-menu li > ul a:hover {background-color:#000;}
    .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {font-size:1.5em;margin:10px 0 10px 0;}
    .pagination a, .pagination-meta {color:#47a0ff !important;}
    #contactform {background:#f0f0f0; padding:20px;}
    .av-main-nav > li {margin:0 15px 0 0;}
    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu > div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {height:30px;}
    .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {height:30px; line-height:30px;}
    .av-main-nav a {background:#3d3d3d;font-size:0.9rem !important;}
    .av-main-nav a:hover {background:#fff;}
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {border-left-style:none; border-left-width:none;}
    #top .sub_menu a {line-height:1.7rem;}
    .tablepress tbody, .tablepress tr, .tablepress td, .tablepress table {background:#454545;border:none !important; color:#aaaaaa !important;}
    .tablepress tbody img, .tablepress tr img, .tablepress td img, .tablepress table img {margin:0; padding:0;}
    #footer .widget {background:#454545; border:1px solid #454545; padding:10px;}
    .issuepage {background:#fff;padding:40px;text-align:center;}
    .main_color div .sidebar_active_tab, div .main_color .tabcontainer.noborder_tabs .active_tab_content, div .main_color .tabcontainer.noborder_tabs .active_tab, .avia-popup .av-inline-modal {background:#fff;}
    .privacypage, .apropospage {background:#fff;padding:15px;}
    .niouzesecours {background:#47a0ff;padding:40px;text-align:center;}
    .niouzesecours h3 {color:#fff;}
    #top .sub_menu a:hover {color:red;font-size:0.7rem;font-weight:normal;
    .menu-item-1696 > a:nth-child(1) > span:nth-child(2) {background-color:#fff;padding:10px;}
    .widget {font-family:"Questrial";}
    .html_header_top.html_header_topbar_active.html_header_sticky #top #main, .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main, .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main, .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {padding-top:0 !important;}
    .big-preview {display:none !important;}

    Cela empêche toutes les CSS après celle-ci de fonctionner. Il suffit de remettre cette accolade.

    • Cette réponse a été modifiée le il y a 3 années et 9 mois par ferman.
    #2382867
    Flobogo
    Modérateur
    Maître WordPress
    20881 contributions

    Bonjour,


    @ferman
    n’a pas tort de vous dire :

    C’est dommage d’enlever le lien vers la catégorie.

    Mais c’est surtout dommage d’avoir une seule publication (article) par catégorie :

    le lien des titres de catégories, qui ne me sert pas à grand chose (j’ai une page par catégorie, et ce sont ces pages vers lesquelles pointe mon menu)

    Ça n’a aucun sens. Les catégories sont faites pour regrouper des articles parlant de la même thématique. Dans ce cas, n’affectez pas de catégorie à vos articles, ils iront dans la catégorie « Non classés » par défaut, mais rien ne vous oblige à faire un lien vers cette « catégorie Non classés » dans votre menu.

    #2382918
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Non mais je n’ai pas dit que je n’avais qu’un article par catégorie, j’ai plein d’articles par catégorie 😉 J’ai dit que j’avais fait une page par catégorie, et que les items de mon menu pointaient vers ces pages plutôt que vers les catégories 😉

    #2382919
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Merci pour m’avoir signalé l’erreur dans le code, c’est corrigé 😉 Du coup je comprends mieux pourquoi mes personnalisations de css ne fonctionnaient plus depuis quelques temps !

    #2382920
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Et du coup ça fonctionne ! Le code pour empêcher l’affichage de l’image mise en avant 😉 Un gros merci ! À vous deux pour vous être penchés sur mmon problème…

    #2382925
    Flobogo
    Modérateur
    Maître WordPress
    20881 contributions

    je n’ai pas dit que je n’avais qu’un article par catégorie

    En effet, autant pour moi. Mais …

    J’ai dit que j’avais fait une page par catégorie

    Ben, ça ne sert à rien, puisque nativement, elle existe dans votre site WP. Vous avez donc du contenu dupliqué, qui ne plaît pas à votre ami Go-o-gle : la page-par-catégorie que vous avez créée, et la catégorie (affichée sur une « page » web) créée automatiquement par WP. Même si vos menus pointent vers vos pages-par-catégorie à vous, pas vers les catégories, les 2 contenus coexistent, si ce sont les mêmes (ce qui est probable), c’est du contenu dupliqué.

    Et comme vous le dites vous-même :

    quand on clique sur le titre de catégorie d’un article (…) ça affiche les articles de la catégorie

    Vous vous embêtez donc à faire des pages-par-catégorie, alors qu’en fait, elles existent déjà et qu’il y a déjà des liens qui pointent vers elles.

    Mais bon, c’est votre choix, et votre problème de CSS est résolu.

    #2382992
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Bonjour et merci, non non vous faites bien de me dire ça, je suis ouvert à toute amélioration 😉 Je vais étudier ça et je reviens vers vous si je rencontre des difficultés 😉

    #2382993
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    J’ai donc fait le test d’ajouter dans mon menu un lien vers une catégorie, et en effet ça fonctionne très bien, je ne sais pas pourquoi j’ai fait à l’origine une page par catégorie…

    Le souci, par contre, c’est que je constate que le code de suppression des images mises en avant les supprime aussi sur les articles de ma page d’accueil (ma page d’accueil affiche un extrait des derniers articles de la plupart de mes catégories), j’ai peut-être donc crié victoire un peu trop vite…

    Par ailleurs, existe-t-il un moyen de n’afficher qu’un extrait (+ image, donc) de mes articles en vue catégorie ?

    (Je me dis que c’est peut-être la raison qui m’avait fait faire une « page » par catégorie… Dans une page on peut déterminer si le mode blog affiche un extrait ou non, etc.)

    • Cette réponse a été modifiée le il y a 3 années et 9 mois par syl20dong.
    #2382999
    ferman
    Modérateur
    Maître WordPress
    7577 contributions

    Le souci, par contre, c’est que je constate que le code de suppression des images mises en avant les supprime aussi sur les articles de ma page d’accueil

    Essayez en remplaçant le code par ce code modifié qui n’affecte pas la page d’accueil.

    .category .big-preview {display:none !important;}

    Par ailleurs, existe-t-il un moyen de n’afficher qu’un extrait (+ image, donc) de mes articles en vue catégorie ?

    Dans les pages archive/catégories il me semble que normalement on n’a qu’un extrait (avec un « lire plus » et l’image). Sinon il faut regarder dans les fichiers du thème Enfold. Comme c’est un thème commercial on n’y a pas accès. Il faut donc poser la question sur le support du thème.

    • Cette réponse a été modifiée le il y a 3 années et 9 mois par ferman.
    #2383064
    Flobogo
    Modérateur
    Maître WordPress
    20881 contributions

    Merci @ferman pour le code CSS rectifié. 🙂


    @syl20dong
    :

    existe-t-il un moyen de n’afficher qu’un extrait (+ image, donc) de mes articles en vue catégorie ?
    (…) Dans une page on peut déterminer si le mode blog affiche un extrait ou non, etc

    En principe, dans une Page, il n’y a pas d’article 😉  Vous utilisez sans doute Elementor que vous permet de choisir les éléments affichés.

    #2383097
    syl20dong
    Participant
    Initié WordPress
    32 contributions

    Non je n’utilise pas Elementor, dans chacune de mes pages j’ai mis un élément de contenu « Articles de blog » affichant donc les articles de la catégorie concernée…

    Mais je suis actuellement en train de remplacer toutes mes pages par des vues de catégories comme il m’a été suggéré.

    Par contre, j’ai un nouveau souci… Le code .category .big-preview ne fonctionne pas chez moi… ou alors il s’agit d’un autre problème, parce que en supprimant totalement le code, avec ou sans la classe catégory, mes images mises en avant n’apparaissent plus… Y aurait-il un cache à vider quelque part ?

    #2383108
    ferman
    Modérateur
    Maître WordPress
    7577 contributions

    ou alors il s’agit d’un autre problème, parce que en supprimant totalement le code, avec ou sans la classe catégory, mes images mises en avant n’apparaissent plus…

    Oui, j’ai vu mais je pensais que vous aviez enlevé volontairement toutes les images pour en mettre d’autres. Cela doit être dû au fait que vous remplacez les pages par des catégories, ce qui change pas mal de choses. Actuellement je vois l’image sur les articles, les catégories mais pas sur la page d’accueil; c’est bien ça?

    Pour faire revenir les images sur la page d’accueil, c’est la ligne de code ci-dessous:

    .home .big-preview{display:block!important;}

    Mais ça commence à devenir confus. Je vous propose d’ajouter le dernier code et de faire toutes les modifications que vous souhaitez (sans toucher  au CSS). Après ça, s’il reste  quelque chose à arranger on verra à la fin.

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