Utente in primo piano di Discourse

:information_source: Riepilogo Presenta un utente come banner nella parte superiore del tuo sito
:eyeglasses: Anteprima Theme Creator
: hammer_and_wrench: Repository GitHub - NateDhaliwal/discourse-featured-user: Shows a banner at the top of the site to feature a user for a timeframe.
: question: Guida all’installazione Come installare un tema o un componente del tema
: open_book: Nuovo ai temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Panoramica

Questo componente consente agli amministratori di presentare un utente con le sue statistiche come banner nella parte superiore del sito per un periodo di tempo specifico. Gli amministratori possono scegliere quali statistiche mostrare, insieme a un motivo per presentare l’utente (ad esempio, condotta esemplare, promozione TL4/Moderatore, ecc.). Puoi anche inserire un’icona accanto al nome utente nella scheda utente e nei post.

Screenshot

Banner con tutte le statistiche (se vuoi tutti i dati)

Banner con alcune statistiche (se vuoi un equilibrio)

Banner senza statistiche (se vuoi concentrarti maggiormente sulla descrizione)

Descrizione completa

Questo componente è probabilmente uno dei miei più complicati. Mostra, o presenta, un utente nella parte superiore della pagina. Gli amministratori possono configurare per quanto tempo viene visualizzato il banner (date come durata), quali statistiche dell’utente mostrare e quali descrizioni accompagnano il banner (ci sono 2 posizioni, HTML consentito).

C’è anche un’opzione per mostrare un’icona speciale (nome icona, colore e testo del tooltip possono essere configurati) accanto al nome utente nei post e sulla scheda utente, così:

Post (con tooltip[1][2]):

Scheda utente (anche il tooltip funziona qui):

Il banner è impostato per essere visualizzato solo sulla homepage, ma gli amministratori possono modificarlo per mostrarlo su tutte le pagine.

Questo componente può essere utilizzato per annunciare nuovi TL4, Moderatori, ecc.

:light_bulb: SUGGERIMENTO: puoi usare \u003ca class=\"mention\"\u003eusername_here\u003c/a\u003e nel testo del banner per creare bolle di @menzione, senza notificare l’utente di destinazione, mostrando comunque la scheda utente al clic.

:warning: Assicurati di inserire il nome utente corretto e non il nome. Non inserire un utente che ha nascosto il proprio profilo pubblico. Non farlo (o farlo) causerà un caricamento infinito e molti errori, forse anche il rate limiting.

:warning: Questo componente non ha un equivalente mobile, solo una versione desktop. Ci scusiamo per l’inconveniente.

Ho riutilizzato i componenti UserStat e UserProfileAvatar dalla pagina di riepilogo utente, ed è fantastico che consenta agli sviluppatori di riutilizzare semplicemente i componenti!

Impostazioni (preparati - ce ne sono molte)

Nome impostazione Descrizione impostazione Valore predefinito
featured_user Il nome utente dell’utente che vuoi presentare NA
featured_user_banner_text_above Il testo sopra il banner per descrivere cosa ha fatto l’utente (HTML è supportato) NA
featured_user_banner_text_below Il testo sotto il banner per descrivere cosa ha fatto l’utente (HTML è supportato) NA
featured_user_banner_text_align Come deve essere allineato il testo del banner (sinistra, destra o centro) center
auto_resize_banner Ridimensiona automaticamente la larghezza del banner per adattarla al numero di elementi false
featured_user_banner_display_start_date La data in cui il banner inizierà a essere visualizzato; il formato è AAAA-MM-GG 1900-01-01
featured_user_banner_display_end_date La data in cui il banner smetterà di essere visualizzato; il formato è AAAA-MM-GG 2100-01-01
featured_user_banner_display_on_homepage Visualizza il banner solo sulla homepage. Deselezionando questa opzione, il banner verrà visualizzato su tutte le pagine true
featured_user_banner_border_color Il colore del bordo del banner (sono ammessi variabili CSS e codici esadecimali) var(--primary)
featured_user_banner_border_roundness La rotondità del bordo del banner, in px 3
featured_user_banner_border_thickness Lo spessore del bordo del banner, in px 10
featured_user_show_featured_icon_in_user_card Visualizza un’icona sulla scheda utente accanto al nome utente mentre l’utente è in primo piano true
featured_user_featured_icon_in_user_card L’icona da mostrare per l’impostazione sopra award
featured_user_featured_icon_color_on_user_card Il colore dell’icona per l’icona sopra var(--gold)
display_total_likes_given Visualizza il totale dei like dati dall’utente true
display_total_likes_received Visualizza il totale dei like ricevuti dall’utente true
display_total_post_count Visualizza il numero totale di post effettuati dall’utente false
display_total_topic_count Visualizza il numero totale di argomenti creati dall’utente false
display_total_read_time Visualizza il tempo totale di lettura dell’utente false
display_total_days_visited Visualizza il numero totale di giorni visitati dall’utente false
display_gamification_score Visualizza il punteggio di gamification dell’utente false

Traduzioni del tema

Nome traduzione Descrizione Predefinito
user.featured_user_icon Testo dell’icona tooltip al passaggio del mouse “Questo utente è stato presentato!”

Potrei migliorarlo per supportare la presentazione di più utenti anziché solo uno.

Pubblica eventuali bug o problemi che incontri. Sono aperto a qualsiasi feedback tu possa avere.

Spero che questo aiuti qualcuno!


  1. È - hai indovinato - DTooltip! ↩︎

  2. Anche sì, è un po’ poco spazio… Cercherò di trovare una soluzione. ↩︎

6 Mi Piace

componente alla moda - bel lavoro! :clap:

5 Mi Piace

C’è qualcosa che non va qui

2 Mi Piace