Footer responsivo facile

:discourse2: Riepilogo Easy Responsive Footer ti consentirà di creare un footer completamente responsivo utilizzando solo testo semplice.
:eyeglasses: Anteprima Anteprima su Discourse Theme Creator
:hammer_and_wrench: Link al repository https://github.com/discourse/Discourse-easy-footer
:open_book: Nuovo a Discourse Themes? Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Funzionalità

Desktop

Mobile

Impostazioni

Nome Descrizione
heading Testo per l’intestazione nel footer - puoi utilizzare il nome del tuo sito, ad esempio - Lunghezza massima 25 caratteri
blurb Inserisci una breve descrizione della tua community - Lunghezza massima 180 caratteri
sections Sezioni da visualizzare nel footer
small links Link piccoli nella parte inferiore del footer come Termini di servizio e Privacy
social links Link social che desideri aggiungere al footer
show footer on login required page Seleziona questa impostazione se desideri che il footer venga visualizzato nella pagina che richiede l’accesso (vale solo se il tuo sito è privato)
svg icons Elenco di icone FontAwesome 7 utilizzate nell’impostazione dei link social sopra.

Ci sono sei impostazioni in questo componente che ti aiuteranno a configurarlo facilmente

1. Intestazione

Testo per l’intestazione nel footer - puoi utilizzare il nome del tuo sito, ad esempio - Lunghezza massima 25 caratteri

2. Descrizione

Una breve descrizione della tua community - Lunghezza massima 180 caratteri

3. Sezioni dei link

Aggiungi sezioni di link. Il numero ideale di sezioni è sei. Un elemento per riga in questo ordine: Testo, titolo
Testo: ciò che appare nel footer
Titolo: il testo che appare quando si passa il mouse sull’elemento.

4. Link

Aggiungi link alle sezioni di link. Un elemento per riga in questo ordine:
Genitore, testo, URL, target, titolo
È consigliabile mantenere un numero simile di link sotto ogni sezione
Genitore: il nome della sezione genitore sotto cui appare questo link. Utilizza il valore text dall’elenco sopra
Testo: il testo che appare per questo link
URL: il percorso a cui punta questo elemento. Puoi utilizzare anche percorsi relativi.
Target: Scegli se questo elemento si aprirà in una nuova scheda o nella stessa scheda. Lascia vuoto per aprire il link in una nuova scheda o usa “self” per aprirlo nella stessa scheda.
Titolo: il testo che appare quando si passa il mouse sul link.

5. Link piccoli

Puoi aggiungere link piccoli nella parte inferiore del footer, come Termini di servizio e Privacy. Un elemento per riga in questo ordine:
Testo, URL, target
Testo: il testo che appare per il link piccolo
URL: il percorso del link
Target: Lascia vuoto per aprire il link in una nuova scheda e usa “self” per aprirlo nella stessa scheda

6. Link social

Inserisci i link social che desideri aggiungere al footer in questo formato:
provider, titolo, URL, target
Provider: è il nome del provider, come Facebook o Twitter
Titolo: il testo che appare quando si passa il mouse sul link
URL: il percorso che desideri per il link
Target: Lascia vuoto per aprire il link in una nuova scheda e usa “self” per aprirlo nella stessa scheda

Note

  1. Ho lasciato gli elementi segnaposto come valori predefiniti per il componente, in modo che tu possa vedere facilmente come dovrebbero essere le tue impostazioni.

  2. Questo componente utilizzerà la palette di colori del tuo tema per generare i colori utilizzati per gli elementi al suo interno. Tuttavia, tutti gli elementi hanno classi uniche aggiunte nel caso in cui tu voglia sovrascrivere qualcosa.

  3. Poiché questo componente utilizza le impostazioni del tema, significa che in futuro potrò aggiornarlo per correggere o migliorare qualcosa, e i dati che hai inserito non andranno persi :tada:


:discourse2: Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Pro, Business e Enterprise.

111 Mi Piace