このようにデザインとは一種の印象付けの意味がありますので、そういった観点から当テンプレート「SKIN」は、ビジネスにおいて非常に強い集客効果をもたらしてくれます。

また、「SKIN」はデザインだけでなく、使いやすさにも最大限の配慮を加えられています。テーマオプションにより、ヘッダーバーや固定フッターバー、スライダー、ロゴ設定など初心者に優しいUXデザインで操作できるほか、記事ページや固定ページ、各カスタム投稿タイプすべてに「ページビルダー」が実装されています。

また、こだわり抜いたスマホデザインをぜひ一度実機でご覧ください。レスポンシブ対応により、スマホやタブレットに特化された美しいデザインにフォーム化されています。さらに、フッターバーにはユーザーの行動を促す、電話番号やシェアボタン表示が可能となっており、コンバージョンをさらに向上させる導線も完璧となっております。

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

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

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

これにより、特別な専門知識がない方でも、簡単にテーマオプションからワンクリックで、レスポンシブデザインをオフにしていただくことが可能というわけです。

各固定ページサンプルのデザインを見比べてみてください。

・CONCEPT
・CONCEPT2
・サンプルページ（コンテンツヘッダー+サイドなし）
・サンプルページ（ページヘッダー画像あり）

「CONCEPT」「CONCEPT2」はTCDオリジナルのページビルダーで作成しております。この機能によって、HTMLやCSSの知識がない方でも、記事内に2カラム、3カラムとコンテンツを組み立てていけるほか、記事中にスライダーを追加したり、タブ切り替えを入れてみたりと、ドラッグ&ドロップの直感的な操作でページ作成が可能となります。もちろんすべてレスポンシブ対応です。

また各固定ページには、カスタムフィールドがあり、「サイドコンテンツあり」「サイドコンテンツなし」のバージョンが選択可能となっています。

また「Header title」「Header Subtitle」「ヘッダー画像」の設定で「サンプルページ（コンテンツヘッダー+サイドなし）」のような美しいヘッダー画像が表示される仕様となっています。

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

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

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

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

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

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