ロード画面を設定しよう

ロード画面（ページ読み込み中の画面）のデザインを設定できます。

当デモサイトのトップページでも確認可能です。

ロード画面の役割とは？
ロード画面には「ページ読み込み中」ということを視覚的に伝える役割があります。当テーマではロゴやキャッチコピーを表示してブランディングに使うこともできます。
>> Webサイトにおけるローディングアニメーション（ロード画面）の役割とメリット・デメリット。

必須の設定ではありませんが、設定するとサイトの第一印象は大きく変わります。

設定箇所

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

用意されているオプション

ロードアイコンの設定画面はこのような感じです。実際の画面ではアイコンがアニメーションしています。

また、当デモサイトのようにキャッチフレーズとロゴを別々の画面に表示する設定も可能です。

詳しい設定方法は以下の記事を参考にご覧ください。UIは少し異なりますが、内容は同じです。

ロード画面を表示&カスタマイズできるTCDテーマオプション – ワードプレステーマTCD

多くのTCDテーマには、ロード画面を表示&カスタマイズできる機能が備わっています。サイト訪問時やページ読み込み時に表示されるロード画面を、お好みに合わせて設定可能です。

「表示時間」「表示するページ」「表示回数」はロード画面の内容によって調整しましょう。

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

ロゴとキャッチフレーズ / キャッチフレーズとロゴを別々の画面に表示：
ある程度の表示時間が必要なので、「トップページ」に「最初の訪問時のみ」の設定がおすすめです。

設定が終わったら以下の項目を確認しておきましょう。

• あなたのサイトにロード画面は本当に必要？
• ロード画面の表示頻度は煩わしくないレベル？
• PC、スマホで見てロゴのサイズや文字量は綺麗？

ロード画面は必須の設定ではないです。目的に応じてお好みで設定してみてください。

Webサイトにおけるローディングアニメーション（ロード画面）の役割とメリット・デメリット。 – ワードプレステーマTCD

Webページを閲覧する際に、ページの読み込みに時間がかかると、ユーザーは待ち時間にイライラしたり、ページが正常に表示されないのではないかと不安になったりすることがあります。

ユーザー一覧ページの設定に進む