Liste des sujets Auteur

Composant de thème
,
1

| | | |\n|— | — | —|\n|:information_source: | Résumé | Affiche l’auteur du sujet à la place des contributeurs et permet de modifier l’emplacement de la colonne de l’auteur dans les pages de liste des sujets.|\n|:hammer_and_wrench: | Dépôt | \u003chttps://github.com/discourse/discourse-topic-list-author\u003e|\n|: eyeglasses: | Aperçu | Aperçu sur le créateur de thèmes Discourse|\n|:question: | Guide d’installation | Comment installer un thème ou un composant de thème|\n|:open_book: | Nouveau sur les thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse|\n\n\u003c!-- Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique –\u003e\n\n\nInstaller ce composant de thème\n\n\n\u003c!-- Décrivez ce thème/composant en une ou deux phrases –\u003e\n\nCe composant de thème affiche l’avatar de l’auteur du sujet dans les pages de liste des sujets (par ex. /latest /new /unread /top) et sur la page d’accueil de la catégorie (si vous utilisez une vue de catégorie avec une liste de sujets). \n\nIl existe également des paramètres pour modifier l’emplacement de la colonne de l’auteur pour les pages de liste des sujets : à gauche, au centre ou à droite. \n\nCe composant fonctionne avec les vues de bureau et mobiles, bien que le placement de l’avatar au centre n’apparaisse qu’en vue de bureau.\n\n\u003c!-- Ajoutez des captures d’écran (si applicable) –\u003e\n\n### Captures d’écran : \n[details="Avatar de l’auteur dans le placement de colonne par défaut (au centre)"]\n\n

