La seule façon de le faire serait de désactiver le composant qui a personnalisé la page de catégorie. Vous devrez aller sur https://discourse.jordanvidrine.com/admin/customize/themes, cliquer sur Composants et trouver Modern Category + Group Boxes. Une fois sur cette page, faites défiler jusqu’en bas et cliquez sur Désactiver.
D’accord. Mais le thème ne peut pas être personnalisé ![]()
Une autre question, je dois afficher le nombre de vues dans la liste des sujets, s’il vous plaît dites-moi comment faire, merci beaucoup
Salut Jordan, merci pour ta réponse ! J’apprécie vraiment !
Salut @jordan.vidrine merci pour le super thème ! Je me demande s’il y a un moyen d’afficher les catégories et les derniers articles sur la page d’accueil ? Faites-nous savoir.
Mon thème est discourse.fotografos.online - pour l’amour du ciel, POURQUOI LE HAUT est-il blanc ? Où est mon en-tête !??
quelqu’un peut m’aider ! C’est une nouvelle installation ! que dois-je faire pour ajouter une image là à la place de ce bleu uni ?
@jordan.vidrine Est-il possible d’ajouter une colonne Vues ? Si oui, où puis-je accéder à cette option ? Merci.
Merci pour votre réponse et pour l’envoi de ces informations. J’aimerais seulement savoir comment appliquer cela au thème !
- Allez ici
admin/customize/themes - Cliquez sur composants
- Cliquez sur Installer
- Cliquez sur créer nouveau et donnez-lui un nom
- Cliquez sur le nouveau composant dans la liste des composants
- Cliquez sur
Edit Html/css - Ajoutez le code lié ci-dessus au fichier css commun.
- Ajoutez ce nouveau composant au thème actuellement utilisé
Merci. J’apprécie vraiment votre aide.
Je n’ai pas réussi à faire fonctionner le HTML/CSS avec le thème actuel. Cependant, je peux voir la section « Vues » lors de la prévisualisation du nouveau composant. Le thème indique également que le nouveau composant a été ajouté.
Voici une courte vidéo : https://share.cleanshot.com/ekutkT
Merci de me faire savoir si vous voyez quelque chose que je fais mal dans la configuration lorsque vous aurez le temps.
Merci pour toute votre aide.
Où est-ce que j’ajoute ceci ? Cela corrigera le fait que l’image d’arrière-plan soit coupée comme sur l’image, n’est-ce pas ?
Vous pourriez passer par ce qui suit et ajouter le CSS là-bas :
Comment ajouter la colonne « Vues » dans la liste des sujets.
Je ne suis en aucun cas un développeur ou un programmeur. J’ai passé quelques heures à jouer avec le code CSS en utilisant la fonction Inspecter l’élément dans Google Chrome. J’ai réussi à faire afficher correctement la colonne des vues, et j’ai également redimensionné chaque colonne selon mes préférences. Vous êtes les bienvenus pour ajuster la largeur dans le code CSS ci-dessous. J’ai également ajouté des commentaires dans le code afin que vous puissiez facilement identifier quel code correspond à quelle colonne. Pour chaque colonne, il y a 2 zones (En-tête et Ligne). Ces largeurs doivent correspondre.
J’espère que cela vous aidera tous : @daming @bksubhuti @eddy2
Instructions
1. Créer un nouveau composant.
2. Copiez ce CSS
Utilisez ce CSS mis à jour ci-dessous au lieu du code fourni par @jordan.vidrine ci-dessus.
Option A) Ajouter la colonne Vues uniquement pour le bureau (Recommandé)
- Ajoutez le code CSS dans l’onglet Bureau.
Option B) Ajouter la colonne Vues pour le bureau et le mobile.
- Ajoutez le code CSS dans l’onglet Commun.
Option C) Ajouter la colonne Vues uniquement pour le mobile.
- Ajoutez le code CSS dans l’onglet Mobile.
Remarque : Si vous avez choisi l’Option B ou C…
Sur mobile, les 3 colonnes (Réponses, Vues, Activité) prennent trop de place et sont écrasées. Si vous avez besoin de cela pour le mobile, je vous suggère de supprimer l’une des 3 colonnes. Vous pouvez le faire en ajoutant Display: none aux deux zones (En-tête, Lignes) dans le code CSS ci-dessous pour la colonne que vous souhaitez masquer.
/* [Sujet] */
/* En-tête du sujet */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
width: 66%;
}
/* Ligne du sujet */
.full-width .contents .topic-list .topic-list-header .topic-list-data.default {
width: 66%;
}
/* [Réponses] */
/* En-tête des réponses */
.full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
width: 7%;
order: 2;
}
/* Lignes des réponses */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
width: 7%;
order: 2;
}
/* [Vues] */
/* En-tête des vues */
.full-width .contents .topic-list .topic-list-header .topic-list-data.views {
display: block;
width: 7%;
order: 3;
}
/* Lignes des vues */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.views {
width: 7%;
order: 3;
display: flex;
justify-content: center;
align-items: center;
}
/* [Activité] */
/* En-tête de l'activité */
.full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
display: block;
width: 7%;
order: 4;
}
/* Lignes de l'activité */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
width: 7%;
order: 4;
}
@jordan.vidrine Si vous avez des révisions à apporter au CSS que j’ai écrit, faites-le moi savoir. Je ne sais pas exactement ce que je fais… mais ça marche lol.
Voici mes modifications CSS pour améliorer la vue mobile.
J’adore ce thème, mais j’ai remarqué quelques petits détails mineurs, j’ai donc ajouté le CSS suivant pour le rendre un peu plus agréable à mon goût. J’espère que cela aidera quelqu’un d’autre ayant les mêmes préférences.
Voici l’original (non modifié)
Notez les éléments suivants dans l’image ci-dessus :
- Le numéro 1 qui représente les Réponses est trop à gauche.
- La bulle du sujet chevauche légèrement l’arrière-plan bleu.
- Il n’y a pas d’espace entre tout le contenu et l’arrière-plan bleu.
- L’arrière-plan bleu n’est pas agréable sur la page de catégorie. Je l’adore sur la page d’accueil par contre.
Voici le code CSS que j’ai ajouté dans l’onglet Mobile.
/* Ajoute un peu d'espace à la zone des catégories, sous-catégories, tags, recherche, dernières, nouveaux sujets et notifications */
.list-controls {
padding: 5px;
}
/* Ajoute un peu d'espace à la zone des sujets */
div#list-area {
padding: 6px;
}
/* Aligne le numéro des Réponses plus à droite */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Mis à jour (après l’ajout du CSS)
Si vous aussi, vous préférez supprimer l’arrière-plan bleu, voici le code pour ne le supprimer que des pages de catégorie.
/* Supprime l'arrière-plan bleu uniquement pour la catégorie */
html .category .background-container {
background: #fff;
clip-path: none;
}
Voici à quoi cela ressemble avec toutes les modifications.
Signalement d’un problème sur mobile
Sur mobile, il y a un menu déroulant Catégories. Lorsqu’il est cliqué et que Dernières, Non lues ou Principales sont sélectionnées, vous ne pouvez plus sélectionner de Catégories dans le menu déroulant.
1. Avant
2. Lorsque le menu déroulant est cliqué
3. Après avoir cliqué
4. Menu déroulant (Catégories manquantes)
À ce stade, un utilisateur ne peut plus sélectionner le menu déroulant et choisir à nouveau Catégories.
Des conseils pour résoudre ce problème ?
Merci
@UnitedFreedom
![]()
Merci beaucoup d’avoir publié ces instructions utiles pour ceux qui veulent que la colonne de vue soit visible.
Avez-vous un lien vers votre site ? J’essaie cela sur le mien localement et je ne parviens pas à le reproduire.
Merci pour ce thème complet et soigné.
J’ai un problème avec le composant « Sujets mis en avant » qui n’affiche pas les cartes. J’aimerais également avoir la possibilité de n’afficher que les sujets mis en avant dans des catégories spécifiées. Ce qui en théorie devrait fonctionner, même dans les variantes basées sur l’officiel.
Voir la capture d’écran ci-dessous
Je peux, si nécessaire, vous envoyer un lien en message privé pour que vous jetiez un œil. Les deux sujets de test ont des images mises en avant ; bien qu’utilisant la balise personnalisée pi-featured. Fonctionne comme prévu.
Veuillez envoyer un lien, j’y jetterai un œil ![]()








