ワドプラ

WordPressのDigiPressテーマ『MAGJAM』や無料・有料WordPressテーマ、WordPressプラグインを書いています。

DigiPress WordPressテーマ 新機能「スクロールフェードインアニメーション」詳細

DigiPress WordPressテーマ 新機能「スクロールフェードインアニメーション」詳細

昨日(2015年12月3日)の記事で、DigiPressのWordPressテーマ「MAGJAM」がバージョンアップした記事を書きました。

そのバージョンアップの新機能として追加された「スクロールフェードインアニメーション」機能を書きましたが、その中にユーザーが個別に指定したアニメーションというのが一体どんなものかと分からない状況でしたが、本日(2015年12月4日)DigiPress公式サイトにてその全貌が明らかになりました。

スクロールフェードインアニメーション機能が使えるDigiPress対象テーマ

Attractive, Mature, ESCENA, el planoは対象外となっています。

※いずれのテーマも最新バージョンへアップデートする必要があります。

スクロールフェードインアニメーションを利用するには?

テーマを最新バージョンにアップデートし、アニメーション機能を無効にしていないことが条件です。

151203 0022

アニメーション機能の「ON」、「OFF」は設定画面より行います。

WordPress管理画面⇢「DigiPress」⇢「詳細設定」⇢「サイト一般動作設定」内にスクロールフェードインアニメーション機能の設定が追加されています。

デフォルトでは「ON」になっていますが、スクロールフェードインアニメーション機能を無効にしたい場合は、この設定内でチェックマークを入れましょう。

スクロールフェードインアニメーション指定例

左からフェードインして表示します

右からフェードインして表示します

上から下にフェードインして表示します

HTMLタグ

上記のようにHTMLタグを記述するとアニメーション用CSSセレクからアニメーションを選択することができます。

ブラウザを再読みするとアニメーションが見れると思います。

スクロールフェードインアニメーション指定例2

スクロールフェードイン
スクロールフェードイン
スクロールフェードイン
スクロールフェードイン
スクロールフェードイン
スクロールフェードイン
5秒かけてアニメーションします
下から300ピクセルスクロールされたらアニメーションします

HTMLタグ

DigiPress公式サイト

他にも様々なスクロールフェードインアニメーションがあります。

さいごに

スクロールフェードインアニメーション機能で様々な表現が可能になります。

ただ設定を「OFF」にしてしまうと個別に指定したスクロールフェードインアニメーションも「OFF」になり何も表示されない状態になるので、使い方が難しい感じがしました。

関連記事が自動でフェードインアニメーションになるのは良いと思いますが、タイトルやアイキャッチは、アニメーションせずにすぐ表示してほしいんですよね〜。

タイトルやアイキャッチなど任意のところだけ「OFF」にできればいいなぁ〜っと個人的に思いました。

それではまた〜

この記事が気に入ったら
いいね!しよう

Twitter で

コメントはこちら

*
*
* (公開されません)

Return Top