FKB Pro - Tema social

:eyeglasses: Anteprima Theme Creator
:hammer_and_wrench: Repository Tema FKB Pro
:heart: Ti è stato utile? > ./support --coffee
:question: Guida all’installazione Come installare un tema o un componente di tema
:open_book: Nuovo ai temi Discourse? Guida per principianti all’uso dei temi Discourse

FKB Pro è un tema sociale altamente modificato, dettagliato e professionale, ma comunque facile da usare. :rocket:

:warning: Questo tema è piuttosto sensibile e potrebbe non essere ben compatibile con altri componenti di tema o plugin che utilizzi! Ti preghiamo di testarlo prima dell’uso. Questi di solito necessitano di alcune modifiche CSS. Se hai qualsiasi problema, segnalalo e lo risolverò.


Layout

Su desktop: Layout a tre colonne.

Preparato per la barra laterale


Su mobile:


Angoli arrotondati

FKB Pro ha angoli molto arrotondati ovunque per impostazione predefinita, ma so che non a tutti piace, quindi ho aggiunto alcune Impostazioni del Tema per renderlo più facile da personalizzare.

Se non ti piacciono gli angoli arrotondati… imposta questi valori a 0.


Scheda Argomento

Sezioni principali

  1. Titolo (il clic va all’ultimo post)
  2. Estratto (il clic va al post originale)
  3. Immagine (il clic va all’ultimo post)

Altre sezioni

  1. In alto a sinistra: Dati dell’autore (avatar, nome, username) e la data in cui è stato creato l’argomento.
    (il clic apre la scheda utente)
  2. In alto a destra: Badge della categoria
  3. In basso al centro: Tag
  4. In basso a sinistra: Mi piace e visualizzazioni dell’argomento
    (il clic va al post originale e riassume l’argomento se disponibile)
  5. In basso a destra: Avatar dell’ultimo autore, data e numero di risposte.
    (il clic sull’avatar apre la scheda utente, la data va all’ultimo post e il numero di risposte apre la selezione delle risposte)

Stile dei badge

  1. elenco puntato
    Screenshot 2022-07-28 at 13.20.14

  2. barra
    Screenshot 2022-07-28 at 13.17.04

  3. scatola
    Screenshot 2022-07-28 at 13.18.34


Pagina Categoria

A causa della dimensione limitata al centro, si prega di utilizzare gli stili della pagina categoria a una colonna. Ho apportato alcune personalizzazioni su questi per adattarli meglio a questo tema.

Solo Categorie, Categorie e Argomenti Recenti, Categorie e Argomenti in Evidenza

Scatole Categorie

OPPURE

Puoi utilizzare il componente di tema Modern Category + Group Boxes creato da @jordan.vidrine


Pannello FKB

Su desktop: La barra laterale destra.

Per i visitatori anonimi viene mostrata un messaggio di benvenuto. Questo messaggio è lo stesso di js.signup_cta.value_prop. Il testo dell’intestazione Benvenuto può essere modificato nella Traduzione del Tema.

OPPURE

Per i visitatori anonimi c’è un’opzione per abilitare una barra laterale personalizzata. Puoi aggiungere contenuti personalizzati alla barra laterale come immagine e descrizione.


Per gli utenti connessi contiene le informazioni dell’utente come immagine del profilo, statistiche, badge e utilizza anche l’immagine della scheda utente come sfondo. Contiene anche alcuni pulsanti rapidi in basso.


Schemi di Colore

Il tema contiene due schemi di colori FKB Pro - Light e FKB Pro - Dark.

Schemi di Colore

FKB Pro - Light

  • primario #242526
  • secondario #ffffff
  • terziario #147efb
  • quaternario #147efb
  • header_background #ffffff
  • header_primary #242526
  • evidenziazione #147efb
  • pericolo #f8745c
  • successo #42b72a
  • amore #fa6c8d

FKB Pro - Dark

  • primario #ffffff
  • secondario #242526
  • terziario #147efb
  • quaternario #4267b2
  • header_background #242526
  • header_primary #ffffff
  • evidenziazione #147efb
  • pericolo #f8745c
  • successo #42b72a
  • amore #fa6c8d

Ci sono anche alcuni schemi di colori personalizzati che puoi modificare nelle impostazioni.

Schemi di Colore Personalizzati

fkb-bg

  • chiaro #f0f2f5
  • scuro #18191a

fkb-header-btn

  • chiaro #e1e5eb
  • scuro #3a3b3e

fkb-header-btn-hover

  • chiaro #d2d8e1
  • scuro rgba(var(--primary-rgb),.1)

fkb-btn

  • chiaro #e1e5eb
  • scuro #383838

fkb-btn-hover

  • chiaro #d2d8e1
  • scuro rgba(var(--primary-rgb),.1)

Di più sugli ultimi aggiornamenti :arrow_down_small:

e qui :arrow_down_small:

Ci sono molte altre personalizzazioni che non ho menzionato. :slightly_smiling_face:


Crediti :heart: Un grande ringraziamento a @awesomerobot per aver creato il tema Fakebook e a @jordan.vidrine per aver creato il tema Fakebook Modern.

63 Mi Piace

Con iPad è piuttosto… largo. Voglio dire, davvero largo :wink:

