Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Risoluzione dei problemi di Brine

Questa guida risponde alle domande e ai problemi che possono insorgere quando si utilizzano i modelli della famiglia Brine. Consulta un elenco dei modelli di Brine.

Suggerimento: per informazioni generali, consulta la guida relativa al modello Brine.

Aggiungere un pulsante all'intestazione

Aggiungere un pulsante all'intestazione è un ottimo modo per incoraggiare un comportamento specifico, come indirizzare il traffico verso una determinata pagina.

Esistono due modi per aggiungere un pulsante a un'intestazione:

  • Usa la navigazione: per creare un invito all'azione nella navigazione, mantieni un solo link nella Navigazione secondaria, quindi definisci lo stile della Navigazione secondaria come un pulsante. Definisci uno stile della Navigazione principale a tua scelta.
  • Usa l'area introduttiva: crea un invito all'azione su pagine singole aggiungendo un Blocco pulsante all'area introduttiva. Aggiungi testo o altri blocchi per mettere in evidenza il tuo messaggio.

L'immagine o il video banner non viene visualizzato

In Brine, i banner vengono visualizzati sulla maggior parte dei tipi di pagina, ma non sono supportati per:

  • Singoli post, prodotti e pagine dettagli degli eventi.
  • Pagine di copertina
  • Miniature aggiunte alla Pagina indice principale. Piuttosto, aggiungi miniature alle sezioni di contenuto all'interno dell'Indice.
  • I video banner a volte non vengono visualizzati su dispositivi mobili, a seconda della versione del browser e della velocità di connessione a disposizione degli utenti. Imposta un'immagine di fallback su dispositivi mobili da visualizzare quando non è possibile caricare il banner video.

Se la tua pagina supporta i banner ma non ne visualizza uno, ecco alcuni step da seguire per la risoluzione del problema:

  1. In Impostazioni pagina, clicca sulla scheda Media.
  2. Per le immagini banner, clicca su Immagine. Per i banner video, clicca su Video.
  3. Assicurati che l'immagine o il video sia presente.
  4. Clicca su Salva e aggiorna la pagina.

Se il banner non viene ancora visualizzato:

  1. In Stili sito, scorri fino alla sezione Principale.
  2. Aumenta il Padding intro (Con immagine di sfondo).
  3. Nella sezione Principale: sovrapposizione, assicurati che il Colore di sovrapposizione non sia completamente opaco.
  4. Clicca su Salva e aggiorna la pagina.

I banner non sono visualizzati a schermo intero

In genere, i banner vengono visualizzati a schermo intero, ovvero si estendono fino ai bordi del browser. Se ciò non accade per i tuoi banner, modifica il layout del sito:

  1. In Stili sito, scorri fino alla sezione Sito.
  2. Scegli Design: larghezza massima o Design: sfondo intero.
  3. Nella sezione Sito: bordo, assicurati che Mostra bordo sia deselezionato.
  4. Clicca su Salva e aggiorna la pagina.

I post non presentano sezioni per i commenti

I commenti sul blog sono disabilitati per impostazione predefinita in Brine, anche se li abiliti su un singolo post.

Per abilitare i commenti per il tuo sito:

  1. Nel Menu Home, fai clic su Impostazioni, quindi su Blogging.
  2. Clicca su Impostazioni commenti.
  3. Spunta Abilita i commenti su tutto il sito. Saranno visualizzate altre impostazioni relative ai commenti.

Per ulteriori informazioni, visita Gestione dei commenti e dei Mi piace.

Modificare il testo del mese in un calendario della Pagina Eventi

Nel layout Calendario della Pagina Eventi, il nome del mese è centrato sopra il calendario. Il tipo di carattere, la dimensione e il colore del testo del mese seguono i tweak Intestazione 1. Per regolare questi tweak:

  1. Vai a un'altra pagina del sito che contiene testo Intestazione 1.
  2. Torna al Menu Home, quindi clicca su Design e su Stili sito
  3. Individua i tweak Intestazione 1 in Contenuto: tipi di carattereContenuto: colori.
  4. Clicca su Salva, quindi torna alla Pagina Eventi per visualizzare le modifiche.

Le colonne vengono visualizzate nella posizione errata

Le singole colonne con un inset contenuti si dispongono intorno ai blocchi flottanti.

Se il blocco flottante è più alto del contenuto in una singola colonna, può interferire con il layout del contenuto in più colonne sottostante. Per evitarlo, aggiungi un Blocco spazio sul contenuto in più colonne.

Creare un'immagine di sfondo a pagina intera

Puoi utilizzare una Pagina indice per creare l'effetto di una pagina singola con un'immagine di sfondo:

  1. Crea una Pagina indice.
  2. Aggiungi una sezione di contenuto.
  3. Aggiungi un'immagine in miniatura alla sezione di contenuto. In questo modo si crea l'immagine di sfondo.
  4. Aggiungi il contenuto della pagina alla sezione di contenuto. Questo si sovrapporrà all'immagine in miniatura.
  5. Per aumentare l'altezza, aggiungi altri spazi nella parte inferiore di un Blocco di testo.

