• 解決済 9-taro

    (@9-taro)


    wordpress内でjqueryを使いたいのですが、その際、下記のようなjsファイルやcssファイルにリンクの書き方がわかりません。

    wordpress初心者の者です。wordpressでjqueryを使う際の記述についてご存知の方、教えていただければ大変助かります。

     ・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%;
    }

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • wp_enqueue_script
    wp_enqueue_style
    ともに、最初の引数(○○○○や●●●●)はハンドルとなり
    第三引数で、読み込み順序を指定する際に使用するもので
    他のハンドルと被りさえしなければなんでも構いません
    <?php wp_enqueue_script('○○○○', get_bloginfo('template_url') . '/js/jquery.map.js', array('jquery')); ?>
    上の場合ですと第三引数にあるjqueryというハンドルで登録されたjacascriptのあとに
    読み込ませる。ということです。

    使用するテーマの名前を接頭語にしてやれば
    まずかぶることはないとおもうので
    jquery.map.js
    をテーマ my_themeで使用する場合には
    my_theme_jquery_map
    とでもしておけばいいでしょう

    cssも同様です。

    トピック投稿者 9-taro

    (@9-taro)

    この度は、私の質問に丁寧にご回答ありがとうございます。
    おかげさまで助かりました。
    あと、もう一点ですが、
    「template_url」はそのままで大丈夫でしょうか?
    もしお手すきの時にでもご回答いただければ助かります。

    そのままで問題ありません。
    この場合はテーマの中にjsディレクトリを作りその中にjsファイルを入れてやれば大丈夫です。

    トピック投稿者 9-taro

    (@9-taro)

    早速、ご回答ありがとうございます。
    おかげさまで問題解決できました。
    また機会がありましたら、よろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「jqueryのjs及びcssファイルのリンクの貼り方について」には新たに返信することはできません。