サポート » 使い方全般 » jqueryプラグインの設置方法

  • 閲覧ありがとうございます。
    ローカル環境で既存テーマを編集しながら勉強しています。
    jqueryプラグインを使用してみたいのですが上手くいきません。

    jsファイルをテーマと同じフォルダ内にアップロードし、既存のテーマの
     ・header.php
      <head>内に      
        <?php wp_deregister_script(‘jquery’); ?>
        <script src=”” target=”_blank”>http://ajax.googleapis.com/ajax/libs/jquery/2.1. …
        <script src=”” target=”_blank”>http://code.jquery.com/color/jquery.color-2.1.0. …
        <script src=”jsファイルの場所”></script>
      <body>の下に
         <div id=”~”>
     ・footer.php
          </body>の手前に</div>
          配布サイトにあったプラグインの内容設定用のスクリプト<script>$( function() {~省略~

    を書いてみたのですが動きません。ページが単体ではなく、wordpressのテーマはPHPファイルに分割されているので、それぞれのファイルに書いてみましたが、見当違いでしょうか。
    それとも既存テーマを使用していて自分が把握できていないところで何か重複などしてしまっているのでしょうか。
    ローカルサーバーの外では動いたHTMLファイルとjsファイルをwordperssのテーマフォルダ内に入れてみたのですがそれも動きません。

    質問に必要な情報がそろっているかもわからないため、使用テーマやプラグインの情報が必要であれば指摘してくだされば助かります。
    よろしくお願い致します。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • モデレーター Okamoto Hidetaka

    (@hideokamoto)

    まずはエラーが出ていないか確認しましょう。
    開発ツールを見ることでJSエラーが出ていないか確認できます。
    http://www.buildinsider.net/web/chromedevtools/01

    トピック投稿者 すいれん

    (@16eir)

    テスト

    トピック投稿者 すいれん

    (@16eir)

    ありがとうございます。
    jsファイルが取得できなかったようで置き場所をテーマ内から外へ変更したところエラーはでなくなりました。
    シンプルなHTMLファイルのサンプル上では動かすことができましたが、実際にブログのテーマに設置しようとするとテーマによって動きません。
    同じ方法でエラーが出ず動くものと下記のようなエラーが出てしまうものがあります。

    トピック投稿者 すいれん

    (@16eir)

    申し訳ないのですが、何が原因なのかわからないのですが、URLなどを含む長文ですと返信ができません。
    補足等書き込みしたいのですが投稿できず回答ができない状態です。

    トピック投稿者 すいれん

    (@16eir)

    解決法がわからないためURLなどを削除して投稿させていただきます。

    エラーメッセージより別名定義起因のエラーだと判断しfunctionの前の$をjQueryに書き換えたところ、エラーは出なくなりました。

    ・使用したいプラグイン
     背景の色を変更するもの。URL:
    ・使用してみたテーマ
     [glossyblue] 動かすことができましたが、固定ページやブログ記事の背景は変更できません。
    [oxygen] CSSでも背景が細かく設定されておりどこをいじればいいか検討もつきません。

    プラグインに限らず、解説サイトの練習用のサンプルなどでは理解できても、実際テーマを作ろうとしたりDLしたテーマを見ると、複雑すぎて理解ができません。自ら制作したものではないため構造が理解できていないことが問題だと思うのですが、使えるようになるため理解していくヒントはありますでしょうか。
    オリジナルテーマを作れるほどのスキルは求めておらず、既存のものをカスタマイズ出来るレベルを目指しているのですが必要な勉強はどのレベルまで必要でしょう。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「jqueryプラグインの設置方法」には新たに返信することはできません。