page-background-brine.png

Creare un banner slideshow

Puoi utilizzare una Pagina indice per creare l'effetto di un banner slideshow della pagina:

  1. Crea una Pagina indice.
  2. Fai clic su Aggiungi sezione per creare la tua prima sezione.
  3. Seleziona Galleria e procedi ad aggiungere ulteriori immagini alla raccolta.
  4. Come prima sezione, aggiungi una sezione "Indice galleria" contenente una serie di immagini.
  5. Nella sezione Indice: galleria di Stili sito, seleziona Layout: slideshow. (Questo tweak interessa l'Indice delle sezioni galleria).
  6. Nella sezione Indice: galleria a slideshow , assicurati che Riproduzione automatica Galleria sia selezionato.
  7. Sotto la sezione Indice, aggiungi una sezione di contenuto e inserisci in essa i contenuti che desideri.

brine-slideshow-banner.gif

Disabilita lo scorrimento Parallax

Per farlo:

  1. Vai a una pagina con un'immagine banner.
  2. In Stili sito, scorri verso la sezione Principale: sovrapposizione.
  3. Deseleziona Attiva Parallax.
  4. Clicca su Salva e aggiorna la pagina.

Questa azione interessa l'intero sito.

I menu a discesa non sono visualizzati nella navigazione a piè di pagina

Le cartelle non vengono visualizzate come menu a discesa nella Navigazione nel piè di pagina. Al contrario, puoi visualizzarle come colonne separate con il titolo di cartella come intestazione.

Per aggiungere menu a discesa alla tua navigazione, aggiungi la cartella alla Navigazione Principale o alla Navigazione Secondaria.

Il piè di pagina ha colori di sfondo diversi a seconda delle pagine

Questo accade se il colore di sfondo del piè di pagina è parzialmente o completamente trasparente. Nelle pagine senza miniature, il colore del piè di pagina viene visualizzato sopra uno sfondo bianco. Nelle pagine con miniature, il colore di sfondo del piè di pagina viene visualizzato sopra il colore dell'area del contenuto principale.

Per risolvere questo problema:

  1. In Stili sito, scorri verso il basso fino alla sezione Piè di pagina.
  2. Assicurati che Colore di sfondo sia completamente opaco.

L'area dei blocchi centrali del piè di pagina è scomparsa

Talvolta, quando elimini tutto il contenuto dall'area centrale dei blocchi, la relativa annotazione scompare nella vista A colonne. Per risolvere questo problema, passa temporaneamente al layout impilato:

  1. In Stili sito, scorri verso il basso fino alla sezione Piè di pagina.
  2. Scegli Layout: impilato.
  3. Esci da Stili sito.
  4. Aggiungi contenuto all'area Blocchi di piè di pagina centrali.
  5. Riapri Stili sito e seleziona Layout: colonne.
  6. Fai clic su Salva.

Gli elementi dell'intestazione non vengono visualizzati correttamente

Se si impostano troppi elementi da visualizzare nella stessa area dell'intestazione, questi potrebbero sovrapporsi su tablet o browser più piccoli.

Per ottenere risultati ottimali, posiziona ciascun elemento in una parte diversa dell'intestazione. Scegli dove sarà visualizzato ogni elemento nella sezione Intestazione: layout di Stili sito.

Le opzioni di intestazione non vengono visualizzate in Stili sito

I tweak di alcuni elementi vengono visualizzati in Stili sito solo se tali elementi sono presenti sul sito.

  • Navigazione - I tweak sono visualizzati dopo aver aggiunto pagine o link alla tua Navigazione principale o Navigazione secondaria.
  • Carrello e account cliente - I tweak vengono visualizzati dopo aver creato una Pagina dei prodotti. Il Pagamento rapido deve essere disabilitato.
  • Tagline - I tweak sono visualizzati dopo aver aggiunto una tagline.
  • Intestazione: inferiore - Questa sezione viene visualizzata dopo aver aggiunto uno o più elementi nella metà inferiore dell'intestazione nella sezione Intestazione: layout.
  • Intestazione: superiore - Questa sezione viene visualizzata dopo aver aggiunto uno o più elementi nella metà superiore dell'intestazione nella sezione Intestazione: layout.
  • Area introduttiva - I tweak vengono visualizzati quando ci si trova in una pagina che supporta aree introduttive.
  • Banner - I tweak vengono visualizzati quando ti trovi su una pagina che supporta i banner.

Le intestazioni si dividono in due righe a determinate larghezze

Nella famiglia Brine, alcune intestazioni si divideranno su due righe se il browser è largo circa 1400 pixel, quindi torneranno a una riga a circa 1120 pixel. Questa caratteristica fa parte del design del modello.

Le icone e il titolo del sito si sovrappongono sui dispositivi mobili

Se gli elementi nella barra di navigazione del tuo dispositivo mobile si sovrappongono, spostane alcuni nell'altra barra di navigazione.

Ad esempio, per spostare ☰ dalla barra di navigazione in alto a quella in basso:

  1. In Stili sito, scorri fino alla sezioneDispositivi mobili: Icona menu.
  2. Modifica la Posizione in In basso (sinistra, destra o al centro).

Ripeti questi step per tutti gli elementi che si sovrappongono.

move-icons.png

Le sezioni dell'Indice non vengono visualizzate all'altezza del browser

Per impostare alcune o tutte le sezioni di contenuto in modo che siano visualizzate all'altezza del browser:

  1. In Stili sito, scorri verso il basso fino alla sezione Indice: pagina.
  2. Utilizza Applica altezza minima per impostare le sezioni interessate.
  3. Imposta l'altezza minima su 100vh.

Se la sezione non riempie l'altezza del browser:

  • Sperimenta con Padding (Sovrapposizione pagine) e Padding fino a ottenere l'aspetto desiderato.
  • Se il contenuto della sezione (inclusa la spaziatura) supera l'altezza del browser, esso manterrà l'altezza originale.
  • Inoltre, il tweak Bordo a specchio può influenzare la visualizzazione delle prime sezioni.

Per le sezioni Indice della galleria:

  • Layout: slideshow - Consulta Utilizza altezza fissa per impostare manualmente l'altezza.
  • L'altezza viene impostata automaticamente dal numero e dalle dimensioni delle immagini della galleria.

Il bordo speculare della Pagina indice non è del colore giusto

Il colore del bordo a specchio di Brine è lo stesso della pagina. Per impostarlo, utilizza Colore nella sezione Principale di Stili sito.

Immagini visualizzate non rispecchiano la larghezza del sito

I Blocchi immagine non seguono l'inset contenuti. Piuttosto, vengono visualizzati secondo la larghezza del sito. Regola la larghezza del sito con Larghezza nella sezione Sito di Stili sito.

Puoi anche selezionare Adatta nell'editor di Blocchi immagine per assicurarti che l'immagine sia visualizzata per l'intera larghezza del blocco.

Suggerimento: crea immagini a schermo intero nelle Pagine indice di Brine aggiungendo una sezione della Pagina di layout con un'immagine di sfondo o una sezione della Pagina galleria a slideshow.

Il sito mobile scorre in orizzontale

Se hai ingrandito la pagina, potresti vedere lo scorrimento orizzontale. Prova ad aggiornare il browser del tuo dispositivo mobile per ripristinare lo zoom.

Se il problema non si risolve, il tuo sito potrebbe avere un padding laterale inferiore a 17 pixel, che può causare una visualizzazione del tuo sito mobile più ampia rispetto alla finestra del browser. Per risolvere questo problema:

  1. In Stili sito, scorri fino alla sezione Sito.
  2. Assicurati che la Spaziatura laterale sia pari a 17 pixel o superiore.

Gli stili per dispositivi mobili non vengono visualizzati

Se le impostazioni degli stili per dispositivi mobili non vengono visualizzate sui dispositivi mobili e nella Vista dispositivo, è possibile che il tuo sito passi alla visualizzazione mobile solo su browser molto stretti. Per ripristinare la larghezza che determina questo passaggio:

  1. In Stili sito, scorri fino alla sezione Dispositivi mobili.
  2. Assicurati che il Punto di interruzione su dispositivi mobili sia impostato su 640 pixel o superiore.
  3. Fai clic su Salva.

La barra di navigazione è di un colore inaspettato

Se regoli l'opacità della barra di navigazione inferiore, il suo colore quando scorri verso il basso dipende dalle impostazioni. Se è presente un bordo del sito, esso viene visualizzato su quel colore. In caso contrario:

  • Se è presente un banner di pagina, esso viene visualizzato sul colore di sfondo del sito
  • Se non è presente alcun banner, esso viene visualizzato sul colore di sfondo del piè di pagina

mobile-banner-examples.png

Le immagini con effetto parallasse sono troppo ritagliate

Nella sezione Principale: sovrapposizione, spunta Ritaglio intelligente Parallax. Quando questa opzione è spuntata, le immagini dei banner sono ritagliate nella quantità minima necessaria per la visualizzazione della parallasse.

Il titolo del sito ha un aspetto diverso sui dispositivi mobili

Puoi modificare la visualizzazione del titolo del sito in base al dispositivo. Imposta uno stile del tipo di carattere diverso per computer e dispositivi mobili utilizzando gli stili per dispositivi mobili personalizzabili del tuo modello.

Per mantenere il tuo branding coerente su tutti i dispositivi, seleziona lo stesso stile del tipo di carattere nelle sezioni Branding per dispositivi mobili e Intestazione: branding di Stili sito.

Il testo è stretto e centrato

Quando alcuni blocchi si trovano in una singola colonna, si inseriscono automaticamente al centro della pagina con uno spazio bianco su entrambi i lati. Questa azione è chiamata Inset contenuti.

Per rimuovere l'inset contenuti, imposta Inset contenuti su 0 nella sezione Principale di Stili sito.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 12 su 55
Risoluzione dei problemi di Brine