通常投稿では普通、時系列で並べられたブログ記事、固定ページでは「会社概要」や「お問い合わせ」など全く独立したページを作るのに向いており、階層を使って親子関係を作ることができるのも特徴です。

コースや料金説明は、固定ページで作るというのも可能でしょうが、どうせなら他の固定ページと分けたいといったお客様のニーズの下、「Course」や「Campaign」などさまざまなご用途に分けたカスタム投稿タイプが生まれました。

カスタム投稿タイプは通常、テーマファイルの大幅なカスタマイズを必要としますが、当テーマにはそれが必要なく、デフォルトで備わっています。このページを使い、お店のコース説明や、プログラムを簡単にデザインすることでオウンドメディアをさらに魅力的なものにしていくことができるのです。

このツールを使えば、例えば、記事内でスライダーやタブ、2カラムや3カラムレイアウト、画像リストやキャッチフレーズなど様々なコンテンツをHTMLやCSSなど専門知識のない管理者の方にも直感的にしていただくことが可能です。あなたはお好みのレイアウトを選び、必要項目を埋めていくだけで美しく思い通りのページを作成することができます。

下記のようにドラッグ&ドロップの直感的なインターフェースによって、1px単位での調整を可能としながら、ページをデザインできます。

ページビルダー機能は当テーマの投稿ページと固定ページ、「お知らせ」「Campaign」「Course」など各種カスタム投稿タイプすべてに実装されています。

そして、一番の特徴はスクロールに合わせて、ヘッダーバーが固定表示されることです。その際には、バーは美しく半透明になります。もちろん、バーの固定を解除し、通常のバーとして使用することも可能です。

解除する時もワンクリックです。PCでは通常の固定位置にして、スマートフォンでは画面最上部に固定させるという手もあります。

ヘッダーバーを固定することによる懸念は、サイトのコンテンツ領域が狭くなることです。その場合、ユーザービリティの観点でもヘッダーバーの透明度を調整することで少しでも見やすいデザインにすることが可能です。

これは1人のユーザーがサイトを訪れた際にどれくらいのページを読んでいるかの指標といえますが、Google Analyticsなどで確認が可能です。
サイトの運営ではこの数字を伸ばしていくことが非常に大事です。

当然1回のセッションに対しての読まれるページ数が大きければ、サイトへの滞在時間が長いことにもなり、その分サイトの印象をユーザーに与える結果ともなります。

TCDテーマには、記事下にプラグインをインストールすることなく、関連記事をアイキャッチ画像付きで自動表示することが可能です。これは、記事を読んだユーザーが、関連記事を見て、他のページの”ついで読み“を狙ったものです。

これによって、ユーザーの滞在時間を伸ばそうという戦略になります。

基本フォントとは別に、大見出しで別のフォントを選択することも出来ます。

フォントタイプだけでなく、サイズについても設定可能です。記事タイトルや本文だけでなく、各所でサイズを設定することが出来ます。

これらは通常であれば、CSSを調整する必要があるものですが、TCDテーマオプションではフォントまで詳細な調整が可能となっているのです。TCDテーマの使いやすさの秘密は、このようなテーマオプションの細部の調整能力にあるのです。

さらに、「おすすめ記事」として設定した記事のみを表示したり、日付順に表示したり、ランダム表示できたり、表示数を制限したりと、様々な設定がウィジェット内で可能です。

カテゴリー一覧も、TCDオリジナルのものは高機能です。下の画像のように、アコーディオンに対応していたり、特定のカテゴリーを除外して表示することも可能です。

他にも、広告がローテーション表示ができる「広告ウィジェット」や「Googleカスタム検索ウィジェット」など、デザイン性と機能性を兼ね備えたオリジナルウィジェットをご用意しています。

選択したホバーエフェクトは、トップページのヘッダーコンテンツ（グリッド画像）を含む各リンク画像、ブログ記事一覧やお知らせ一覧のサムネイル画像はもちろんのこと、記事一覧ウィジェットや関連記事などの細部に至り、共通で適用されます。

企業サイトにおいて、細部に至る統一感もサイトユーザーに安心感を与え、信頼性を左右する重要な要素のひとつです。
また、“気持ちいい動き”を実現するための、各エフェクト毎のオプション設定項目にも力を入れています。

スライド選択時

フェード選択時

このように、本来CSS3の知識やスキルが必須となる細かい設定も、テーマオプションにてカラーや数値を入力するだけで実現可能となっています。

例えば下図のように、投稿記事の編集ページで「meta title」「meta description」を設定できます。これでさらに自由度の高い検索エンジン対策が可能です。

そのような場合に備え、当テーマではスマートフォンとPCで別々のウィジェットを設置していただくことができるようになります。

特別なプラグインをご用意していただく必要がなく、レスポンシブのデザインも気軽に構築していただけるのが当テーマの魅力の一つとなっております。

設定方法は管理画面の左メニュー【テーマオプション】→【基本設定】から変更したい色を選ぶだけです。

色はマウスを動かしながら直感的に決められるので、タグの専門的な知識は不要です。

なお、部分的な配色のカスタマイズに関しては、サポートにお問い合わせくださいますか、TCDラボで探していただけますとスムーズに行っていただけます。