Stile del post del blog

[tshenry (Taylor)]

Questo componente tema ti permetterà di designare una categoria di blog e modificherà l’aspetto e l’atmosfera di tutti i topic all’interno di quella categoria per assomigliare di più a un tradizionale post di blog. Si tratta essenzialmente di un adattamento in componente tema del plugin Blog post plugin .

Suggerimenti per l’utilizzo:

• Il codice immagine della tua immagine in evidenza dovrebbe essere la prima riga del post. Il componente “sposterà” quell’immagine sopra il titolo del topic per produrre l’effetto mostrato nell’immagine di esempio sopra. Assicurati di includere una riga vuota tra il codice immagine dell’immagine in evidenza e il contenuto successivo.

• Puoi usare i tag <big></big> attorno alla prima lettera di una parola per creare un effetto iniziale

• Potresti voler abilitare l’impostazione della categoria Naviga al primo post dopo che i topic sono stati letti per evidenziare sempre il post del blog quando si accede per la prima volta a un topic.

• L’immagine principale è centrata all’interno dello spazio disponibile. Potrebbe essere necessario modificare la foto per visualizzarla come si desidera.

  Dettagli aggiuntivi

  L’altezza del contenitore dell’immagine del blog è 440px e la larghezza è il 100% del contenitore principale. L’immagine è centrata all’interno dello spazio disponibile, quindi se la tua immagine ha un’altezza di 500px, 30px verranno tagliati dalla parte superiore e 30px dalla parte inferiore. Il ritaglio orizzontale inizia a 1100px (la larghezza massima del contenuto principale su un sito Discourse) e aumenterà man mano che la finestra si restringe. Lo scenario ideale è utilizzare un’immagine che abbia un soggetto centralizzato, o uno che abbia un soggetto generalizzato come un motivo o una foto naturalistica come quella che mostro nel mio esempio.

• Puoi applicare lo stile a più categorie. Ciò può essere fatto separando con virgole gli slug delle categorie, assicurandoti di omettere eventuali spazi prima o dopo le virgole. Le sottocategorie possono essere aggiunte seguendo questi passaggi:

  1. Ottieni il link alla sottocategoria e isola la parte dopo /c/

     https://meta.discourse.org/c/support/wordpress

  2. Sostituisci / con un - in modo da ottenere support-wordpress

  3. Aggiungi il risultato all’impostazione del tema

• Quando crei per la prima volta il topic del post del blog, dovrai aggiornare la pagina per vedere l’immagine principale apparire sopra il contenuto. Questo accade solo subito dopo la pubblicazione e solo per l’autore del topic.

Suggerimenti su come migliorare il componente sono benvenuti. Non posso promettere che sarò in grado di aggiungere la funzionalità o apportare la modifica, ma sarà certamente presa in considerazione

Elenco attuale di cose da fare/richieste di funzionalità

• Assicurarsi che il componente funzioni bene con DiscoToC (specialmente con RTL)
• Consentire l’uso dei tag come modo per applicare lo stile a un post
• Consentire l’uso di video oltre alle immagini

Un ringraziamento speciale a @simon e @awesomerobot per la grande ispirazione che il loro lavoro precedente ha fornito nella creazione di questo.

	Anteprima	Anteprima su theme-creator.discourse.org
	Repository	github.com/discourse/discourse-blog-post-styling
	Nuovo ai temi di Discourse?	Guida per principianti all’utilizzo dei temi di Discourse

Installa questo componente tema