ロード画面

2025.05.21

ロード画面（ページ読み込み中の画面）を設定できます。ブランディングにも活用できるような機能を備えています。
設定は任意なので当デモではオフにしていますが、AIDERデモサイトなどでぜひ実際の表示をご確認ください。

ロード画面の役割とは？
「ページ読み込み中」ということを視覚的に伝える役割があります。
>> ローディングアニメーション（ロード画面）の役割とメリット・デメリット。

設定箇所

ダッシュボード内のTCDテーマ > 基本設定 > ロード画面から設定します。

■■■■■■■■■■TO基本設定＞ロード画面の場所を示す画像

デザイン	5タイプから選択します。・サークル・スクエア・ドットサークル・ロゴとキャッチフレーズ（同時に表示）・キャッチフレーズとロゴを別の画面で表示
ロード完了後のアニメーション	・フェード・フロート・スライド（→）・スライド（↑）
表示時間	1～5秒
表示するぺージ	すべてのページorトップページのみ
表示頻度	毎回表示or最初の訪問時のみ

アイコンカラーと背景色を設定するだけで完了です。どちらかにアクセントカラーを使うのがおすすめです。

ロゴ（画像orテキスト）とキャッチフレーズや背景色などを設定できます。

■■■■■■■■■■「ロゴとキャッチフレーズ」の設定画面キャプチャ

詳しい設定方法は以下の記事を参考にご覧ください。UIは少し異なりますが、内容はほとんど同じです。
>> ロード画面を表示&カスタマイズできるTCDテーマオプション

PANDRAでは、「ロゴ」で画像だけでなくテキストロゴを表示できるようになりました。設定画面はこのような感じです。
■■■■■■■■■■「ロゴ」でロゴタイプ：テキストを選択したときのキャプチャ画像

基本設定 > ロゴの「ロゴタイプ：テキスト」と同じように、WordPress一般設定内の「サイトタイトル」が表示され、文字サイズ（PC/SP）や文字色を設定できます。

「表示時間」「表示するページ」「表示回数」はバランスをみて調整しましょう。

■サークル / スクエア / ドットサークル
短い表示時間であれば、全ページに毎回表示してもいいかもしれません。

■ロゴとキャッチフレーズ / キャッチフレーズとロゴを別々の画面に表示
「トップページ」に「最初の訪問時のみ」の設定がおすすめです。

設定が済んだら、PC・スマホで以下のポイントを確認しておきましょう。

この記事は役に立ちましたか？

説明文をここに表示します。
改行のテスト

音楽と本と珈琲があれば基本ご機嫌な編集者。文章を「整える」ことにこだわりがあり、句読点の位置で悩むタイプ。編集部では各記事のバランス調整や、ちょっとクセのある原稿の翻訳係も担当。ファッションや映画が好き。映画を観るときも、言葉一つひとつの使われ方やリズムに注意を払う癖がついています。