Una pagina di post di blog è una pagina Web che visualizza un singolo post di blog. Può essere utilizzato per promuovere prodotti o servizi o per una varietà di altri scopi.
Con Concept , un tema Shopify OS 2.0 , hai la possibilità di aggiungerevarie sezioni su ogni pagina. Ciò significa che puoi personalizzare completamente l'aspetto della tua pagina 404 aggiungendo le sezioni che desideri. Basta fare clic sul pulsante Aggiungi sezione e scegliere le sezioni che desideri vengano visualizzate sulla tua pagina.
In questo modo, puoi creare una pagina di post sul blog visivamente accattivante che manterrà i tuoi visitatori coinvolti e informati.
A. Post del blog predefinito
1. Sezione banner post blog
| Descrizione | ||
|---|---|---|
| Banner di post sul blog | ||
| Consenti intestazione trasparente | Questa impostazione è applicabile solo quando questa sezione è la prima. | |
| Mostra l'immagine in primo piano | Visualizza l'immagine in evidenza per il post del blog. Per ottenere risultati ottimali, utilizza un'immagine con proporzioni 16:9. Saperne di più . | |
| Immagine | Scegli/Carica l'immagine della sezione. Impostazione predefinita per l'immagine in primo piano. | |
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
| Posizione del contenuto del desktop | Imposta la posizione del contenuto sul desktop: | |
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
| Disposizione mobile | ||
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
| Posizione dei contenuti mobili | Imposta la posizione del contenuto sul browser mobile: | |
| Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
| Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
| Sezione | ||
| Puoi regolare il riempimento superiore e il riempimento inferiore da 0px a 120px con incrementi di 4px. | ||
| Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
| Rendi la sezione a larghezza intera | Rende il contenitore a tutta larghezza. | |
| Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
| Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. La direzione della parallasse può essere scelta tra le 3 seguenti opzioni: | |
| CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. | |
Blocchi disponibili:
- 1.1 Titolo del post del blog
- 1.2 Pangrattato
- 1.3 Spazio vuoto
1.1 Le impostazioni per il cartiglio del post del blog.
| Descrizione | ||
|---|---|---|
| Titolo dei post del blog | ||
| Dimensione del titolo | La dimensione del titolo: | |
| Mostra tag | Visualizza i tag dei post del blog di amministrazione con immagini. | |
| Mostra data | Mostra la data di pubblicazione del post del blog. | |
| Mostra conteggio commenti | Visualizza il numero totale di commenti pubblicati. | |
| Mostra autore | Visualizza l'autore dei post del blog. | |
1.2 Le impostazioni per il blocco breadcrumb.
Questo contenuto proviene dal post del tuo blog all'indirizzo Modifica post del blog .
1.3 Le impostazioni per il blocco Spazio vuoto.
| Descrizione | ||
|---|---|---|
| Spazio vuoto | ||
| Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0px a 120px, aumentando aritmeticamente di 4px. L'impostazione predefinita è 40px. | |
| Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0px a 120px, aumentando aritmeticamente di 4px. L'impostazione predefinita è 28px. | |
2. Post del blog
| Descrizione | ||
|---|---|---|
| Sezione | ||
| Puoi regolare il riempimento superiore e il riempimento inferiore da 0px a 120px con incrementi di 4px. | ||
| Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
| Rendi la sezione stretta | Rende il contenitore stretto. | |
| Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
| CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. | |
Blocchi disponibili:
- 2.1 Condividi
- 2.2 Post successivi e precedenti del blog
- 2.3 Commenti
- 2.4 Liquido personalizzato
- 2.5 Spazio vuoto
2.1 Le impostazioni per il blocco Condividi.
| Descrizione | ||
|---|---|---|
| Condividere | ||
| Testo | Aggiunge testo per il blocco. Se includi un collegamento nei post sui social media, l'immagine in primo piano della pagina verrà mostrata come immagine di anteprima. Saperne di più . Il titolo e la descrizione del negozio sono inclusi nell'immagine di anteprima. Saperne di più . | |
| Mostra conteggio commenti | Visualizza il numero totale di commenti pubblicati. | |
2.2 Le impostazioni per il blocco dei post del blog successivo e precedente.
- Mostra data : mostra la data di pubblicazione del post del blog.
- Mostra conteggio commenti : visualizza il numero totale di commenti pubblicati.
- Mostra autore : visualizza l'autore dei post del blog.
2.3 Le impostazioni per il blocco Commenti.
- Mostra avatar commento : consente di mostrare l'avatar commento.
2.4 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
2.5 Le impostazioni per il blocco Spazio vuoto.
| Descrizione | ||
|---|---|---|
| Spazio vuoto | ||
| Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0px a 120px, aumentando aritmeticamente di 4px. L'impostazione predefinita è 40px. | |
| Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0px a 120px, aumentando aritmeticamente di 4px. L'impostazione predefinita è 28px. | |
3. Sezione post del blog
| Descrizione | ||
|---|---|---|
| I post del blog | ||
| Blog | Seleziona il blog da cui desideri visualizzare i post del blog. Se non viene selezionato alcun blog, verrà utilizzato il primo blog in ordine alfabetico nella pagina Blog. | |
| Numero di post del blog da mostrare | Il numero di post del blog che desideri visualizzare nella sezione, da 0 a 12. | |
| Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul desktop da 1 a 5. | |
| Abilita il carosello sul desktop | Visualizza un carosello di post di blog dalla raccolta sul browser desktop. | |
| Abilita il pulsante "Visualizza tutto". | Visualizza un pulsante Visualizza tutto che si collega alla pagina del blog se il blog contiene più post rispetto al limite specificato. | |
| Disposizione mobile | ||
| Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
| Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
| Scheda post del blog | ||
| Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
| Mostra tag | Visualizza i tag dei post del blog di amministrazione con immagini. | |
| Mostra data | Mostra la data di pubblicazione del post del blog. | |
| Mostra conteggio commenti | Visualizza il numero totale di commenti pubblicati. | |
| Mostra autore | Visualizza l'autore dei post del blog. | |
| Mostra tranne | Visualizza l'estratto dei post del blog. Cambia estratti modificando i vasi del tuo blog.Saperne di più . | |
| Intestazione | ||
| Intestazione | Il titolo della sezione. | |
| Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Molto grande . | |
| Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
| Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
| Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
| Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
| Testo evidenziato | ||
| Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
| Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
| Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
| Sezione | ||
| Puoi regolare il riempimento superiore e il riempimento inferiore da 0px a 120px con incrementi di 4px. | ||
| Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione | |
| Rendi la sezione a larghezza intera | Rende il contenitore a tutta larghezza. | |
| Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
| CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. | |
Questa sezione non supporta l'aggiunta di blocchi.
Speriamo che questo articolo sia stato utile. Se hai domande o dubbi su questa funzionalità, non esitare a contattare il nostro team per ricevere supporto.
