ver.5.14にてローディングアニメーションを表示できる機能を追加しました。ページ読み込み時に、オープニングアニメーションのような演出として利用できます。
ローディングアニメーションの表示は、当デモサイトのトップページでも確認できます。
設定場所
ローディングアニメーションの設定
管理画面の【外観 > カスタマイズ > トップページ設定 > ローディングアニメーション】を開きます。
トップページまたは全ページに表示可能
「ローディングアニメーションの表示」で「表示する（全ページ）」または「表示する（トップページのみ）」を選択することで、ローディングアニメーションを表示できます。
表示時間
ローディングアニメーションは、ページの読み込みが完了次第閉じますが、「表示時間」のオプションで表示する時間（1〜5秒）を指定できます。
通信速度など、何らかの原因でページ読み込みに遅延が生じた場合は、最大9秒間はローディングアニメーションが表示されます。
ロード完了後時のアニメーション
ローディング画面を終了する際のアニメーションを、4パターンの中から選択できます。
- フェードアウト
- スライドアップ
- 左右にスライド
- 上下にスライド
ロード中に表示する要素の設定
ローディング画面内にはローディングスピナーの他、テキストや画像も追加できます。
テキスト
キャッチコピーなど任意のテキストを入力します。
単にローディング画面として使用する場合は「読み込み中…」や「LOADING…」など
画像
メデイアライブラリから画像を選択（またはアップロード）して表示できます。
ロゴやアイコン、キャラクター画像などを表示して個性を演出できます。
ローディングスピナー
ロード中であることを視覚的に示すためのアニメーションを4種類の中から選択できます。
- ドット
- サークル
- スクエア
- ループ
記事下ウィジェットの表示例（PC）
※2カラムショートコードを使って広告を横並びにすることも可能です。
カスタマイズ画面の【トップページ設定 > ローディングアニメーション】で設定可能