- 締切済み
WordPressでjQueryが自動読込されない
【 WordPress 4.8 】 WordPress.orgでオリジナルテーマをつくっているのですが headにjQueryを呼び出すコードが出てきておりません。 テーマをTwentySeventeenなどに切り替えるとjQueryは読み込まれてます。 ちなみに、今年初めに作成したオリジナルテーマでは jQueryが自動で読み込まれてました。 WordPressではjQueryは自動で読み込まれるものと思っておりましたが 仕様が変わったのでしょうか、それとも、何か別の要因が考えられるのでしょうか
- milano-com
- お礼率100% (36/36)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- AsarKingChang
- ベストアンサー率46% (3467/7473)
関連するQ&A
- wordpressについて
DREAMWEAVERでホームページの作成を勉強しています。 書店でwordpressの本をみたのですが、お問い合わせホームなどが作成できるようですが、 wordpressは、ｊQueryのようにhtmlに記述するものなのでしょうか？ それとも、全く別のものでしょうか？
- ベストアンサー
- CSS
- jQuery読み込みについて プログラミング
ホームページの入力フォーム作成で入力フォーム→確認画面の表示するコードを書いているのですが、実際に書いたコードは一番下のURLにあります」 書き方は下のURL(1)のサイトに載っている書き方と全く同じコードを書いているのですが (1)https://www.web-officer.com/php/how-to-make-inqu … check_contactformという名前の関数を使用するにはjQueryを読み込ませないといけないようで CDN経由でjQueryを読み込みできるらしいのですが、以下のコードGoogleが提供しているコード <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> をcontact.htmlのHeadの中に記入したのですが、すべての<script>タグにtype属性が必要です、と表示されてcheck_contactform関数が起動しません。他のCDNコードでもも同様でした。どうしたら良いでしょうか？書き方が間違っているのでしょうか？ すごく困っています。回答よろしくお願い致します。 コードは下にURL に書いてあります。contact.htmlの中にCDN経由でjQueryを起動するコードをHeadの中に記入しました。 「contact.html」(入力フォーム、check_contactform関数のコード） https://drive.google.com/file/d/15sFCKKJ_kCT3HXKLxqoZT6oaRG5e_csk/view?usp=sharing 「confirmation.php」（確認画面の表示） https://drive.google.com/file/d/1VWREEhXlpajsEHjF-NOeSqeocHmSLnME/view?usp=sharing
- ベストアンサー
- JavaScript
- WordPressのheader.phpの使い方
WordPressでオリジナルテーマを作成しています。 <head>タグ内の記載をページごとに少しだけ変更したいのですが、その場合、header.phpでは</head>を使わない、すなわち閉じないで、front-page.phpやsingle.phpの上部にそれぞれのページに固有の記述をした後に、そのfront-page.phpやsingle.php内でheadタグを閉じてもいいものなのでしょうか？この方法で何か文法違反とかその他不都合な点は生じますでしょうか？
- 締切済み
- HTML
- wordpress内でjquery
wordpress初心者の者です。wordpress内でjqueryを使いたいのですが、その際、jsファイルやcssファイルのリンクの書き方がわかりません。ご存知の方、教えていただければ大変助かります。 ・1行目の「○○○○」の部分はjsファイルのどの単語を入れればいいのでしょうか？ ※jsファイルの内容は下記の通りです。 ・また1行目、2行目の「template_url」の部分はそのままでいいのでしょうか？もしくは固定ページのテンプレートファイルを指定するのですか？ （template-fullwidth.phpのようなファイル） ・2行目の「●●●●」の部分はスタイルシートの＃以下の単語を記載するのでしょうか？ ※スタイルシートの内容は下記の通りです。 <?php wp_enqueue_script('○○○○', get_bloginfo('template_url') . '/js/jquery.map.js', array('jquery')); ?> <?php wp_enqueue_style('●●●●', get_bloginfo('template_url') . '/css/map.css'); ?> <?php wp_head(); ?> 【以下jsファイルのソースコード（下の部分は省略）】 google.load("maps", "3.x", {"other_params":"sensor=false"}); function initialize() { var myLatLng = new google.maps.LatLng(35.44730, 139.63450); //マップの中心座標 var myOptions = { zoom: 17, //ズームレベル center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'style'] } }; map = new google.maps.Map(document.getElementById("map"), myOptions); new google.maps.Marker({ position: new google.maps.LatLng(35.44696, 139.63438), //アイコンの中心座標 map: map, icon: "icon.png" //アイコン画像 }); 以下省略 【cssの内容】 @charset "utf-8"; html,body{ width: 100%; height: 100%; } #map{ width: 100%; height: 100%; }
- ベストアンサー
- CSS
- wordpressでMOREタグが効かない
Wordpressのオリジナルテーマを作り、 試しに記事を投稿してMOREタグを入れたのですが、サイトを表示させてトップページの記事一覧が出るところに続きを読むが出てきません。何か原因がありますか？ ちなみにこのサイトの通りにやってみたのですが。他のテーマにするとちゃんと表示されます。 http://stocker.jp/diary/wordpress-tutorial/
- ベストアンサー
- デザイナー・クリエイティブ職
- たすけて！ｊQueryがさっぱりわかりません！
Dreamweaverでサイトを制作しています。 ｊQueryは何をどこにダウンロードして何をどこにうちこめばいいのか？ さっぱりわかりません…。 http://jquery.com/からなにかをダウンロードするということはわかるのですが…。いろいろありすぎて何をダウンロードすればいいのか…。 しかもダウンロードしたファイルはどこに保存してどうやってhtmlとむすびつけるのか。 タグはhtmlのどこに書けばいいのか、くわしく赤ちゃんに説明するつもりで教えていただけると助かります。 ちなみに（http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/）を使いたいのです。 サイトを見たのですがこのコードはどこにいれたらいいのかさっぱりわかりません。 head内なのかbodyなのかはたまた別でcssを作るのか？ 【質問まとめ】 ・（http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/）のギャラリーをつかいたいが取り込み方がわからない。 ・上記URLからのダウンロード以外で（http://jquery.com/）からのダウンロードは必要なのか？ ・ダウンロードしたものはファイルのどこにいれたらいいのか。 ・どうすれば現在つくっているhtmlにｊｓをむすびつけられるのか？ ・head、bodyそれぞれになにをいれたらいいのか？ ・ともかくなにをどこにいれたらいいのかさっぱりわかりません。 ・こういうものは$(function(){})どこにいれたらいいのか、これはなんなのか？ 質問が多くてすみません。どうかよろしくお願いします。
- 締切済み
- JavaScript
- WordPressでブログのカスタマイズについて
仕事でWordPressで動的なホームページを作成する依頼を何件かこなしているうちにWordPressの高いカスタマイズ性に惚れ込んで、自分のブログも作ってみたいという衝動にかられ、ブログサイトの設計図を引いたまでは良かったのですが…。 PHPの知識もない事に気づき、困っています。 ネットを見てもこれと言ったソースなどありませんでした。 具体的には、余所のブログサービスと同様に メインにはカテゴライズせずに最新の記事を5件だけ全文表示という仕様。 カテゴライズや月別アーカイブはサイドバーに表示させたいのでウィジェットで何とかなるかと。 何故こうなったかは、骨組みだけのオリジナルテーマを使ったので、何も表示されないのです。 どなたか教えて下さい。
- 締切済み
- ブログ
- WordPress 本文の位置を・・
こんにちは。 現在WordPressで、Patagoniaというテーマを使っています。 テーマURL： http://wordpress.org/extend/themes/patagonia このテーマで、本文の位置を少し右に移動したいのですが、CSSをいじると、タイトルなどのメインエリアに含まれているもの全てが、右に移動されてしまいます。 あと、通常通り改行したときと、長文を打って自動的に改行されたときで、列の感覚が違います。これも、marginやpaddingをいじって見てもうまくいきません。。 どうすれば、よくなるでしょうか！？ お願いします＞＜教えてください。。
- ベストアンサー
- ブログ
- wordpressとtooland(自動相互リンク設定)
突然すいません。 wordpressでホームページを作成しています。 このたびリンクページを充実させようと自動相互リンクを設置しようと思いました。 それでtoolandで指示に従って設置しようとしたのですが、思うようにいきません。 toolandを設置したいのはwordpressを利用して作った http://www.○○.jp/linkのページ(linkは自分で命名）です。 しかし、「too-search設置ＵＲＬに該当するディレクトリに、ファイルをアップロード」というのですが、それがどのディレクトリなのか分かりません。 wordpressのディレクトリの中のthemeを探してみても自分の作成したはずのlinkのページが見つかりません。 一体どこにファイルをアップロードすればいいのかご教授よろしくお願いいたします。 （tooland以外でも自動相互リンクの設定を試みましたが、同様の壁にあたってしまい困っています。よろしくお願いします。）
- 締切済み
- ホームページ作成ソフト
- jQueryでCSSの背景画像を切り替えたい
見出しをクリック後にCSSで指定している背景画像を変えるため、jQueryでCSSを変更させてみたところ上手くいきません。 jQueryで指定する変更後の背景画像を絶対パスに換えたら上手くいったので、 パスの指定方法が悪いところまでは分かったのですが、相対パスでの指定方法がわからなくなりました。 WordPress環境で下記のコードを使用しています。 ご教授の程、よろしくお願い致します。 【 jQuery】 ○ディレクトリ ： テーマフォルダ/js/change.js jQuery(function() { jQuery("h3 div.class").hide(); jQuery("h3").click(function() { jQuery(this).next().slideToggle("fast"); jQuery(this).css("background-image" , "url('img/pic2.jpg')"); }); }); 【CSS】 ○ディレクトリ : テーマフォルダ/style.css h3 { background: #7c8187; background-image: url(img/pic.jpg); cursor: pointer; } 【画像】 ○ディレクトリ : テーマフォルダ/img/pic.jpg テーマフォルダ/img/pic2.jpg
- ベストアンサー
- CSS
お礼
ありがとうございます。 ほぼ同じスケルトンな上、何度やっても同じ結果でした。 最終的に、jQueryはfunctions.phpを使って呼び出すか、もしくは、CDNを使うのでそれ自体は問題ないのですが、どこかが根本的に不完全なところがあって、何か別の場所で別の不具合が出るのかもと心配してたりもしてました。こういう現象はよくあることなのかも全く分からず何となく気持ちが悪く放置してよいものか考えておりました。 CSSはページごとによく条件分岐はするのですが、そうですね、おっしゃられるとおり、jQueryやJSも条件分岐するととてもよさそうですね。今回それらを多く使いそうですので、ぜひやってみたいと思います。 丁寧なコメント感謝します。