設定方法

ページ遷移時のアニメーション設定方法

CARATではページ遷移のアニメーションを新たに2種類追加しました。

りょうた
りょうた
ユーザーが目を引くようなアニメーションにしたよ!

それでは設定方法をご紹介します。

設定方法

WordPressの管理画面より「外観」→「カスタマイズ」→「サイトデザイン設定」まで飛んでいただくと、「ページ遷移のアニメーション」という項目が出てくると思います。

初期はアニメーションは追加されておりません。

パターンによってアニメーションが変わっていくのであなたのブログのデザインや雰囲気に合わせて自由に設定してみてください。

カーテンのようなアニメーション

こちらはページ遷移時というよりページ読み込み時のアニメーションといった方が適切かもしれません。

ユーザーにとっては「おっ!」となるような大胆なアニメーションなのでブログそのものに期待感を煽ることができたり、JINの標準のアニメーションも残しているので下層ページを表示する最後にメインコンテンツが下からふわっと出てくる表現が何とも心地よいアニメーションです。

ふわっと浮き上がるようなアニメーション

ブログ内のリンクをクリックするとコンテンツそのものがふわっと浮き上がります。

このアニメーションはJINの標準機能にもあってもいいくらいよりブログに優しさや可愛らしさを演出してくれます。

りょうた
りょうた
CARATのブログイメージにもかなりマッチしてるよね!

ブログイメージによって使い分けができる部分ですので、自分のブログにあったアニメーションを選んでみてください。

アニメーションは随時追加予定

ページ遷移のアニメーションは随時追加していく予定です。

僕自身アニメーションの可能性はまだまだあると思っていますので、要望にお応えしながらどんどん増やしていく予定です。今でもそうですがかなり有用なアニメーションばかりを増やしていく予定なので是非活用してみてください。

 

WordPressテーマ「JIN」専用デザインプラグイン『CARAT』

「CARAT」は大人可愛いを追求した女性向けデザインプラグインです。

WordPressテーマ「JIN」の機能性と「CARAT」のデザインでより読み手に感動を与えるプラグインを作りました。

「自分のブログが好き」

そんな人が1人でも増えてくれたらと心から願っています。