• ベストアンサー

WordPressのプラグインとjQueryのそれ

jQueryの存在を知り、WordPressでスライド画像表示なんかが簡単に実現できることを知りました。さらには、WordPressのプラグインとして直接実装も可能なようですが、両方可能な場合、どちらを選べばよいのでしょうか? Nivo Slider, ColorBox, FancyBoxを手始めに候補としています。 例えば、jQueryプラグインとして実装したほうが重くならない、などといった違いがあるのでしょうか?比較しつつ教えていただけると助かります。

質問者が選んだベストアンサー

  • ベストアンサー
  • aspnet
  • ベストアンサー率79% (72/91)
回答No.2

#1です。 WordPressのjQueryプラグインは、発生のさせ方が違うだけで、生成されてしまえば直打ちと変わりません。ただ、WordPressのもつjQueryバージョンがやや古かったり、他にもjavascriptライブラリを多数読み込んでいることもあり、そういう意味ではパフォーマンスは落ちるかもしれません。

piyo-maru7
質問者

お礼

なるほど、参考になりました。 インターネットブラウザなんかは、プラグインを追加していくと遅くなるイメージがあったので質問した次第です。 ありがとうございました。

その他の回答 (1)

  • aspnet
  • ベストアンサー率79% (72/91)
回答No.1

WordPressコンテンツにjQueryを置いてみればわかることですが、そのままの設定ですとまずjQueryは動作しません。prototype.jsなどと同居させるため、"$"を切ったjQueryを自動的にロードしていたり、動的にjQuery読込のオンオフが行われているためです。 記事中にjavascriptを打っても、更新時に勝手な位置で改行されたりして、javascriptが意味をなさなくなり、エラーになります。 このあたりの問題を自力で解決できれば、一般的なjQueryを実装できますが、スライダやLightboxプラグイン程度の配置ができれば良いのでしたら、最初からWordPress専用のプラグインを導入したほうが早いです。どのみち中身は同じものなので。 WordPressでAjaxなどを実現したいのでしたら、問題は別ですが、そもそも、javascriptもマトモに動かないCMSを、どうして皆さん使いたがるんでしょうね?

piyo-maru7
質問者

お礼

実装方法における注意点に関するアドバイスをありがとうございます。 できればjQueryとプラグインでのパフォーマンス差についても教えていただけませんでしょうか。

