Stile del post del blog

[Discourse]

	Riepilogo	Blog Post Styling ti consente di designare una categoria di blog, che modifica l’aspetto degli argomenti all’interno della categoria per assomigliare maggiormente ai tradizionali post di blog.
	Anteprima	Anteprima su theme-creator.discourse.org
	Repository	github.com/discourse/discourse-blog-post-styling
	Nuovo utente dei temi Discourse?	Guida per principianti all’uso dei temi Discourse

Installa questo componente tema

Il componente tema Blog Post Styling trasforma gli argomenti di Discourse in un layout di post di blog tradizionale. Quando applicato a una categoria, la prima immagine in ogni argomento viene promossa a un’immagine di copertina a larghezza intera sopra il titolo e il contenuto viene stilizzato con tipografia e visualizzazione dei metadati appropriati per i blog.

Impostazioni

Ecco le varie impostazioni associate a questo componente tema:

• Categoria blog: lo slug della categoria che dovrebbe utilizzare lo stile dei post di blog. Per aggiungerla a più di una categoria, usa un elenco separato da virgole senza spazi (es. blog,announcements). Per trovare lo slug:

  • Per le categorie, prendi il percorso dell’URL dopo /c/ — quindi per /c/blog/, lo slug è blog.
  • Per le sottocategorie, prendi il percorso dell’URL dopo /c/ e sostituisci eventuali / con -. Ad esempio, una categoria a /c/blog/tutorials diventa blog-tutorials.

• Tag blog: scegli uno o più tag che, quando applicati a un argomento, gli conferiranno lo stile di un post di blog.

• Dimensione immagine: decidi come l’immagine di copertina in primo piano riempie l’area dell’intestazione:

  • Nessuna immagine: nasconde l’immagine in primo piano.
  • Larghezza intera (predefinito): l’immagine si estende su tutta l’area del contenuto.
  • Centrata: l’immagine mantiene le proporzioni ed è centrata nell’area del contenuto.

• Posizione immagine: decidi dove mostrare l’immagine rispetto al titolo:

  • Sopra il titolo (predefinito): mostra l’immagine sopra il titolo dell’argomento.
  • Sotto il titolo: mostra l’immagine sotto il titolo dell’argomento. Quando selezionato, puoi anche includere un riepilogo che viene visualizzato tra il titolo e l’immagine. Di seguito, puoi vedere come appare l’immagine quando l’impostazione posizione immagine è configurata su sopra il titolo e sotto il titolo:

• Iniziale maiuscola abilitata (Dropcap enabled): quando abilitata, la prima lettera del post di blog avrà uno stile ingrandito, come questo:
  
  
• Mobile abilitato: quando abilitato, lo stile del post di blog viene applicato quando si legge l’argomento sui dispositivi mobili.

Scrivere un post di blog

Una volta configurata la categoria del blog (o applicato il tag del post di blog), ci sono alcune cose speciali da notare sul funzionamento dell’argomento del post di blog.

Immagine in primo piano

Posiziona l’immagine che desideri come immagine di copertina sulla primissima riga del post, seguita da una riga vuota prima che inizi il contenuto:

![descrizione immagine|1100x440](upload://your-image-hash.jpg)

Il contenuto del tuo post inizia qui...

Il componente posiziona automaticamente questa immagine in base all’impostazione posizione immagine (vedi sopra). Se qualsiasi altro contenuto — incluse le righe vuote — appare prima dell’immagine, questa non verrà promossa alla posizione di copertina.

Dopo aver pubblicato per la prima volta un post, ricarica la pagina per vedere l’immagine apparire nella posizione designata. (Questo influisce solo sull’autore del post alla pubblicazione iniziale; i membri che accedono al post dovrebbero vedere l’immagine subito nel posto giusto.)

Suggerimenti per il dimensionamento delle immagini

Il contenitore dell’immagine è alto 440px e largo il 100%. Per i migliori risultati quando l’impostazione dimensione immagine è impostata su larghezza intera:

• Utilizza o ritaglia le immagini a 1100x400px prima di caricarle per evitare il ritaglio, oppure
• Scegli immagini con un soggetto centralizzato o contenuti non specifici (paesaggi, motivi) in modo che il ritaglio non rimuova dettagli importanti.

Riepiloghi

Quando l’impostazione posizione immagine è impostata su sotto il titolo, puoi aggiungere un riepilogo opzionale al tuo post di blog, che apparirà tra il titolo e l’immagine in primo piano.

Per farlo, racchiudi il contenuto che vuoi che appaia nel tuo riepilogo come segue:

[summary] Questo è il contenuto che sarà il tuo riepilogo. [/summary]

Blockquote stilizzati

Quando crei argomenti in una categoria blog, le citazioni (blockquotes) ottengono uno stile speciale. Puoi creare citazioni nel compositore con il simbolo > o utilizzando il pulsante della barra degli strumenti del compositore <kbd>“</kbd>.

Impostazione di categoria consigliata

Nelle impostazioni della categoria del tuo blog, considera di abilitare l’impostazione di categoria Naviga al primo post dopo che gli argomenti sono stati letti. Questo invia i lettori di ritorno direttamente al contenuto del post di blog anziché alla loro ultima posizione di lettura.

Blog Post Styling + Miniature dell’elenco argomenti

Questo componente è compatibile con Miniature dell’elenco argomenti, che evidenzia l’immagine in primo piano del tuo post di blog nell’elenco degli argomenti:

Nota: Il componente Miniature dell’elenco argomenti non è compatibile con il tema Horizon. Lo screenshot sopra utilizza il tema Foundation.