我正在尝试在 Wordpress 上使用带有自定义主题的SlickNav。我觉得好像我已经尽了一切努力让它发挥作用,但没有找到任何有类似问题的人。该网站还没有上线,所以我没有链接可以分享,恐怕。
首先,我按照插件网站上的说明安装了 SlickNav(在添加 Wordpress 相关代码之前工作正常),然后我尝试针对 Wordpress 修改它。在我的functions.php中,我添加了“菜单”的ul ID:
}
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
register_nav_menus(
array(
'main-menu' => __( 'Main Menu' ),
'menu_id' => 'menu'
)
);
Run Code Online (Sandbox Code Playgroud)
在我的 header.php 中,在 head 标签内但在调用 wp_head 和 body 标签之前添加了以下内容:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/css/slicknav.css" />
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.slicknav.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
并在调用 wp_footer 和结束 body 标签之前在我的 footer.php 中添加了这个:
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.slicknav.js">
$(document).ready(function(){
$('#menu').slicknav();
prependTo:'#demo1'
});
</script>
Run Code Online (Sandbox Code Playgroud)
我尝试用<?php bloginfo("template_url"); ?> …