Come passare un foglio di stile ad un plugin wordpress

wordpress-immagine-anteprima2
  

Andando a creare dei plugin da zero per dei miei clienti mi sono studiato su come passare correttamente un foglio di stile a un plugin wordpress.

 

Ci sono diversi modi per farlo (ovviamente) possiamo passare lo stile in linea all’elemento oppure creare una funzione che “apra” la head del nostro tema attraverso l’hook wp_head() ed inserire proprio lì il nostro file CSS.

 
[code language=”php”]

function style_plugin()
{ ?>
<style>
#elemento{
background: #F7F7F7;
margin: 0 15px 15px 15px;
padding: 10px 20px 0 15px;
border: 1px solid #E6E6E6;
}
</style>
<?php }

add_action(‘wp_head’, ‘style_plugin’);

[/code]
 
Ma non è la soluzione ideale per me poiché appesantisce la head di tutto il sito.
Ho trovato sempre sul sito ufficiale WordPress questa soluzione molto più performante:
 
[code language=”php”]

<?php wp_enqueue_style( $handle, $src, $deps, $ver, $media ); ?>

[/code]
  
$handle: questo sarà il nome dello script (per esempio “style_plugin”)

$src: qui si dovrà mettere la url dello css, sia locale come “http://example.com/css/mystyle.css” che da CDN (vedremo assime in seguito)

$deps: questo parametro è da utilizzare in caso il file dipenda da altri, in caso contrario si può anche non inserire.

$ver: qui si dovrà inserire la versione del file altrimenti verrà pressa quella di WordPress installata, si può anche omettere.

$media: Stringa che specifica il supporto per il quale è stato definito questo foglio di stile. Esempi: ‘all’, ‘screen’, ‘handheld’, ‘print’.

  

Il parametro plugins_url serve ad indirizzare già senza impazzire WordPress nella cartella desiderata

 
 
Alla fine la mia ricerca si riassume in questo:

[code language=”php”]

<?php wp_enqueue_style( ‘style’, plugins_url(‘css/style.css’)); ?>

[/code]
 
Spero che questo articolo sia stato d’aiuto. Grazie.