Questo è perché non c’è una barra laterale, suppongo. Qualche idea sul perché?

3 Mi Piace

Mi piace!\n\nIl mio unico suggerimento è di allargare il menu hamburger e poi aggiungere del padding \n

1 Mi Piace

Un altro piccolo:\n\n* il mio forum non utilizza solved-plugin\n* non utilizziamo badge\n\nSai meglio di me come nascondere queste due cose ;)\n\n

\n\nAltrimenti… questo tema sembra davvero promettente su desktop e dispositivi mobili (i tablet sono un po’ problematici)\n\nA proposito, c’è un piccolo problema di layout con il banner versatile. Spinge il contenuto sottostante un po’ troppo a sinistra.

3 Mi Piace

Ciao,

Ho inviato una correzione per la visualizzazione su tablet. Aggiorna il tema. :slightly_smiling_face:

6 Mi Piace

È stato veloce.

Molto meglio, grazie. Ho un nuovo tema predefinito…

1 Mi Piace

Grazie :slightly_smiling_face: Sì, penso che questo sia il valore predefinito. Il primo elemento è in focus quando apri il menu.

3 Mi Piace

Sì, stavo solo suggerendo che c’è un po’ di spazio tra loro, a parte questo il tema sembra buono per quanto odio Facebook e Meta haha

Grazie :slightly_smiling_face: Ho implementato una correzione per questo.

Ho aggiunto due impostazioni del tema.

Controllerò questo.

3 Mi Piace

Devo essere un dolore nei punti dolenti :rofl:

C’è un problema. Non per me, ma per i miei 5 principali contributori è una questione di vita o di morte — beh, forse è un’esagerazione, ma lo desiderano davvero.

Impostazioni della categoria:

Normalmente mostra qualcosa di simile (su iPad, ma capisci cosa intendo)

Il tuo layout si rompe se la descrizione o il nome di una categoria è più lungo di pochi caratteri:

Disabilitare mostra l'elenco delle sottocategorie sopra… risolve ovviamente il problema.

Ma sto andando verso l’uso di sole categorie di primo livello e mi affido pesantemente ai tag (e quindi il tuo tema è in realtà molto adatto per molti versi) — quindi se risolverlo richiedesse un po’ troppo lavoro e/o avessi qualcosa di più importante da fare, sono totalmente d’accordo se ci lavorerai più tardi.

3 Mi Piace

Ciao, ho aggiunto una correzione per Discourse Reactions. :slightly_smiling_face:
Puoi installarla come componente del tema.

1 Mi Piace

Grazie per la segnalazione @Jagster. Ho implementato una correzione per questo problema. FIX: Topic list category layout by VaperinaDEV · Pull Request #3 · VaperinaDEV/fkb-pro-theme · GitHub

2 Mi Piace

Ciao, ho applicato una correzione per questo. Grazie :slightly_smiling_face: Aggiorna il tema.

Prima

Dopo

1 Mi Piace

Tema molto interessante. Aggiungi altri post per il test.

1 Mi Piace

Grazie :slightly_smiling_face: Ho aggiornato l’OP con il link di anteprima del creatore del tema, così ora puoi provarlo anche su https://discourse.theme-creator.io/theme/dodesz/fkb-pro.

2 Mi Piace

Tema fantastico! Se riesco a trovare un modo per ottenere un dannato dominio e un server di posta elettronica, userò sicuramente questo tema.

2 Mi Piace

Ciao,

Ho aggiunto una nuova funzionalità :tada: Ora puoi aggiungere contenuti personalizzati nella barra laterale per i visitatori.

3 Mi Piace

Grazie per aver aggiornato questo tema.

Sarebbe fantastico se sviluppassi questo tema come un blog (dimentica il tema di Facebook :sweat_smile:)

Suggerimento da https://www.newsbreak.com/

3 Mi Piace

Non sono d’accordo :wink:

Le esigenze di Blogish sono diverse dal cercare di offrire più stile SoMe per coloro che pensano che Faceboom/insta/ecc. siano la migliore esperienza utente/interfaccia utente possibile.

Quindi, là fuori potrebbe esserci un tema che assomiglia un po’ di più a un blog (qualunque cosa ciò significhi ora…). Ma questo va benissimo così com’è ora.

(WordPress è una piattaforma di blog molto più superiore di Discourse; sono due strumenti totalmente diversi per scopi diversi…)

1 Mi Piace

Ciao, ottimo tema!

L’anteprima del tema nel nostro forum non viene visualizzata con 3 colonne, solo con un layout a colonna singola. Sospetto un problema di CSS, ma sto ancora cercando di capirlo.

2 domande:

  • È possibile avere colonne a larghezza fissa su una larghezza minima dello schermo (o diverse, utilizzando ad esempio regole CSS media) in modalità desktop? La larghezza flessibile mi dà un po’ di mal di testa su monitor molto grandi (24 o 27’‘) e lo “spazio morto” tra le tre colonne è un po’ imbarazzante
  • Il tema è compatibile con il componente per i blocchi sul lato destro Right Sidebar Blocks - theme-component - Discourse Meta? Se sì, rende la colonna di destra più utile/ricca di funzionalità.
2 Mi Piace