Creé una plantilla de página personalizada para crear una página fullpage.js con contenido proporcionado por ACF. Independientemente de lo que esté tratando de hacer, no puedo hacer que fullpage.js funcione en esta página. Este es el código de mi página:

 <?php /* Template Name: Landrovers story new */ ?> <?php get_header(); ?> <header class="header <?php if(get_field( 'header_slider' ) && count(get_field( 'header_slider' )) > 1) : ?>slide-active<?php endif; ?> <?php if(get_field( 'header_not_fullscreen' )) : ?>remove-fullscreen<?php endif; ?>"> <?php if(get_field( 'mobile_no_slider') && wp_is_mobile() || !get_field( 'header_slider' )) : ?> <?php get_template_part('partials/header', 'solo'); ?> <?php else : ?> <?php get_template_part('partials/header', 'slider') ?> <?php endif; ?> </header> <div id="fullpage"> <div class="section" style='background-color:orange;'>Some section</div> <div class="section" style='background-color:white;'>Some section</div> <div class="section" style='background-color:blue;'>Some section</div> <div class="section" style='background-color:purple;'>Some section</div> </div> <script type="text/javascript"> new fullpage('#fullpage', { //options here autoScrolling:true, scrollHorizontally: true }); </script> <?php get_footer(); ?>

Para las pruebas, solo creé algunas secciones de prueba. Functions.php agrega los archivos .css y .js necesarios a la página con la siguiente función (probada y cargada en la página):

 function fullpagejs_scripts() { wp_enqueue_script('fullpage_js_file', '/src/fullpage/fullpage.js', array('jquery'), '', false); wp_enqueue_style('fullpage_css_file', get_template_directory_uri(). '/src/fullpage/fullpage.css'); } add_action('wp_enqueue_scripts', 'fullpagejs_scripts');

La página de prueba: https://www.the-landrovers.com/dream-defender-journey-copy/

No puedo entender cómo hacer que esto funcione. ¿Alguien tiene experiencia con la implementación de fullpage.js en una plantilla de página de wordpress?