web-dev-qa-db-fra.com

Utilisation d'un fichier javascript pour accéder à un tableau get posts

Je voudrais utiliser des flèches pour changer dynamiquement les posts qui apparaissent dans une div en passant par un tableau de 5 posts. Comment pourrais-je aborder cette question?

J'ai fait le tableau que la fonction get posts est assignée à une variable globale, mais c'est la seule chose que j'ai faite jusqu'à présent, car je suis un peu perplexe. J'ai essayé d'utiliser le journal de débogage pour imprimer le tableau afin de comprendre comment l'utiliser, mais cela n'a aucun sens.

Cela aurait-il quelque chose à voir avec wp_localize_script ()? Aussi, je cherche à en avoir trois sur ma page d'accueil, donc, si j'utilise wp_localize_script (), puis-je l'utiliser trois fois? Passer trois tableaux distincts de postes?

2
Stefanos Vorkas

Oui, vous recherchez wp_localize_script() . En finir avec le global.

add_action( 'wp_enqueue_scripts', 'wpse_enqueue_scripts' );
function wpse_enqueue_scripts() {
    wp_enqueue_script( 'wpse-main', get_template_directory_uri() . '/path/to/script.js', array(), false, true );
    wp_localize_script( 'wpse-main', 'wpseVars', array(
        'postsLoop1' => json_encode( /* first post array */ ),
        'postsLoop2' => json_encode( /* second post array */ ),
        'postsLoop3' => json_encode( /* third post array */ )
    ) );
}

Ensuite, dans votre script, vous pouvez accéder aux variables en saisissant wpseVars.postsLoop1, wpseVars.postsLoop2, etc.

1
brianjohnhanna