ヘッダーメッセージがここに表示されます
基本設定

ロード画面|「初回だけ表示」もワンクリックで設定可能

ロード画面(ページ読み込み中の画面)を設定できます。
ブランディングにも活用できるような機能を備えています。当デモサイトで実際の表示をご確認ください。

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

設定箇所

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

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

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

有効化 ロード画面を利用する/しないを設定できます。
デザイン

5タイプから選択します。

・サークル
・スクエア
・ドットサークル
・ロゴとキャッチフレーズ(同時に表示)
・キャッチフレーズとロゴを別の画面で表示

ロード完了後のアニメーション ・フェード
・フロート
・スライド(→)
・スライド(↑)
表示時間 1~5秒
表示するぺージ すべてのページorトップページのみ
表示頻度 毎回表示or最初の訪問時のみ

アイコン(サークル/スクエア/ドットサークル)の設定画面

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

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

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

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

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

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

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

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

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

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

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

  • ロード画面は必要?(サイト表示速度とのバランスをみて調整しましょう。)
  • 表示頻度は適切?
  • ロゴや文字が綺麗にみえる?(ロゴの高さや文字量を調整しましょう。)
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
運営・統括ディレクター

この施設全体のブランディングと運営方針を担当しています。空間デザインやインテリア、カルチャーイベントの企画が得意で、「ここに来る理由をつくる」が口グセ。好きな街はオスロと台北。人と街の流れに自然と溶け込むような、そんな場所をつくりたいと思っています。

コメント

この記事へのコメントはありません。

コメントを残す

関連記事

目次