-1
我想在我的WordPress主題中實現fullpage.js。一切工作正常,但我無法找到一種方式來使用標準WordPress導航與fullpage.js錨點。fullpage.js和wordpress導航
這是我如何得到我的網頁:
<?php $query = new WP_Query('page_id=5'); ?>
<?php if($query->have_posts()): ?>
<?php while ($query->have_posts()) : $query->the_post(); ?>
<div class="section" id="section0">
<div class="content">
<div class="row">
<div class="col-sm-4">
<div class="content-text">
<h1 class="headline-about"><?php the_title(); ?></h1>
<?php the_content(); ?>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
這是我的頭,包括導航。
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container"><a href="<?php bloginfo('url') ?>"><img id="logo-main" class="img-responsive" src="<?php bloginfo('template_directory'); ?>/img/birnis-logo.png"></a></div>
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<?php
wp_nav_menu(array(
'theme_location' => 'top_menu',
'depth' => 0,
'container' => false,
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_page_menu',
//Process nav menu using our custom nav walker
'walker' => new wp_bootstrap_navwalker())
);
?>
</div><!--/.nav-collapse -->
</div>
</nav>
</header>
這裏我加載fullpage.js
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
verticalCentered: false,
anchors: XXX,
menu: '.nav'
});
});
</script>
有沒有辦法更改代碼,所以我每次添加一個頁面到我的菜單會自動添加一個新的定位?
例如,我使用不同的page_id創建了新的部分。 之後,我將該頁面添加到WordPress後端的我的菜單中。 現在我想要新的列表項滾動到右側部分。
我希望你明白我想達到的目標。
感謝您的時間,您的回答非常感謝!
謝謝您的回答。我改變了代碼,但它沒有幫助。 我想我必須在這裏添加一些東西: 錨點:['firstPage','secondPage'], – MatLeeh
嗯,我雖然已經知道......錨定選項應該包含一個數組作爲詳細的文檔,否則,只是省略它。 – Alvaro