Wordpress のカスタム テーマでSlickNavを使用しようとしています。私はそれを機能させるためにあらゆることを試みたように感じますが、同様の問題を抱えている人を見つけることができませんでした. サイトはまだ公開されていないため、共有するリンクがありません。
まず、プラグインの Web サイトの指示に従って 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'
)
);
私の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>
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>
<?php bloginfo("template_url"); ?>を、Wordpress フォーラムで見つけたありとあらゆるバリエーションに置き換えてみました。ディレクトリへのハードリンクに置き換えても、何も機能しませんでした。
次に、それをすべて削除し、これを functions.php に追加しました。
function slicknav_scripts() {
wp_enqueue_script( 'jquery' );
wp_register_script( 'jqueryui', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js');
wp_enqueue_script( 'jqueryui' );
wp_register_script( 'slicknav', get_template_directory_uri().'/js/jquery.slicknav.min.js');
wp_enqueue_script( 'slicknav' );
wp_register_style('slicknavcss',get_template_directory_uri().'/css/slicknav.css');
wp_enqueue_style('slicknavcss');
}
add_action('wp_enqueue_scripts', 'slicknav_scripts');
これを私のheader.phpに追加しました。それがうまくいかなかったとき、私はそれを削除して私の footer.php に追加しました:
<script type="text/javascript">
jQuery('#myelement').slicknav();
</script>
それがうまくいかなかったとき、私はすべてを削除し、振り出しに戻りました<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>が、おそらくそれがjqueryの問題であると仮定して、を削除しました。しかし、それはうまくいきませんでした。
この時点で、考えられるすべてのことを試してみた結果、答えが非常に単純であるかどうか疑問に思い始めています/私の鼻のすぐ下にありますが、私はそれをあまりにも長く見つめていました. どんな助けでも大歓迎です。