Parliamo del progetto
Wordpress Backoffice

WordPress: Configurare il selettore di colore di un campo di tipo personalizzato

Per configurare i colori di defaultéper il selettore di colore dei campi di tipi personalizzati basta d’aggiungere un javascript per sovrascrivere la configurazione tramite débisogna.Nel vostro file functions.php aggiungete il seguente c...

WordPress: Configurare il selettore di colore di un campo di tipo personalizzato

Per configurare i colori di defaultéper il selettore di colore dei campi di tipi personalizzati basta d’aggiungere un javascript per sovrascrivere la configurazione tramite débisogna.
Nel vostro file functions.php aggiungete il seguente codice e configurate a piacere la sua palette:

add_action( 'admin_footer', 'backgroundColor_hook' );
function backgroundColor_hook( $hook_suffix )
{
?>
<script type="text/javascript">

jQuery( document ).ready(function() {
jQuery('.js-types-colorpicker').each(function(){
jQuery(this).wpColorPicker({
palettes: ['#d21268','#146c52','#82b600','#00949b','#010080','#001c4b']
});

});

});
</script>
<?php
}

Riprodurre questa personalizzazione oggi

Il principio del hook rimane utile, ma gli schermi di amministrazione e le API di WordPress sono evoluti dalla pubblicazione. Testa il codice in un ambiente di prova con la versione esatta del core, del tema e dei plugin del sito.

  • Salvate i file e il database prima di qualsiasi modifica.
  • Controllate le capacità degli utenti, i nonce, la convalida degli input e l'escape degli output.
  • Posizionate la personalizzazione in un'estensione dedicata o in un tema child per preservare gli aggiornamenti.

Riferimento : manuale ufficiale di sviluppo delle estensioni WordPress.

Condividi questo articolo