Un utente ha chiesto
Categoria: Author di WordPress
Domanda: Gutenberg: cambiando il tipo di blocco si rimuove il carattere

Ciao ben.

Eseguendo tutte le ultime novità (WordPress 5.0.2, Gutenberg 4.7.1, Author 1.36) mi sono abituato al nuovo modo di scrivere i post del blog usando i blocchi.

Vai dritto al punto: quando utilizzo il blocco “Paragrafo” standard, le mie impostazioni dei caratteri personalizzate sono perfette. Quando passo a qualcos’altro (ad esempio, un blocco elenco puntato) tutte le impostazioni dei miei caratteri scompaiono e sono bloccato con un elenco con un carattere completamente diverso.

I miei caratteri (per paragrafi e intestazioni) sono stati modificati tramite “Personalizzazione> Tipografia> Tipografia predefinita”. Ma non esiste alcuna opzione per elenchi puntati o altri tipi di blocchi.

Hai avuto l’idea. Questo mi rende triste.

Soluzioni?

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

  • (@bensibley)

    Ciao chris,

    Mi dispiace per questi errori.

    Vedi caratteri diversi visualizzati sul front-end del sito, nell’editor o entrambi?

    (@crismacleavy)

    Ciao ben,

    Buona domanda. Il carattere non cambia nell’editor.
    Per ridurlo (nel caso fosse utile), ecco un esempio:
    – Scrivo poche parole usando un blocco Paragrafo.
    – Successivamente, passo il mouse sull’angolo in alto a destra del blocco e cambio il tipo di blocco in Elenco. – Il carattere rimane lo stesso nell’editor, ma cambia in un carattere diverso quando visualizzo in anteprima le modifiche.

    I blocchi di intestazione sono privi di errori. Sono adatti anche i blocchi di quotazione.

    (@bensibley)

    È molto utile. Grazie!

    Penso che un altro “selettore” debba solo essere aggiunto al plug-in dei caratteri. Questa dovrebbe essere una soluzione abbastanza rapida.

    Se c’è un’opzione nel personalizzatore per assegnare tutti i caratteri in tutto il sito invece di paragrafi e titoli specifici, provalo. Se puoi aggiungere un selettore personalizzato da qualche parte, prova ad aggiungere “body” o “*” (senza virgolette). Questo dirà al plugin di applicare il carattere a ogni elemento HTML sul sito in modo che gli elementi dell’elenco non vengano persi.

    (@crismacleavy)

    Ricordo che l’abbiamo fatto sul sito qualche tempo fa.
    Siamo andati su Impostazioni >> Google Fonts e abbiamo aggiunto un selettore CSS con un *. Quindi esiste già, con la casella di controllo “Forza sostituzione stili” selezionata.
    Entrando nel personalizzatore, sto utilizzando la tipografia predefinita per modificare il paragrafo e le intestazioni in dimensioni e pesi diversi in quel carattere, ma sì, il carattere in un elenco puntato è sempre completamente diverso.

    Ecco un’idea: abbiamo anche creato gradualmente questo CSS personalizzato nel corso degli anni (nel personalizzatore dell’autore):

    citazione in blocco {
    posizione: relativa;
    confine: nessuno;
    }
    citazione: prima di {
    contenuto: “201C”;
    posizione: assoluta;
    alto: 0;
    sinistra: -15px;
    famiglia di caratteri: Revalia;
    colore: # A9A9A9;
    dimensione del carattere: 70px;
    altezza riga: 45px;
    }
    tabella, th, td {
    bordo: 0px;
    imbottitura: 5px;
    }
    .blog .post-contenuto,
    .archivio .post-contenuto,
    .ricerca .post-contenuto {
    allineamento del testo: a sinistra;
    raggio del bordo: 35px;
    }
    .post-meta,
    .post-meta a,
    .post-meta a: link,
    .post-meta a: visitato {
    colore: # A9A9A9;
    famiglia di caratteri: Roboto Slab;
    dimensione del carattere: 92%;
    }
    corpo {
    -webkit-trattini: nessuno;
    -moz-trattini: nessuno;
    trattini: nessuno;
    }
    .larghezza massima {
    larghezza massima: nessuna;
    }
    .feature-image img {
    raggio del bordo: 15px 15px 0 0;
    trabocco: visibile;
    imbottitura in basso: 0;
    altezza: automatico;
    altezza riga: 0;
    allineamento del testo: centro;
    }
    img, un img {
    posizione: statica;
    altezza: automatico;
    larghezza: automatico;
    regolazione oggetto: contenere;
    }
    una {
    posizione: statica;
    }
    voce.articolo {
    raggio del bordo: 15px;
    }
    .capolettera
    {
    galleggiante: sinistro;
    dimensione del carattere: 400%;
    famiglia di caratteri: Roboto Slab;
    altezza riga: 100%;
    }
    .entry.has-post-thumbnail articolo {
    raggio del bordo: 0 0 15px 15px;
    }
    .post-title / * per schermi inferiori a 700px * /
    {
    dimensione del carattere: 25px;
    }
    @media all e (larghezza minima: 700 px) {
    .post-title / * per schermi oltre 700px * /
    {
    dimensione del carattere: 30px;
    }
    }

    Cos’altro possiamo provare?

    (@bensibley)

    È un peccato che il plugin non influisca ancora sugli elenchi. Aggiungiamolo manualmente quindi con questo CSS:

    ul, ol {
      font-family: 'Roboto Slab';
    }

    Dovrebbe funzionare bene per cambiare il carattere degli elenchi poiché il plug-in carica già i file dei caratteri per Roboto Slab.

    (@crismacleavy)

    Fisso.

    Grazie Signore. amo il tuo lavoro

    CM

    (@bensibley)

    Di niente

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

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