我想轉換一個引導程序示例網站WordPress的模板,並停留在導航添加引導工具欄菜單使用WordPress
這是我的導航代碼
<!-- Navigation -->
<a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle">
<i class="fa fa-bars"></i>
</a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle">
<i class="fa fa-times"></i>
</a>
<li class="sidebar-brand">
<a class="js-scroll-trigger" href="#top">Start Bootstrap</a>
</li>
<li>
<a class="js-scroll-trigger" href="#top">Home</a>
</li>
<li>
<a class="js-scroll-trigger" href="#about">About</a>
</li>
<li>
<a class="js-scroll-trigger" href="#services">Services</a>
</li>
<li>
<a class="js-scroll-trigger" href="#portfolio">Portfolio</a>
</li>
<li>
<a class="js-scroll-trigger" href="#contact" onclick=$("#menu-
close").click();>Contact</a>
</li>
</ul>
</nav>
和我的functions.php
<?php
function mytheme_setup() {
register_nav_menus(
array(
'footer_nav' => __('Footer Menu', 'bootpress'),
'top_menu' => __('Top Menu', 'bootpress')
)
);
}
add_action('after_setup_theme', 'mytheme_setup');
require_once('wp_bootstrap_navwalker.php');
function bootstrap_nav()
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'depth' => 2,
'container' => 'false',
'menu_class' => 'nav sidebar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
}
function pwwp_enqueue_my_scripts() {
// jQuery is stated as a dependancy of bootstrap-js - it will be loaded by WordPress before the BS scripts
wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array('jquery'), true); // all the bootstrap javascript goodness
}
add_action('wp_enqueue_scripts', 'pwwp_enqueue_my_scripts');
function pwwp_enqueue_my_styles() {
wp_enqueue_style('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
wp_enqueue_style('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
// this will add the stylesheet from it's default theme location if your theme doesn't already
//wp_enqueue_style('my-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'pwwp_enqueue_my_styles');
?>
並顯示此輸出 https://imagebin.ca/v/3aEVBnR3NOjd 我是網絡開發新手,試圖獲得一些知識Ab出引導模板轉換爲WordPress的