質問編集履歴

1

makoto-n

makoto-n score 394

2016/04/21 01:01  投稿

wordpressでjQueryが動かせない。slicknavを使いたいです。
function.phpに記述する方法もあるようですが、header.phpに記述しています。
wordpressが持っているjQueryを使用して、サーバー内にあるslicknav.jsを動作させたいです。
slicknavのurlにミスはないようですが、jQueryのurlに欠点があるのかもしれません。
修正点を教えてください。
jsフォルダは作っていないです。作った方がいいでしょうか?
それと「ハンドル」というワードを検索しても理解できません。
この場合はどこがハンドルになりますか?
<header.php>
```
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="format-detection" content="telephone=no, email=no, address=no">
 <title><?php if( is_single() ): wp_title('|', true, 'right'); endif; bloginfo('name'); ?></title>
 <meta name="description" content="">
 <meta name="keywords" content="">
 <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/original.css">
 <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">
 <!--[if lt IE 9]>
 <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
 <link rel="icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">
 <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">
 <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">
 <meta name="apple-mobile-web-app-title" content="test">
 <meta name="application-name" content="test">
 <meta name="author" content="">
 <?php wp_enqueue_script( 'slicknav', get_template_directory_uri() .'/jquery.slicknav.js', array( 'jquery') ); ?>
 <?php wp_head(); /* Template Name: WP1 */ ?>
 <script>
 jQuery(function () {
 jQuery(document).ready(function(){
   jQuery('#menu').slicknav();
 });
}
 </script>
</head>
<body <?php body_class(); ?>>
<div class="header clearfix">
 <h1 class="md-5 xs-10">
   <a href="<?php echo home_url(); ?>/"><img src="<?php header_image(); ?>" alt="<?php bloginfo('name'); ?>"></a>
 </h1>
 <h2 class="md-5 xs-10"><?php bloginfo('description'); ?></h2>
 <div id="menu" class="clearfix">
   <?php wp_nav_menu(); ?>
 </div>
</div>
```
質問ばかりですみません。
質問ばかりですみません。
追記
---
![4/21](489b558fa98b44958704a6eae088b9ca.png)
  • PHP

    31319 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    12247 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る