- WordPress :5.7
- Statut : résolu
- Ce sujet contient 17 réponses, 3 participants et a été mis à jour pour la dernière fois par
ferman, le il y a 3 années et 9 mois.
-
AuteurMessages
-
7 août 2021 à 15 h 38 min #2382783
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.
7 août 2021 à 18 h 23 min #2382804Bonjour,
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}
8 août 2021 à 8 h 49 min #2382827Dé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;}
8 août 2021 à 12 h 04 min #2382838Dans 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.
8 août 2021 à 19 h 53 min #2382867Bonjour,
@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.
9 août 2021 à 17 h 25 min #2382918Non 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 😉
9 août 2021 à 17 h 27 min #2382919Merci 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 !
9 août 2021 à 17 h 44 min #2382920Et 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…
9 août 2021 à 22 h 50 min #2382925je 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.
10 août 2021 à 17 h 27 min #2382992Bonjour 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 😉
10 août 2021 à 18 h 14 min #2382993J’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.
10 août 2021 à 18 h 35 min #2382999Le 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.
11 août 2021 à 20 h 05 min #2383064Merci @ferman pour le code CSS rectifié. 🙂
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, etcEn 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.
12 août 2021 à 14 h 03 min #2383097Non 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 ?
12 août 2021 à 16 h 06 min #2383108ou 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.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.