関連するQ&A

  • Wordpressサムネイル付スライダープラグイン

    Wordpressでサムネイル付のスライダーを簡単・シンプルに設置できる無料プラグインがありましたら教えて下さい。 このたび、知人からの依頼で知人の会社のサイトをリニューアルすることになりました。 以前まで利用していたものはこちらだったのですが Photospace http://isowanted.blogspot.jp/2013/03/wordpressphotospace.html あたらしいテーマではこれは動かないようで、このプラグインにかわるモノを探しています。イメージはこのプラグインのでもそのもので、サムネイルをクリックすると画像がかわるというものです。 Nivo Slider こちらも検討してみたのですが、これは1つのサイトにつき1パターンのスライドショーになりますよね。 知人の会社はコテージを数棟経営していて、各コテージのページにスライダーをつけたいと考えています。 サイトの更新は知人の会社の担当さんがされるので、jQueryを直接触らなければ行けないものだと難しいのかなと思い、プラグインでなにか良い物があればと思っています。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • JQueryを使ったオートスライドショーについて

    Webサイトを作っているのですが、トップページにフェード効果のあるスライドショーを自動切り替えしたいと思っております。 とりあえず今日JQueryをダウンロードしたのですが、JQueryだけではスライドショーの機能を付けるのは難しいのでしょうか? それともスライダー用のJQueryプラグインを使う必要があるのでしょうか? JQueryだけでスライドショーを実現したほうが良いのか、プラグインを使ってスライドショーを実現した方が良いのか、どちらが良いのでしょうか? 双方のメリットやデメリットがあれば教えて下さい。

  • jQueryのプラグイン「Skitter」について

    下記サイトで配布されているjQueryのプラグイン「Skitter」について、 質問させて下さい。 http://thiagosf.net/projects/jquery/skitter/ スライドショー用にjQueryの良いプラグインはないかと探して見つけたのが、 このSkitterで、実装も簡単だしアニメーションのエフェクトも多彩で、お気に入りです。 質問は、スライドショーが無限にループしてしまうのを、 最後の画像がきたところで、ストップさせる、 というカスタマイズが出来ないかという事です。 ファイルの中身を見たり、検索エンジンも使ってみましたが、 答えが見つけられず、思い切って質問してみました。 わかる方いらっしゃいましたら、ぜひお教え願いたいと思ってます。 よろしくお願いしますm(_ _)m

  • jQueryスライドプラグイン

    jQueryスライドプラグイン FLASHを使用せずにjQueryのプラグインで以下のような表現は可能でしょうか? http://www.starcat.co.jp/ 以下が実現したいです。 ・メイン画像がフェードまたは、スライドで切り替わる ・メイン画像クリックで別のページへリンク ・サムネイルクリックでメイン画像が切り替わる ・ランダムで表示できる ・自動で遷移する。

  • jQueryの基本的なことについて教えてください

    自サイトで 「jQuery Slider²」http://wex.im/javascript/jquery-slider2 を設置しようと試みています。 私はhtmlとcssの知識しかありません。 今までずっと、HTML 4.01 Transitionalで、タグ打ちしながらサイトの作成をしていました。 行き詰ったらその都度ネットで調べて…という感じで 10年以上サイト製作をしていますが素人ほどの知識だと思っています。 それで、初めて上のスライドショーを設置しようと色んなサイトを参考にしたのですがうまく動きません。 (google chrome、IE8で見ています) 何が悪いのか…と上記URLの配布サイトを見たところ、 Examples <head> stuff <script type="text/javascript" src="js/jquery.slider.min.js"></script> <link href="css/jquery.slider.css" rel="stylesheet" type="text/css" /> と、2段目がtype="text/css" />という風に閉じてあって、 あぁ、これってページ全体をもうhtmlじゃなくて xhtmlで書かないと動かないって事なのかなぁ、という疑問が沸いてきました。 実際このスライドショーに限らず、jqueryのプラグインを使用している 色んなサイトがxhtml方式になっているのを確認しましたが jQueryのプラグインは、xhtmlでないと動かないものでしょうか? それとも、このプラグインに限ってはxhtmlなのでしょうか? よろしくお願いいたします。

  • スライダー領域の変形方法

    お世話になります。 Wordpressで作成しているブログに、コンテンツスライダーを設置しようと考えています。 スライダー自体はjqueryかプラグインで実装しようと思うのですが、 スライダー領域を単なる長方形ではなく、添付画像のように変形させたく思っています。 スライダーの画像表示領域は、ピンクに塗ってある部分です。 こちら、どのような実装方法があるのでしょうか。 お手数をお掛けしますが、是非お力をおかしください。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • jQueryの多重読込

    2つのHTMLがあり、両方ともjQueryプラグインを使っています。 今回、a.html側に、jQuery loadで、b.htmlを読込みました。 ■a.html jQuery 本体 jQueryUI jQueryForm jQuery.HashChanged など基本js(多数) ■b.html jQuery.Gallerific jQuery.Fancybox jQuery.fixPing などメディア系統js(多数) ■困っていること 両方とも、$(function(){ ... }) 構文を使って、DOMの展開完了を待っているのですが、「読込まれる側=b,html」の、$(function(){ ... }) がうまく働いていないようなのです。 b.html 単体では何の問題もないのですが、a.htmlにloadされると、遅延読み込みがききません。 元である a.html で全部のjQuery プラグインを読むのは重すぎるため、各々で必要なプラグインを都度、読むようにしたいのですが、その場合、読み込まれる側の実行遅延(DOM展待ち)はどのようにしたらいいでしょうか?

  • jQueryスライダーの止め方

    jQuery Destaque Plugin http://globocom.github.io/destaque/ こちらのサイトのパララックススライダーを使おうと考えていますが、 デフォルトでスライドをストップさせる方法がわかりません。 どなたかご教授下さいますでしょうか。 また、このプラグインを使って ページネーションをつけた例がございますが、 http://www.nxworld.net/sample/jquery-destaque/ 「3」「4」を表示中に「1」「2」を押すと、 スライドが左から右に遷移しますが、 この方向を固定で右から左へ動かすことは可能でしょうか? こちらもわかる方がいらっしゃいましたら、是非宜しくお願い致します。

  • jqueryでスライダーを設置した時に

    jqueryでスライダーを設置した時に設置したページのテキストが画像がスライドするタイミングで点滅してしまうようです。 現象が起こっているのはMacのsafariとchromeです WindowsのIEやモダンブラウザ、MacのFirefoxではオッケーのようです。 ちなみにコンテンツスライダーは、glide.jsやbxslider.jsです。両方とも同じ現象が起きます。 chrome はwebkitではなくなりましたし、、、 該当ページでは、スティッキーヘッダ、トップへ戻るボタン、ロールオーバーや複数のタブパネルなど、jQueryの塊のようなページになっておりまして、、、 ただ、それらをすべて無効にして、スライダだけを実装状態にしても同じようです。 スライダーそれぞれのCSSをみてみましたが、同ページにあるCSSの他のセレクトと同名のセレクタはないようです、、、 どなたか似たような現象を解決された方がいらっしゃいましたらご教示願えますでしょうか?

  • jQuery Cycle Pluginについて

    jQuery Cycle Plugin(http://jquery.malsup.com/cycle/)を使用して、8枚の画像を次々と表示するスライドショーを実装しました。 1枚目から7枚目の間は「Skip」ボタンを表示してクリックしたら、最後の画像が表示されてスライドが停止するといったような動きは、jQuery Cycle Pluginで実現することは可能でしょうか。 知っている方がいらっしゃいましたら何かヒントを頂けませんでしょうか。 どうぞ宜しくお願いいたします。