E’ possibile agire con i CSS anche separatamente per ogni pagina o articolo
creando un tema child che ti consente di fare modifiche senza alterare il tema:https://codex.wordpress.org/it:Temi_Child
e inserendo poi nel file “functions.php” quanto segue:

<?php /*INSERISCE MODIFICA CSS SU PAGINE E ARTICOLI WORDPRESS*/
add_action('admin_menu', 'custom_css_hooks');
 add_action('save_post', 'save_custom_css');
 add_action('wp_head','insert_custom_css');
 function custom_css_hooks() {
 add_meta_box('custom_css', 'Custom CSS', 'custom_css_input', 'post', 'normal', 'high');
 add_meta_box('custom_css', 'Custom CSS', 'custom_css_input', 'page', 'normal', 'high');
 add_meta_box('custom_css', 'Custom CSS', 'custom_css_input', 'product', 'normal', 'high'); /*inserimento su pag. product di Woocommerce*/
 }
 function custom_css_input() {
 global $post;
 echo '<input type="hidden" name="custom_css_noncename" id="custom_css_noncename" value="'.wp_create_nonce('custom-css').'" />';
 echo '<textarea name="custom_css" id="custom_css" rows="5" cols="30" style="width:100%;">'.get_post_meta($post->ID,'_custom_css',true).'</textarea>';
 }
 function save_custom_css($post_id) {
 if (!wp_verify_nonce($_POST['custom_css_noncename'], 'custom-css')) return $post_id;
 if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) return $post_id;
 $custom_css = $_POST['custom_css'];
 update_post_meta($post_id, '_custom_css', $custom_css);
 }
 function insert_custom_css() {
 if (is_page() || is_single()) {
 if (have_posts()) : while (have_posts()) : the_post();
 echo '<style type="text/css">'.get_post_meta(get_the_ID(), '_custom_css', true).'</style>';
 endwhile; endif;
 rewind_posts();
 }
 }

Dopo aver realizzato il tema child ed aver inserito il codice sopra in “functions.php”, nelle pagine e articoli in fase di produzione comparirà una piccola schermata (vedi screenshot sotto) per integrare i CSS che saranno validi SOLO per quella pagina.

modifica-css-wordpress

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...