Un utente ha chiesto
Categoria: Virtue di WordPress
Domanda: L’immagine a tutta larghezza di Gutenberg non funziona

Ciao

Quando scelgo l’immagine in modo che appaia a tutta larghezza oa tutta larghezza utilizzando Gutenberg su Virtue, l’immagine sul post rimane normale e sul lato sinistro della pagina.

Ha funzionato perfettamente prima che gutenberg fosse rimosso e da allora non è stato verificato, quindi non sappiamo quando è apparso per la prima volta il problema. Come possiamo risolvere questo problema per tutti gli articoli?

grazie

La pagina per cui ho bisogno di aiuto: [log in to see the link]

  • (@hannahritner)

    Hey,
    Vedo le tue immagini a tutta larghezza lavorare sul post a cui ti sei collegato. Ci sono immagini specifiche che dovrebbero essere a larghezza intera ma non lo sono? Stai usando il blocco dell’immagine di copertina?

    Hannah

    (@talesfromthelens)

    ciao Hannah,
    grazie

    Molti di loro dovrebbero essere a tutta larghezza. Ad esempio, il terzo dovrebbe essere a larghezza intera ed è piuttosto piccolo ea sinistra della pagina.

    Sto usando “blocco immagine” su Gutenberg. Questo ha sempre funzionato per me sia prima che dopo il pieno dispiegamento di Gutenberg. Ho appena letto che su certi temi non funziona e che per virtù il modo per aggirare è usare Cover (che prima non c’era).

    Quindi no, non uso Cover e preferirei non dover modificare ogni singolo post e foto che ho creato con Gutenberg poiché prima funzionava perfettamente. Inoltre, l’altezza del “blocco di copertura” è limitata e l’altezza nell'”immagine” è semplicemente perfetta.

    Ecco alcuni altri articoli che hanno la foto a sinistra:
    https://talesfromthelens.com/2018/11/06/isla-de-la-plata-ecuador-bird-whale-watching/ (l’immagine della balena che salta in basso – o i 2 uccelli con 2 piedi)
    https://talesfromthelens.com/2018/10/31/day-trips-from-quito-budget-friendly/ (ogni immagine prima di un titolo H2 deve anche essere a tutta larghezza e non lo è)

    grazie per l’aiuto

    (@hannahritner)

    Non è necessario utilizzare il blocco dell’immagine di copertina. Il blocco immagine normale dovrebbe funzionare correttamente. Si seleziona l’opzione a tutta larghezza? https://postimg.cc/2L6XW0Yy

    Non vedo nessuna delle tue immagini allineate a sinistra. Puoi inviare uno screenshot di questo?

    Hannah

    (@talesfromthelens)

    ciao Hannah,

    Ecco :

    backend – dove ho scelto correttamente Fullwidth fullwidth https://postimg.cc/k6pcv9TQ

    l’ufficio postale: https://postimg.cc/0KSpGSMv

    È lo stesso per ogni posizione.

    (@hannahritner)

    Non lo vedo sui miei siti. Che dimensioni di immagini stai importando? Assicurati che siano larghi almeno 2000 px.

    Hannah

    (@talesfromthelens)

    Grazie Hannah, ma questo non è un problema con la dimensione dell’immagine caricata. Ha funzionato perfettamente in passato e ora non lo è.

    Abbiamo controllato 3 dispositivi diversi e mostrano tutti lo stesso problema su ogni post con un’immagine a tutta larghezza. Puoi inviarmi uno screenshot di quello che vedi?

    Saluti

    (@hannahritner)

    Scusa, volevo dire che non ho problemi con l’immagine allineata a sinistra sui miei siti, ma ora vedo il problema sul tuo. Hai provato a disabilitare i tuoi plugin per verificare se ce ne sono di in conflitto?

    Hannah

    (@talesfromthelens)

    Sì, ho fatto tutti i controlli di base.

    Se scelgo Larghezza intera con il blocco Copertina, funziona e se scelgo Larghezza intera con il blocco Immagine non funziona.

    Ho controllato il mio CSS e anche tutto sembra a posto. Se cancello tutto il codice, non ho ancora l’immagine a larghezza intera. Ho controllato il tema, l’opzione della pagina, l’intero plugin, niente funziona, motivo per cui ho pensato che fosse il tema che non supporta questa funzione di Gutenberg.

    (@talesfromthelens)

    Ciao ho risolto il problema aggiungendo il codice seguente al mio css

    / *
    intera larghezza
    * /
    .entry-content .alignwide {
    margine sinistro: calc (-100vw / 2 + 100% / 2);
    margine destro: calc (-100vw / 2 + 100% / 2);
    larghezza massima: 100vw;
    }
    .entry-content .alignfull {
    margine sinistro: calc (-100vw / 2 + 100% / 2);
    margine destro: calc (-100vw / 2 + 100% / 2);
    larghezza massima: 100vw;
    }
    .alignfull img {
    larghezza: 100vw;
    }

    Aiuto da >> https://weblines.com.au/gutenberg-blocks-wide-alignment-full-width/

    (@britner)

    .wp-block-image.alignfull, .wp-block-image.alignwide {
        max-width: none;
    }

    Basta aggiungere questo css ^^

    Non hai bisogno dell’altro che hai aggiunto.

    Ben

    (@talesfromthelens)

    Ben perfetto. Come sempre. Grazie mólto

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *