トップページ｜サイトの玄関口。各コンテンツの導線をつくろう

2025.09.05

サイト（＝施設など）の概要や、サイト内の各コンテンツへの導線をイメージしてトップページを設定します。下層ページ（カテゴリー・記事）をある程度準備してからの方が設定しやすいです。

■■■■■■■■■■トップページ（ヘッダーコンテンツ・メインコンテンツ）のフロント画像

トップページ以外のすべてのページを「下層ページ」といいます。>>投稿タイプの使い分けについて

投稿：ブログ・コラムなど。
お知らせ：タイムリーな告知など
サービス：サービス内容の紹介
お客様の声：お客様からの感想などを紹介
固定ページ：時系列をもたない独立したページ。アバウト・アクセス・LPなど
各アーカイブ：投稿タイプごと、あるいはカテゴリーやタグごとの記事一覧ページ

各投稿タイプの利用は必須ではありません。サイト開設時は最低限必要なページ（サービス、アバウト、アクセス）だけでも成り立ちます。

設定できる内容
設定箇所
- ヘッダーコンテンツ
- メインコンテンツ

設定できる内容

トップページは、大きく以下の二つの項目に分かれています。

ヘッダーコンテンツ

トップページのファーストビューです。

・画像スライダー
・ニュースティッカー

メインコンテンツ

トップページのメインコンテンツです。

・デザインコンテンツ
・スライドコンテンツ
・サービスカテゴリー
・投稿記事一覧
・フリースペース

設定箇所

トップページは、ダッシュボード内のTCDテーマ > トップページで設定します。

■■■■■■■■■■TCDテーマ＞トップページの場所を示す画像

ヘッダーコンテンツ

サイトのファーストビューです。スクロールで切り替わる特徴的なスライダーになっています。

見出しの共通設定

各スライダーの見出しに反映されます。

・文字の方向（横書きor縦書き）
・フォントタイプ
・文字サイズ（PC/スマホ別）

スライダー

3つまで登録できます。各スライダーの設定項目はこちら。

・見出し（PC/スマホ別）　※キャッチフレーズの表示位置「下」のときのみ
・キャッチフレーズ（テキストor画像）と表示位置（中央or下）
・背景（画像or動画・オーバーレイ）

ニュースティッカー

スライダーの下部にニュースティッカーを固定表示できます。

・表示or非表示
・コンテンツタイプ（投稿orお知らせ）※公開日の新しい順に表示
・アーカイブリンクのラベル

キャッチフレーズの箇所では以下の設定が可能です。
テキスト：PC/スマホ別のテキストと文字サイズ・フォントタイプ
画像：PC/スマホ別の画像と画像の高さ

ヘッダーコンテンツの設定が済んだら、PC・スマホで実際の表示を確認しておきましょう。

全体的なバランスがいいか？
見出しやキャッチフレーズは読みやすい？
背景は意図した表示になっている？

メインコンテンツ

■■■■■■■■■■TO＞トップページ＞メインコンテンツの画像（各コンテンツは展開しない）

メインコンテンツには以下のアイテムが用意されています。

デザインコンテンツ	「画像」と「キャッチフレーズ・説明文・ボタン」を横並びで表示します。
スライドコンテンツ	全画面の画像をスライド表示します。
サービスカテゴリー	サービスカテゴリーを紹介できます。
投稿記事一覧	投稿記事をカルーセルで表示します。
フリースペース	HTMLタグorパターンを表示します。オリジナルのコンテンツ作成に利用します。

お好きなアイテムを追加して、ドラッグ&ドロップで自由に並び替えができます。表示・非表示もワンクリックで変更可能です。

これらのアイテムを使わず、完全オリジナルのトップページを作成したい場合はフリースペースで外観 > パターンの内容を呼び出してください。

デザインコンテンツ

デモサイトでは施設の紹介・アバウトページへの導線として利用しています。
■■■■■■■■■■デザインコンテンツの設定を展開した画像

レイアウト	画像を左に表示する or 画像を右に表示する
キャッチフレーズ	フォント内「キャッチフレーズ」のフォント・文字サイズが適用されます。
説明文	説明文をPC/スマホ別で設定可能。
ボタン	ボタンのラベル・リンク先URLを設定します。
画像	推奨サイズは「横幅590px　縦幅700px」です。

スライドコンテンツ

ヘッダーコンテンツと同様の、「全画面画像がスクロールで切り替わるスライド」を設置できます。
■■■■■■■■■■スライドコンテンツの設定を展開した画像（一番上のアイテム展開する）

スライドは3つまで設定できます。各スライドの設定項目はこちら。

見出し	フォント内「ページヘッダー」のフォント・文字サイズが適用されます。
キャッチフレーズ	フォント内「キャッチフレーズ」のフォント・文字サイズが適用されます。
キャッチコピー	画面左側に縦書きのキャッチコピーを表示できます。
ボタン	ボタンのラベル・リンク先URLを設定します。
画像	背景画像とオーバーレイを設定します。

サービスカテゴリー

サービスカテゴリーごとに内容を紹介できます。
■■■■■■■■■■「サービスカテゴリー」の設定を展開した画像

サービスカテゴリー	紹介するサービスカテゴリーを選択します。
レイアウト	画像を左に表示する or 画像を右に表示する
見出し	************
キャッチフレーズ	フォント内「キャッチフレーズ」のフォント・文字サイズが適用されます。
画像	画像を設定します。
情報	サービスカテゴリー編集画面で設定した説明文などを表示します。
ギャラリー	画像ギャラリーを表示できます。サービスカテゴリー編集画面で設定します。
背景色	5色のプリセットまたはカラーパレットから設定できます。

サービスカテゴリーを連続して設置する場合は、異なる「背景色」を設定するのがおすすめです。どこまでが同じコンテンツ（サービスカテゴリー）か視覚的にわかりやすくなります。

投稿一覧

投稿記事を一覧表示します。カテゴリーごとの表示も可能です。

■■■■■■■■■■投稿一覧の設定を展開した画像

見出し	コンテンツの見出しを設定します。
記事一覧	・表示する記事（すべて/カテゴリー指定/ID指定）・記事の並び順（新着順orランダム）・表示する記事の数（PC/スマホ別）
ボタン	ボタンのラベルを設定します。