Facebook
RSS Feed
Feb 24, 2012

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

Posted in Blog, WordPress初心者講座Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト