Un utente ha chiesto informazioni su Central Color Palette di Wordpress

Crea variabili di colore CSS da questo plugin

Un utente ha chiesto 👇

Ottimo plugin, grazie mille per il tuo lavoro!

Non sarebbe fantastico se i nomi dei colori contenuti nella tavolozza dei colori centrale potessero essere usati come variabili CSS?

Ad esempio, se la mia versione a colori di “nero” fosse chiamata “Tavolozza dei colori centrale” “mio-nero”, potrei usarla come se l’avessi definita in CSS come ad es.
:root { --my-black: #030201; }

e poi usalo su WordPress, ad esempio in questo modo
DIV { color: var(--my-black); }

Ho dimenticato qualcosa e funziona già così? O cos’altro è l’uso dei nomi dei colori, oltre a quelli che compaiono in alcuni selettori di colori?

E se posso … vorrei che le installazioni multisito siano in grado di utilizzare il tuo plug-in attraverso la rete, ad es. come il plug-in “Code Snippets”, questo è abilitato. Vedo con piacere che la tavolozza dei colori centrale funziona in multisito e sarebbe fantastico avere tavolozze dei colori disponibili in tutto il sistema. Il modo in cui Snippets Code lo ha implementato è semplice e diretto.

Grazie mille per la tua considerazione!

Autore del plugin

(@kungtiger)

1 anno, 7 mesi fa

Ciao ulfb,

guarda la versione 1.13.12 e fammi sapere se funziona per te. Ho aggiunto una casella di controllo all’editor della tavolozza che mette tutti i colori attivi come variabili CSS nella parte anteriore di WordPress in base ai loro nomi.

Per quanto riguarda il supporto multilingue: non ho molta esperienza con l’installazione multilingue di WordPress e dovrei dare uno sguardo più approfondito all’implementazione. Ci vorrà del tempo che attualmente non ho. Forse aggiungerò il supporto più tardi.

Autore del plugin

(@kungtiger)

1 anno, 4 mesi fa

La versione 1.14 è una versione che include variabili CSS globali.

(@taxumi)

1 anno, 4 mesi fa

Ciao Daniel,

Grazie per aver aggiunto queste importanti funzionalità. Potete per favore guidare come utilizzare questa funzione? Sono molto nuovo nelle variabili CSS. C’è anche una bella connessione.

Grazie ancora per il tuo utile plugin.

Questa risposta è stata modificata 1 anno, 4 mesi fa. Autore del plugin

(@kungtiger)

1 anno, 4 mesi fa

Per prima cosa crea la tua tavolozza e seleziona “Aggiungi variabili CSS globali”.
Ciò aggiunge un file <style> un tag contenente qualcosa di simile ad esempio:

:root {
  --indigo: rgba(68, 105, 200, 0.11);
}

Non faranno nulla da soli. Sono utili se stai usando un tema che offre CSS personalizzati o se stai scrivendo il tuo tema.
Scopri come utilizzare queste variabili Utilizzo di proprietà CSS personalizzate [developer.mozilla.org]

Spero che aiuti.

(@taxumi)

1 anno, 4 mesi fa

Ciao Daniel,

Grazie per la tua guida utile!
Ti auguro il meglio.

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *