Aggiungi CSS a Php Plugin Wordpress

Question

Ho scritto un semplice plugin che imposta un codice css usando wp_options. Sembra tutto simile come questo:

add_action('init','easy_style'); 

function easy_style() 
{ 
    ?> 
    <style> 
    #header a { 
     color: <?php echo get_option('topcolor'); ?>; 
     font-size: <?php echo get_option('topsize'); ?>px; 
     <?php 
      if (get_option('topstyle') == "bold") 
      { echo "font-weight: bold;"; echo "font-style: normal;"; } 
      elseif (get_option('topstyle') == "italic") 
      { echo "font-style: italic;"; echo "font-weight: normal;"; } 
      elseif (get_option('topstyle') == "bolditalic") 
      { echo "font-weight: bold;"; echo "font-style: italic;"; } 
      else { echo "font-weight: normal;"; echo "font-style: normal;"; } 
     ?>; 
    } 

    </style> 
    <?php 
} 

Ora questo funziona, ma se posso attivare la mia "Modulo di contatto 7" plug-in, il modulo di contatto 7 non funziona più. Non può inviare messaggi. Quindi penso che quello che faccio sia sbagliato. Se rimuovo questo pezzo di codice, il modulo di contatto funziona di nuovo ...

Penso di sbagliarmi perché il css deve essere caricato nell'intestazione, no? Quindi quello che pensavo di fare come test è inserire lo stesso codice nell'intestazione. Comunque alcuni altri css (non so dove) li sovrascrivono, quindi anche questo non funziona.

Penso che ci siano alcune funzioni di wp per aggiungere codice css all'intestazione ma non so quanto sia esatto.

Qualche idea?

Grazie

Answer 1

ho risolto il mio problema caricando nel file styles.css, modificarlo e salvare di nuovo

Answer 2

Forse il plugin che si sta utilizzando vuole mandare alcuni header HTTP.

Dal momento che si sta utilizzando il gancioinit (descritto qui: http://codex.wordpress.org/Plugin_API/Action_Reference/init) si esegue alcune azioni quando gli sviluppatori di plugin ritengono che le intestazioni non sono già inviati.

Ma dal momento che si invia un output (echo alcuni stili) si stanno forzando le intestazioni da inviare prima. Ti suggerisco di utilizzare un altro hook che si verifica dopo che l'output è già stato avviato.

Aggiornamento: è possibile utilizzare la funzione wp_enqueue_style (riferimento qui: http://codex.wordpress.org/Function_Reference/wp_enqueue_style) in quanto è il metodo consigliato per visualizzare gli stili. Hai solo bisogno di salvare quelle regole in un file css e fare un accodamento per caricarlo prima che la funzione wp_head sia chiamata

Answer 3

Un modo sicuro per aggiungere CSS al tuo plugin è usare wp_enqueue_style.

/** 
* Register with hook 'wp_enqueue_scripts', which can be used for front end CSS and JavaScript 
*/ 
add_action('wp_enqueue_scripts', 'prefix_add_my_stylesheet'); 

/** 
* Enqueue plugin style-file 
*/ 
function prefix_add_my_stylesheet() { 
    // Respects SSL, Style.css is relative to the current file 
    wp_register_style('prefix-style', plugins_url('style.css', __FILE__)); 
    wp_enqueue_style('prefix-style'); 
} 

Reference.

Answer 4

In un plugin dev, non dimenticate di inviare il riferimento del controllo class ($this)

add_action('wp_enqueue_scripts', array($this,'prefix_add_my_stylesheet'));