Docs/Gradiente di Colore (Pro)

Gradiente di Colore

La versione Gratuita ti permette di scegliere qualsiasi colore solido per la barra di avanzamento. Pro sblocca un gradiente a due colori con direzione regolabile e un'anteprima in tempo reale nell'admin — per corrispondere con precisione alla tua palette di brand.

Impostazioni del gradiente di colore con anteprima in tempo reale in ReadNinja Pro
Il selettore dei colori del gradiente con anteprima in diretta.

Opzioni

OpzioneValoriPredefinito
Attiva gradienteAttivato / DisattivatoDisattivato
Colore di inizioSelettore colore#3B82F6
Colore di fineSelettore colore#8B5CF6
DirezioneSinistra verso destra / Destra verso sinistra / Angolo liberoS → D
Angolo personalizzato0 – 360°90°

La Direzione offre due direzioni predefinite e una modalità Angolo libero per un controllo totale. In modalità Angolo libero, la direzione diventa un angolo assoluto in gradi (0° punta a destra, 90° verso il basso, 180° a sinistra, 270° verso l'alto).

L'anteprima nell'admin si aggiorna mentre modifichi i colori e la direzione, per iterare rapidamente senza salvare e ricaricare una scheda frontend.

Personalizzazioni per articolo

Oltre al gradiente globale, Pro aggiunge tre campi di override per articolo nella barra laterale dell'editor (in aggiunta alle personalizzazioni per articolo standard):

  • Tipo di coloreEredita, Solido o Gradiente. Permette di forzare un articolo in modalità solida anche se l'impostazione globale è gradiente, o viceversa.
  • Colori di inizio e fine — quando il tipo è Gradiente, scegli colori di inizio e fine specifici per questo articolo.
  • Altezza — sovrascrivi l'altezza globale della barra per articolo, utile per distinguere gli articoli in evidenza dai contenuti ordinari.

Queste impostazioni per articolo ereditano la configurazione globale finché non le modifichi. Riportale su Eredita per tornare ai valori del sito.