In WordPress è semplice collegare il codice JavaScript alle classi CSS di una sezione.
La soluzione è la seguente:
(function( $ ) {
var Site = {
home: function() {
//...
},
single: function() {
//...
}
};
var init = function() {
var bodyClasses = $( "body" ).attr( "class" );
var classes = bodyClasses.split( " " );
classes.forEach(function( c ) {
if( typeof Site[c] === "function" ) {
Site[c]();
}
});
};
$(function() {
init();
});
})( jQuery );