L'image montre une capture d'écran d'une interface informatique, probablement une page Web ou une application, avec un fond noir et diverses options de menu et éléments de texte. (Légendé par l'IA)
L'image montre une capture d'écran d'une interface informatique, probablement une page Web ou une application, avec un fond noir et diverses options de menu et éléments de texte. (Légendé par l'IA)1317×450 63.7 KB
\n\n[/details]\n\n\n[details="Avatar de l’auteur dans la première colonne (à gauche)"]\n\n
Cette image est une capture d'écran d'un article en ligne, montrant le titre, l'auteur et le sujet d'un article sur les politiques au sein d'une entreprise. (Légendé par l'IA)
Cette image est une capture d'écran d'un article en ligne, montrant le titre, l'auteur et le sujet d'un article sur les politiques au sein d'une entreprise. (Légendé par l'IA)1317×450 63.9 KB
\n\n[/details]\n\n\n[details="Avatar de l’auteur dans la dernière colonne (à droite)"]\n
L'image affiche une capture d'écran d'une interface informatique, principalement dans des tons de violet et de noir. (Légendé par l'IA)
L'image affiche une capture d'écran d'une interface informatique, principalement dans des tons de violet et de noir. (Légendé par l'IA)1317×450 63.9 KB
\n\n[/details]\n\n\n\n[details="Avatar de l’auteur sur une liste de sujets de la page d’accueil de la catégorie"]\n\n
L'image affiche un écran d'ordinateur montrant un navigateur Web avec une interface utilisateur qui comprend une disposition de type chat et potentiellement un site Web lié à l'apprentissage ou aux tests en ligne. (Légendé par l'IA)
L'image affiche un écran d'ordinateur montrant un navigateur Web avec une interface utilisateur qui comprend une disposition de type chat et potentiellement un site Web lié à l'apprentissage ou aux tests en ligne. (Légendé par l'IA)1315×445 63.9 KB
\n\n\n[/details]\n\n\n[details="Vue mobile avec l’avatar de l’auteur du sujet dans la première colonne (à gauche)"]
Cette image est une capture d'écran d'une interface d'application de médias sociaux, montrant le profil d'un utilisateur avec diverses icônes et champs de texte. (Légendé par l'IA)
Cette image est une capture d'écran d'une interface d'application de médias sociaux, montrant le profil d'un utilisateur avec diverses icônes et champs de texte. (Légendé par l'IA)1290×906 110 KB
\n\n[/details]\n\n\n[details="Vue mobile avec l’avatar de l’auteur du sujet dans la dernière colonne (à droite)"]
Cette image montre une interface utilisateur pour un système de questions-réponses, avec la dernière question de l'utilisateur et le texte Composer indiquant qu'il peut taper sa réponse. (Légendé par l'IA)
Cette image montre une interface utilisateur pour un système de questions-réponses, avec la dernière question de l'utilisateur et le texte Composer indiquant qu'il peut taper sa réponse. (Légendé par l'IA)1290×638 77.1 KB
\n\n[/details]\n\n\n[details="Paramètres"]\n\n
Ceci est une capture d'écran d'une interface utilisateur pour une page de paramètres de thème d'un site Web ou d'une application, avec des options pour le positionnement des colonnes et les traductions de thèmes. (Légendé par l'IA)
Ceci est une capture d'écran d'une interface utilisateur pour une page de paramètres de thème d'un site Web ou d'une application, avec des options pour le positionnement des colonnes et les traductions de thèmes. (Légendé par l'IA)784×482 28 KB
\n\n[/details]\n\n\u003e :discourse2: Hébergé par nous ? Ce composant de thème est disponible pour utilisation sur nos plans Pro, Business et Enterprise.

21 « J'aime »
47

Salut Lilly, ce n’est pas que tu aies besoin de plus à faire :wink: mais j’ai un autre problème avec les miniatures de sujets, l’avatar s’affiche maintenant deux fois :

This is a screenshot of an Instagram post that showcases different birds from various locations, including a peregrine falcon, a hummingbird, a heron, and a crane, highlighting their natural habitats and beauty. (Captioned by AI)
This is a screenshot of an Instagram post that showcases different birds from various locations, including a peregrine falcon, a hummingbird, a heron, and a crane, highlighting their natural habitats and beauty. (Captioned by AI)1920×1185 189 KB

1 « J'aime »
48

oui, le refactoring rend probablement ce composant à nouveau incompatible. Je vais voir si je peux trouver une solution de contournement. Il faudra probablement pirater un peu de CSS pour faire fonctionner ces deux composants ensemble si c’est possible.

3 « J'aime »
49

question : pourquoi utilisez-vous ce composant de thème ? il semble que miniatures de liste de sujets utilise déjà les avatars des auteurs de sujets car il prévisualise à partir du premier message (OP), (bien qu’il existe de nombreux paramètres dans ce composant de thème). Voulez-vous que cela ne s’applique qu’à des catégories spécifiques où les miniatures de liste de sujets ne sont pas utilisées ?

1 « J'aime »
50

Excellente question :grin: Oui, j’ai des catégories qui n’utilisent pas de miniatures.

2 « J'aime »
51

edit : @davidkingham - vous pouvez toujours utiliser l’ancienne branche

4 « J'aime »
52

Ce composant est maintenant officiel et le lien du dépôt dans le message d’origine a été mis à jour. Veuillez utiliser le lien nouveau dépôt pour réinstaller ce composant afin d’éviter toute erreur. L’ancien dépôt ne sera plus maintenu et sera éventuellement archivé.

4 « J'aime »
54

Je suis un peu lent à répondre :grimacing: mais malheureusement l’ancienne branche ne fonctionne pas non plus. Sur la page catégories+derniers, elle affiche le dernier posteur et non l’auteur. Il n’y a aucune chance de rendre cela compatible avec les miniatures de sujets maintenant que c’est officiel ? :folded_hands:t3:

1 « J'aime »
55

Salut, ce composant provoque un étrange retrait sur mon site :

image
image509×841 57.5 KB

Des suggestions ?

2 « J'aime »
56

J’ai résolu ce problème en ajoutant ce qui suit au code personnalisé CSS de mon thème :

.above-latest-topic-list-item-outlet, .author-avatar-connector {
    width: 0px;
}
1 « J'aime »
57

Ce serait formidable si ce composant reflétait le nouveau comportement du cœur et supprimait les liens lorsque hide_user_profiles_from_public est activé.

1 « J'aime »
58

Serait-il possible d’appliquer ce TC uniquement à des catégories spécifiées, de la même manière que les miniatures de sujet et les extraits de sujet ?

Solution de contournement

J’ai constaté que ce CSS (lorsqu’il est ajouté à l’onglet Bureau d’un composant de thème) fonctionne bien pour mon cas d’utilisation en désactivant la fonctionnalité pour toutes les catégories, à l’exception de celle pour laquelle je veux qu’elle fonctionne :

body:not(.category-ask-the-candidates) {
    .topic-list .posters {
        display: table-cell;
    }
    th.author, .custom-author-column {
        display: none;
    }
}

Si vous souhaitez l’utiliser vous-même, remplacez simplement l’identifiant de vos catégories spécifiées.

2 « J'aime »