サポート » 使い方全般 » ジャバスクリプトを埋め込みたい。

  • 解決済 cozy-koji

    (@cozy-koji)


    お世話になります。
    サイドバーにジャバスクリプト(DreamweaverのSpry機能で作成したアコーディオン)を埋め込みたいのですが、
    どのようにすれば上手くいくでしょうか?
    ちなみにウィジェット機能は使えない状態です。

    下記が現在の構成です。

    ①head 内に書込み
    <link href=”SpryAssets/SpryAccordion.css” rel=”stylesheet” type=”text/css” />
    <script src=”SpryAssets/SpryAccordion.js” type=”text/javascript”></script>

    ②body 内に書込み ※アコーディオンメニューの内容

    <div id=”Accordion1″ class=”Accordion” tabindex=”0″>
    <div class=”AccordionPanel”>
    <div class=”AccordionPanelTab”><p>テスト</p></div>
    <div class=”AccordionPanelContent”>
    <p>テスト</p>
    <p>テスト</p>
    </div>
    </div>
    <div class=”AccordionPanel”>
    <div class=”AccordionPanelTab”><p>テスト</p></div>
    <div class=”AccordionPanelContent”>
    <p>テスト</p>
    <p>テスト</p>
    </div>
    </div>
    </div>

    ③/body 直前に書込み
     <script type=”text/javascript”>
     var Accordion1 = new Spry.Widget.Accordion(“Accordion1”);
     </script> 

    ④ディレクトリ(/blog/wp-content/themes/※hogehoge)にフォルダ(SpryAssets)を設置

    おわかりになる方がいらっしゃったら、ご教示願います。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • kz

    (@kz)

    <link href="<?php bloginfo('stylesheet_directory'); ?>/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <script src="<?php bloginfo('stylesheet_directory'); ?>/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    トピック投稿者 cozy-koji

    (@cozy-koji)

    kz様

    見事反映されました。
    助かりました。感謝いたします!!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ジャバスクリプトを埋め込みたい。」には新たに返信することはできません。