• 締切済み

wordpressでハンバーガーメニュー

今、Wordpressでこちらのハンバーガーメニューをつけようと頑張っています。 http://www.misallychan.com/entry/2016/07/27/185000 それで、jQueryの「$」を「jQuery」に変換しているんですが、 すでに元のコードが「jQuery(function($){」こんな感じのコードの場合 Wordpressでは、どんな文字に変更すればいいですか？ よろしくお願いします。

noname#247523
noname#247523

みんなの回答

  • 4017B
  • ベストアンサー率73% (1305/1776)
回答No.1

そのまま何も変更せずにOKです。 WordPressでjQueryを使う場合の注意点として良くweb記事などで書かれていますが、WP本体が最新版で他に競合するJSライブライを使っていないのであれば、全部＄表記のままでも問題ありません。 仮に＄をjQueryへ変更する場合でも、一番外側の大枠の部分だけ改変して置けばOKです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • wordpress カテゴリのドロップダウン

    wordpress、ウィジェットのカテゴリをドロップダウン表示にした際、以下になります。 <option value='-1'>カテゴリーを選択</option> 以下、続く・・・ この「カテゴリーを選択」の文字を変更するにはどこを編集しますか？ jQueryで無理やり、 jQuery("select option[value='-1']").text("変更後のテキスト"); などと試しましたが、ソースのみ変更され出力はそのままでした。。

    • ベストアンサー
    • PHP
  • wordpressでcookie.jsを使う

    wordpressの初心者です。 こちら http://blog.idea-clippin.com/?p=129 の機能をwordpressで作っているサイトに搭載したいと考えています。 jsは別の部分でつかっていて動くので indexと同じ階層にjsフォルダを作りその中にjquery.layerBoard.jsをつっこみ imgフォルダに同じ画像名の画像を。 hederとbodyにコピペをしたのですが、文字しか出なかったのでおそらく欠けているのはcookie.jsと考えています。 cookie.jsを入れれば使えるとおもうのですが、紹介サイトでも省略されていていまいちよくわかりませんでした。 https://github.com/carhartl/jquery-cookieは見てみたもののリンク切れなのかダウンロードボタンはありませんでした。 ワードプレスにcookie.jsを導入するにはどのような方法がありますか？

  • wordpressでのサイドバーの編集

    wordpressのテーマTwenty Eleven 1.3で http://arunesam.com/を作っています。 これの左サイドバー 「メニュー」以下を文字が枠で囲われていて、 オンクリックで枠の中の色が全部かわるようにしたいんですが、 どうしてもできず、本を調べるにもどういうキーワードで探せばいいのか わからずお手上げ状態です。お願いします。 「文字が枠で囲われていて、オンクリックで枠の中の色が全部かわるようにしたい」 っていうのは、専門用語ではどういう言葉で表現されるのかだけでもわかれば 大変ありがたいです。 ※参考としては http://www.f-danwashitsu.com/taiken.html の左サイドバーの「サービスメニュー」以下みたいにしたいんですが こちらはwordpressで作ったサイトではないと思いますが・・・

    • 締切済み
    • CSS
  • wordpressにjavascriptを挿入する方法について

    はじめまして！wordpressにjavascriptをコードを挿入し作動させる方法が理解できず、 教えていただきたく投稿致しました。 私の知りたいこと ----------------------------------------------------------------------------- こちらのテーマに、 http://templates.arcsin.se/simple-organization-wordpress-theme/ こちらのdemo6を埋め込みたいのです。 http://www.ihwy.com/Labs/demos/current/jquery-listmenu-plugin.aspx mission statement とnexteventの下／記事の上にツッこみたいわけです。 ※不明である場合は投稿記事の中でも知りたいです ----------------------------------------------------------------------------- そのjsのソースコードはこちら http://www.ihwy.com/Labs/jquery-listmenu-plugin.aspx 尚、下のほうにある、DownloadVersion 1.1にソースがあります。 ひらきますと・・・・長いので割愛。。。 要はjavascriptの基礎がわかっていないためですが、、 急いでwebサイトを構築しているためこのようにさせていただきました。 「js」という名前のカスタムフィールドにJavaScriptを記述することで・・・ cssにpathを設定・・・・ header.phpにjsを宣言・・・・ このへんがキーかと思いますが、 うむむ。。よくわかりません。。 なにとぞ、「私の知りたい事」に対する 御回答を宜しくお願いします。

  • WordPressをutf-8以外の文字コードで動かす方法を教えてください

    WordPressを会社のサーバーに入れようと思っています。 しかし、わけあってPHPのphp.iniの設定を変更することができません。（現在の設定はshifft-jisになっている） どなたか、WordPressを別の文字コードで文字化けせずに動かす方法がありましたら教えていただけませんでしょうか。 もしくは、WordPressにだけPHPの文字コード設定を変えることはできませんでしょうか。 プログラム初心者で大変申し訳ございません。何卒、ご教授の程よろしくお願い致します。

  • wordpressにjqueryを使う

    wordpress初心者の者です。 現在wordpressで海外のテンプレートを使っています。 その中で、wookmarkというjqueryを固定ページに使いたいのですが、 jqueryの元ファイルのhtmlのコードの中に、下記のようなリンク部分があるのですが、 １行目の「jquery.min.js」は読み込む必要ありますでしょうか？ <!-- include jQuery --> <script src="../libs/jquery.min.js"></script> <!-- Include the imagesLoaded plug-in --> <script src="../libs/jquery.imagesloaded.js"></script> <!-- Include the plug-in --> <script src="../jquery.wookmark.js"></script> またその下に下記のような記述があるのですが、これはヘッダーに 貼付ければよろしいのでしょう？？ ご存知の方教えてください。 <!-- Once the page is loaded, initalize the plug-in. --> <script type="text/javascript"> (function ($){ $('#tiles').imagesLoaded(function() { // Prepare layout options. var options = { autoResize: true, // This will auto-update the layout when the browser window is resized. container: $('#main'), // Optional, used for some extra CSS styling offset: 2, // Optional, the distance between grid items itemWidth: 210, // Optional, the width of a grid item fillEmptySpace: true // Optional, fill the bottom of each column with widths of flexible height }; // Get a reference to your grid items. var handler = $('#tiles li'), filters = $('#filters li'); // Call the layout function. handler.wookmark(options); /** * When a filter is clicked, toggle it's active state and refresh. */ var onClickFilter = function(event) { var item = $(event.currentTarget), activeFilters = []; if (!item.hasClass('active')) { filters.removeClass('active'); } item.toggleClass('active'); // Filter by the currently selected filter if (item.hasClass('active')) { activeFilters.push(item.data('filter')); } handler.wookmarkInstance.filter(activeFilters); } // Capture filter click events. filters.click(onClickFilter); }); })(jQuery); </script>

  • MovableTypeとWordPress

    私は個人で居酒屋を細々と営んでいる者です。 今回ホームページを作ろうと思いましたが、予算があまりとれないので知人よりデザイナーさんを紹介してもらいました。 居酒屋のメニュー等は季節毎に変更している為、自分で更新したいと伝えたところ MovableTypeかWordPressにしたら良いと言われたのですが、私自身、素人なのでどちらが良いのかわかりません。 色々検索してみると、カスタマイズ性や海外でのシェアは…等、技術的？な事は載っているのですが… カスタマイズするのでは無く、文字を変更するだけの場合、私の様に知識が全く無くても使い易いのはどちらでしょうか？ また、ホームページを閲覧していただくお客様のメリット、デメリット等はあるのでしょうか？ どうぞ、よろしくお願い致します。

  • jQueryでプルダウンメニュー

    jQueryでプルダウンメニューを作ろうと思いまして、 とりあえず、リストにカーソルを合わせるとネストしたリストが表示されるようにしてみましたが、 うまく動きません。どうしてでしょうか？ ソースです↓ <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"> </script> <script type="text/javascript"> google.load("jquery", "1"); </script> <script type="text/javascript"> $(function(){ $(ul li).hover( function(){ $(this).children(ul).show();}, function(){ $(this).children(ul).hide();} ); }); </script> </head> <body> <ul> <li>MENU <ul style="display:none;"> <li>sub-MENU1</li> <li>sub-MENU2</li> </ul> </li> </ul> </body> </html>

  • Wordpressについて困っています。

    Wordpressのプラグイン、AddQuicktagについて、どうしても分からないことがあります。 私は今Wordpressを色々いじくっているのですが、困っている点があります。 まず、ビジュアルエディターの画面でWPに元から付属している文字装飾などを挿入するとビジュアルエディター上で文字に反映されます。 しかし、ビジュアルエディターの画面でAddQuicktagの文字装飾などを挿入すると、何故かこちらはビジュアルエディター上では何も反映されません。（※テキストエディタに切り替えるときちんとタグが入っています） わたしはビジュアルエディターが好きで、自分で好みで入れたAddQuicktagタグをビジュアルエディターで使いたいと思っているのですが、タグを入れても見た目に反映されないのでは、すごくやり辛くて困っています。 そこで質問です。 Q1、ビジュアルエディター上でAddQuicktagを挿入しても見た目には反映されないのはWordpressのそういう仕様なのか？ それとも私が何かマズイことをしてしまったのか Q2、もしビジュアルエディター上でもAddQuicktagが反映されるのであれば、何をどう設定すればそうなるのか？ 長くなってしまいましたが、どなたか分かる方がいらしたら教えて頂けると幸いです。

  • ロリポップでのwordpress設定について

    すみません、詳しくないので教えていただけたら大変助かります。状況としてwordpressにアクセスできないです。下記の経緯があります。 ロリポップにて公開フォルダ（フォルダ名：shishikon）にwordpressを設置し、データーを入力してロリポップ側で提供するサブ的なドメインで表示させていましたが。この時点では特段問題なくwordpressは表示されていました。ムームードメインで管理しているドメインをロリポップに紐づけて表示させるためムームドメインにてロリポップと紐づけ処理をしました。wordpressの管理画面の一般設定からwordpressアドレス(URL)とサイトアドレス(URL)を下記のように変更しました。 変更前 wordpressアドレス（URL）https://chancemaker.chowder.jp/shishikon/ サイトアドレス(URL) https://chancemaker.chowder.jp/shishikon/ 変更後 wordpressアドレス（URL）https://shishi-kon.com サイトアドレス(URL) https://shishi-kon.com 上記のように変更して、ロリポップの管理画面で独自ドメインをshishi-kon.comにして公開フォルダをshishikonにしました。 ワードプレス以外の静的ページは表示されるのですが、wordpressだけアクセスできません。現在このリクエストを処理できません　HTTP ERROR 500となります。（変更前には見れていたので特にwordpressの関連ファイルのパーミッションは変えていません。） ネット情報（参照先：https://libre-co.com/wordpress/wp-login-error/）を参考に下記してみました。 wp-config.phpの最後に下記コードをいれたらば管理画面にアクセスできるとのことで追記してみました。 update_option( 'siteurl', 'https://shishi-kon.com' ); update_option( 'home', 'https://shishi-kon.com' ); しかし、アクセスできませんでした。 phpMyAdminにてデーターベースのテーブルをみると　 siteurl　は　https://shishi-kon.com home は　https://shishi-kon.com となっています。 初心者なのでもうわけがかわらず途方に暮れています。 既にwordpressには1000件近くデーターを入力しているので再構築は避けたいです。 どなたかお知恵をおかしいただけますでしょうか？ また、新規にワードプレスをインストールしたとして、現在アクセスできないwordpressのサイトデーターを紐づけして同じ内容を表示させることはできますか？もしできるならその方法をおしえていただけますでしょうか？ wp-config.phpへの記述のデーターベースとテーブル名は同じにしておいても大丈夫でしょうか？投稿データーへの支障はでないでしょうか サイトのURL :　https://shishi-kon.com

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する