Una tecnica molto comune usata dai plugin e dai temi di WordPress è quella di dichiarare variabili JavaScript globali all'inizio di ciascuna pagina.
Implementare questa tecnica nel file header.php
è semplice:
<head>
<?php $my_slideshow_items = get_option( 'my_slideshow_items' );
$my_slideshow_effect = get_option( 'my_slideshow_effect' );
?>
<script type="text/javascript">
var mySlideshowConfig = {
items: <?php echo $my_slideshow_items; ?>,
effect: "<?php echo $my_slideshow_effect; ?>"
};
</script>
<?php wp_head(); ?>
</head>
Questa tecnica può essere implementata in modo meno intrusivo usando la action wp_head
. Tuttavia a livello JavaScript bisogna sapere che stiamo di fatto utilizzando un antipattern, ossia una pratica deprecata.
Una soluzione migliore è quella di utilizzare gli attributi di dati sugli elementi.