lunedì 14 luglio 2014

Modificare o aggiungere codice CSS in una sola pagina di Wordpress

Come fare se si vuole modificare il codice CSS solo in una pagina di wordpress?
Per esempio, abbiamo un testo, e solo in quella pagina vogliamo modificarne la dimensione.

Basta aggiungere il seguente codice al file functions.php del tema Wordpress che stiamo utilizzando.
Per fare questo si puó accedere direttamente all'editor dal pannello di controllo, non c'è bisogno di andare a editare i file a mano.

Il codice da inserire è questo:

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');
 }
 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();
 }
 }

Una volta salvato il file con la modifica, comparirà nel pannello di editor della pagina una finestrella per inserire il codice css.

Nessun commento:

Posta un commento