WordPressコミュのFlash以外で

初めまして！　Wordpressでホームページを制作しているjeremy☆デザイナーといいます！

いままでFlashでトップページの写真をフェードイン・フェードアウトなどの効果を付けていました。

今回、iPadやiPhoneでも表示できるようにして欲しいとのリクエストがありました。

Flash以外だと、javascriptだと思い、自分なりに色々調べましたが、Wordpressでjavascriptを使うにはプラグインが必要だとの事です。

プラグインも色々あるので、実際にFlash以外で写真のスライドショーなどを作成されている方々のご意見を、ぜひ聞かせて頂きたいと思いました！

何卒よろしくお願いします！

コメント(19)

最初
全て
最新の40件

[1] mixiユーザー 03月04日 07:39

jQueryで実装できると思います。
jQuery事態はWordPressには組み込まれています。

出先なので参考URLなどは今分かりませんが、jQueryで検索すると、色んなライブラリーがヒットすると思います。

[3] mixiユーザー 03月04日 12:47

コリスさんのところで紹介しているjQueryプラグインを実装するのが良いと思います。

http://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2009-best.html

それと試してませんが、PCではswfobject.jsでswfを表示させて、swfが再生されないiPhone、iPadからはjQueryで画像のスライドを見せる。なんてこともできそうですね。
すでにswfがあるなら、せっかく作ったファイルを無駄にしない方法として良いかも？

[4] mixiユーザー 03月04日 17:54

>つとむんさん
>ンゴさん、

ご返答ありがとうございます！　今出先なので、戻り次第、調べてみます！

[5] mixiユーザー 03月05日 08:11

色々調べましたところ、プラグインのFeatured Content Gallery とか

Frontpage Slideshowとかで、画像の切り替えが出来るそうですし、

設置もプラグインなので簡単です。

ただjQueryのもののほうが、高機能なのでしょうか？

jQueryは初めてなので、プラグインとの違いが良く分かりません。

アドバイス、よろしくお願いします。

[6] mixiユーザー 03月05日 08:47

今、プラグインのFeatured Content Gallery と

Frontpage Slideshowを使ってみましたが、

投稿ページの画像を読み込む仕様のようです。

そうではなくてサーバーにアップロードしている画像を読み込むものを

探しています。ご提案、よろしくお願いします！

[7] mixiユーザー 03月05日 08:53

WordPressのプラグインとはPHPで書かれたプログラムです。それらの中にはJavaScriptで書かれたライブラリであるjQueryなどを利用して、動きのある画面を作り出しているものがあります。スライドショー系のプラグインはほとんどがそういうタイプです。

ちなみに、PHPのプログラムはサーバ側で動作し、プログラムが生成したHTMLをブラウザに返します。このため、閲覧者がソースコードを見ることはできません。
JavaScriptは、ブラウザがローカルのマシンにダウンロードした後実行されため、その気になれば閲覧者がソースコードを見ることも可能です。

[9] mixiユーザー 03月05日 09:31

その通りです。
プラグインのドキュメント通りに設定すれば動くはずです。
が、JavaScriptを利用するタイプのプラグインは期待通りに動くものもあればそうでないのもありますので、試行錯誤が必要かと思います。

[10] mixiユーザー 03月05日 09:38

Jun☆さん、

早速のレス、ありがとうございます！

ASCII「40分で覚える！jQuery速習講座」

http://ascii.jp/elem/000/000/498/498710/

を読んでいたら、色々とコードを記述することが書かれていました。

ンゴさんのご提案下さったサイトを見ましたが、Wordpress用のプラグインというわけではないようなので、Wordpress用ではないjQueryプラグインの場合は、Wordpressに色々記述して使うわけですね？

ところで、サイトで紹介されているjQueryプラグインは全部wordpressで使えるのでしょうか？

よろしくお願いします！

[11] mixiユーザー 03月05日 13:20

WordpressのコアにもjQueryが使われていますが、プラグインでなくても通常のHTMLのように実装すれば動きます。

テンプレートのフォルダに必要なjsファイルを置いて、header.php内に記述するだけです。

[12] mixiユーザー 03月05日 22:46

ンゴさん、

レス、ありがとうございます！

今、やっているのですが、jsファイルのアップ場所が分かりません。

pluginの中にjQueryのフォルダごとアップしましたが、

違いますでしょうか？　全くうまく行っていません。。。

jQueryの本を購入して勉強しようと思いましたが、

htmlに組み込む方法しか書いていなくて、

Wordpressについて書かれている本が見つかっていません。

[14] mixiユーザー 03月05日 23:43

Wordpressを置くディレクトリじゃなくても良いんですけど。

Wordpress内であれば、使用するテーマ内に「js」というディレクトリでも作り、そこに置いて…

そのテーマのheader.phpなどの<head>内に下記の記述で読ませます。
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/javascript.js"></script>

通常のHTMLを作るのと、さほど変わりません。
あとはWordpressとは別に、サーバーの任意の場所に置いて…
<script type="text/javascript" src="/サーバーの任意の場所/javascript.js"></script>
で直接読ませることだってOKです。
Wordpressのネタじゃなくなってますがｗ

[15] mixiユーザー 03月05日 23:47

この辺のjQueryプラグインが良さそうですね。

http://jquery.malsup.com/cycle/
http://www.catchmyfame.com/2010/09/13/jquery-panel-gallery-2-0-released

[16] mixiユーザー 03月06日 09:21

ンゴさん、

ご親切にありがとうございます！

言われたように記述しましたが、まだ表示されません。。。

おそらくindex.phpでの記述方法が理解できていないのだと思います。

ググりながら、頑張ってみます！

[17] mixiユーザー 03月06日 10:20

うまく動かないのであれば、単純なHTMLファイルでjQueryを動作させてみて、それで問題なければ、wpに埋め込んでみる・・・で、それでも動かないようであれば、ソースを確認して、何が足りないのか潰していくて流れになるんじゃないかなぁ、と思います。

[19] mixiユーザー 03月06日 19:47

。ちふみん=￠いわささん、

ご提案ありがとうございます！

ンゴさんのご提案のサイトから　Ultimate Fade-in slideshow (v2.4)

というのを使ってみました。

HTMLでやってみて、ちゃんと動作したので、

Wordpressに埋め込んでみました！

HTMLの記述をそのままコピーし、

ファイルの場所だけを指定し直したらちゃんと作動しました！

どうやらjsのファイルの場所指定を間違えていたようでした！

皆様、ありがとうございました！

ログインすると、残り4件のコメントが見れるよ