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

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

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

最近のTCDテーマでは、電話予約や記事のシェアにすぐにつなげれるようスマホ画面の最下部に常にフッターバー固定表示させることができます。これはサイト閲覧者にお店やサイトの情報を分かりやすく伝えるほか、アイコンの種類は6種類あり用途に応じて使い分けてさまざまな使い分けが可能となっています。

デザインはこのような感じです。一度実機で見るのがいいかもしれません。4つ推奨ですがいくつでも表示できます。

試しに、「電話アイコン」をタップすればすぐに電話番号が表示されます。

「シェア」をタップするとポップアップでツイッター、フェイスブック、はてぶ、LINEの4つのシェアボタンが表示されます。

アイコンは全部で6種類用意されており、いくつもアイコンを表示（4つ推奨）させることができます。

Macbookとかで見ると、サイトのロゴが不自然にぼやけていると感じたことはありませんか？実は、これらのディスプレイは画面解像度が2倍になったことにより、普通のディスプレイで等倍で表示していた画像が、縦横2倍に引き伸ばされた状態で表示されているということになります。

これが原因でロゴがぼやけているということです。これの対処法は、いたってシンプルで、2倍に引き伸ばされているのなら2倍サイズのロゴをアップロードします。

TCDテーマではテーマオプションに、Retinaディスプレイ用にロゴがセットできるようになっていますので、例えば推奨サイズ300px×120pxであるなら、その2倍の600px×240pxをアップロードし、ここにチェックを入れてください。

この部分に、2倍サイズのロゴ画像をアップロードすれば自動的にRetina用に変換できる仕様になっておりますので、ぜひご利用頂けたらと思います。

ヘッダーにYouTubeやMP3動画を挿入すれば、あなたのサイトは非常にインパクトのあるものに早変わりします。すでに海外では主流ですが、日本ではまだまだ少ないので、他との差別化を図るチャンスでもあります。
動画ヘッダーにした場合は、スマートフォンでは必ずしも通信環境が良くないユーザーのために、静止画を適用することが可能です。

スライダーは、単一の画像にすれば、そのまま通常ヘッダーになります。

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

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

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

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

1つ目は、広告のランダム表示化です。プラグインがなしでこの機能がデフォルトで備わっているのはTCDにしかありません。フッターやサイドバー、固定ページ専用などどこにでも表示が可能です。

広告は直接HTMLで埋め込むことも出来ますが、メディアに保存した画像を登録することも可能です。

2つ目は、詳細記事ページへの広告挿入機能です。通常ならSingle.phpを編集して、広告を挿入しなければいけないところが、テーマオプションで画像を登録して置くだけで、記事下や記事上に広告を表示することができます。

3つ目は、ショートコード機能です。テーマオプションで登録しておいた広告はショートコードをコピーし貼り付けることで記事中などいたるところに表示することができます。

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

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

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

特別なプラグインやカスタマイズも基本的に必要ありませんが、簡単なサポートであれば、弊社のカスタマーサポートで承っておりますので、もし使っていて、「ここの部分をもう少しこのようにしたい」などあればお気軽にカスタマーの方にお問い合わせください。

また弊社テーマのカスタマイズ専門サイト「TCD LABO」もございますので、そちらもよろしくお願いします。

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

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

スライド選択時

フェード選択時

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

幅広いサイト運営を行うのにこのカスタマイズ機能は必須とご好評いただいている機能です。