Come cambiare il colore di sfondo dell'editor visivo?

Question

Come cambiare il colore di sfondo dell'editor visivo?

9 ago 2011, 02:53:25

Visualizzazioni: 15.8K

Voti: 12

Ho un sito WordPress in cui il colore di sfondo è nero e il testo è bianco. Il sito va bene, ma è difficile modificare i contenuti nell'editor visivo poiché lo sfondo è bianco (lo stesso colore del testo). Alla fine devo dire agli utenti di usare la visualizzazione HTML o di scrivere il contenuto con testo nero e poi alla fine selezionare tutto il testo e cambiarlo in bianco (cosa che li fa spesso preoccupare pensando che il testo sia scomparso!).

Come posso cambiare il colore di sfondo dell'editor in nero (o qualsiasi altro colore) in modo che il contenuto sia leggibile quando il colore del testo è bianco?

Ryan Hayes

223

editor visuale

Commenti

+1 per l'ottima Domanda & +1+ per le fantastiche Risposte ricevute!

brasofilo

14 lug 2012 19:33:15

Tutte le risposte alla domanda

Innanzitutto, aggiungi un file CSS nella directory del tuo tema (io lo chiamerò tiny.css). Poi aggiungi quanto segue al file functions.php del tuo tema:

// Aggiungi stili personalizzati all'editor TinyMCE
if ( ! function_exists('tdav_css') ) {
    function tdav_css($wp) {
        $wp .= ',' . get_bloginfo('stylesheet_directory') . '/tiny.css';
        return $wp;
    }
}
add_filter( 'mce_css', 'tdav_css' );

Infine, aggiungi questo CSS al file tiny.css

.mceContentBody.wp-editor {
    background-color:#000000;
}

... sostituendo #000000 con il codice colore HTML del colore che preferisci.

GavinR

3.12K

9 ago 2011 03:10:04

Commenti

Prima regola dell'hacking su WP - non modificare mai i file core. La prima persona che pubblica il modo corretto per ridisegnare l'editor ottiene il mio voto...

t31os

9 ago 2011 03:14:16

Ottimo punto! L'ho modificato in modo che non alteri i file core di WordPress.

GavinR

9 ago 2011 03:26:07

Michael 8.41K · Accepted Answer · 2011-08-09T11:38:38Z

simile alla risposta di GavinR, utilizzando la funzione di WordPress add_editor_style(); (come implementato in Twenty Ten e Twenty Eleven)

nel file functions.php del tuo tema, aggiungi:

add_editor_style();

quindi crea un file editor-style.css nella cartella del tuo tema:

.mceContentBody.wp-editor {     
  background-color: #000;
  color: #fff; 
}

Michael

8.41K

9 ago 2011 11:38:38