2012-02-24

WordPress初心者講座・Q&A:スライドショーの動きを変更することってできますか?

こんなご質問をいただきました。

スライドショーの動きを変更することってできますか?
横から順番に出てくる感じのにしたいです。

前回のスライドショーのサイズの変更に続き、
動き(エフェクト)を変更する方法の話ですね。
Minimal WPの多くのテーマについてるスライドショーは、フェードするタイプのやつなんで、
これを横から画像がニュイーンってやってくるスライドっぽいやつにしてみます。

横スライドのやつってのは、このサイトだとテーマのページで使ってる感じのやつです。

スライドショーの動き(エフェクト)を変更する方法(作業時間1分)

ダッシュボード > 外観 > テーマ編集 > ヘッダー (header.php)

って進んで、ヘッダーのファイルをいじくります。
いつものことながらこの辺いじくり倒す時はバックアップをお忘れなく!

テーマによって書いてあることは違うんですけど、
よーく見ると以下のような感じのことが書いてある所があると思います。

$(‘#slide’).cycle({
fx:’fade’, timeout:7000, speed:3000, delay:150, random:0
});

ありましたか?

fx:’fade’
よく見ると「fade」って書いてますよ!つまりフェードするってことですな。
と言う訳なので、この部分を横スクロール「scrollLeft」に変えてみます。

なんということでしょう〜。
右からズイーンって画像がやってくるタイプのに変更出来ました。
簡単ですね。

timeoutとかspeedとかは時間の話なんで、適当にいじくってみるとゆっくり動いたり、
アホみたいに超速で動いたりと、雰囲気色々変えられます。
試してみてはいかがでしょうか。

ホームページからの集客できてますか?

ワードプレステーマ「Minimal WP」
Minimal WPのWordPressテンプレートは、月間45万PV超のブログ運営のノウハウを詰め込んだミニマルデザインテンプレート。HTML不要で初心者でも簡単におしゃれなホームページが作れます!ブログ・自社メディアを始めるなら今がチャンスです!
関連記事