ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもあります。必ず公式サイトでご確認ください。
HAKU（TCD080）【日本語ワードプレステーマ】
当ページの一部リンクにはプロモーションが含まれています。
目次
テーマ［HAKU］が選ばれる理由
「HAKU」は商品のブランドイメージ向上（ブランディング）にスポットをあてたワードプレステーマです。
商品のイメージアップに直結する美しいページレイアウトと心地よいアニメーション。
ターゲットを絞りブランド価値を高めたい特別な商品をアピールするのに適したサイト構成。
随所で明朝体を選択できたり縦書きにも対応しているので和風サイトとの相性もよしです。
テーマ［HAKU］に向いてる業種/サイト
- 商品のイメージアップが第一目的のサイト。
- 限定商品で勝負をかけるベンチャー系企業のコーポレートサイトなどにも最適。
※当サイトで紹介しているテーマ内に出てくる独自（専門）用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP＆ツイッターカード・PWA・Welcart（ウェルカート）・WooCommerce（ウーコマース）・アップセル＆クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス（デザイン）・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット＆構造化マークアップ（JSON-LD）・レイヤー画像・レスポンシブデザイン
テーマ［HAKU］の注目ポイント
商品紹介
商品ページ（詳細）
『商品』詳細ページに関しては、専用のテンプレートと専用のコンテンツビルダーを使えば商品画像や説明文をあてはめるだけで商品ページの大方が完成する仕様。
（商品ブロックの表示/非表示・追加なども簡単に変更可）
フリースペース機能を使ってオリジナルコンテンツを差し込むことも可。
（HTML入力も可）
商品ページ（アーカイブ）
『商品』アーカイブ（一覧）ページはページ内に全部の商品が表示される仕様。
それゆえ多くの商品を紹介するのには向いておらず、厳選された商品だけをフィーチャーさせるようなサイト向き。
カテゴリー分けが可能で、ページ上部に表示されるカテゴリーボタンをクリックするとそのカテゴリーに属する商品の先頭にスクロール移動する仕様。
3種類のページ作成機能
デザインページ1
画面幅いっぱいの画像のみで構成されるページ。
用意するのは画像を数枚とテキストのみ。
（専用のコンテンツビルダーを活用）
見出しや説明文の表示位置、フォントタイプなどはカスタマイズ可。
デザインページ2
こちらは画面幅いっぱいの画像コンテンツと2段までの画像を組み合わせたバージョン。
（専用のコンテンツビルダーを活用）
コンテンツビルダー利用時は各ブロックの並び替えや追加/削除も自由自在。
ランディングページ（LP）
こちらはランディングページ（LP）作成に適したレイアウト構成。
テキストや画像を設定するだけでキャッチコピーや説明文や画像などがきれいに配置される仕様。
Googleマップによる地図情報も掲載可。
ヘッダー/フッターやグローバルメニューなどの表示/非表示設定も思いのまま。
すべてのページテンプレートにはHTML入力可能なフリースペースが実装されてます。
テーマ［HAKU］の主要機能
ヘッダーコンテンツ（ファーストビュー）
背景には静止画像（複数ならスライダー形式）・mp4動画・youtube動画が設置可。
通常の企業サイトと異なりブランディングサイトにおいてはロゴがとても重要な要素と考えるHAKUではロゴコンテンツ（ロゴ＋キャッチフレーズ＋背景画像）の表示にこだわりあり。
オープニング画面はフル画面の背景画像に重ねてロゴを表示できる仕様。
（デモサイトではじんわりと浮かび上がって表示）
テキストは横書きにも切り替え可。
表示までの秒数なども個々に指定可。
オープニング画面のあとは複数の（背景）動画 or 静止画＋テキストの組み合わせによる表示。
（1枚目は動画で2枚目は静止画というカスタマイズも可）
基本的には用意されている設定箇所にテキストや画像をセットしていくだけ。
メインコンテンツ（トップページ）
コンテンツビルダーを使ったアイテムの組み合わせで簡単構成。表示/非表示や並べ替えも簡単操作。
以下のアイテムが用意されており、いずれも専用の設定画面が実装されてます。
フルサイズコンテンツ
（フル幅）画像＋テキスト。
3点バナーコンテンツ
3分割された画像とテキストによるバナー構成。（※PC表示時）
（マウスオーバーでキャプションが表示）
スマホでは1枚ずつの縦3枚表示。
レイヤー画像コンテンツ
（背景）画像の上にさらに別の画像をフェードイン表示できる機能。
画像下のキャプションのほか、マウスオーバー時には別のテキスト（商品名など）を表示させる機能も搭載。
2ブロックコンテンツ
ブログ記事・お知らせ記事・商品ページから選んで表示可能なカルーセルスライダー。
（並び順は日付順とランダム順から選択可）
フリースペース
HTMLでの記述が可能な、文字通り自由に設定できるコンテンツエリア。
テーマ汎用機能
- 『TCDクラシックエディター』プラグイン対応
- クイックタグ（Gutenberg対応）
- アラートを表示できるヘッダーメッセージ
- 標準フォント（メイリオ/游ゴシック/游明朝）
- 見出しの縦書き対応
- スマホ用フッターバー
- カスタムCSS
- カスタムスクリプト
- プリセットカラー（5タイプ）
- ローディング機能
- 登録済みアイキャッチ画像のサイズ一括調整（regenerate thumbnails）
- アイキャッチ未設定時の代替画像作成
- microdata形式対応パンくずリスト
- 404ページカスタマイズ
- SNSシェアボタン
- PWA対応
- LP（ランディングページ）専用テンプレート
- 投稿者プロフィール＆投稿者一覧ページ
- カスタム投稿タイプ「お知らせ」
- カスタム投稿タイプ「商品」
カスタム投稿タイプとは
TCDテーマには必ずといっていいほど「カスタム投稿」タイプが付いてます。これ、通常の投稿と何が違うかご存じですか？
簡単にその違いをご紹介します。
ワードプレスにデフォルトで備わってる主な投稿タイプには「投稿」と「固定ページ」があります。
「投稿」はブログ記事など時系列順にコンテンツを発信するのに向いており、”カテゴリー”や”タグ”と呼ばれるページ分類機能が備わってます。
作成した記事を一覧表示するアーカイブページも存在します。
「固定ページ」は時系列に関係なく、そのページ単体で完結するようなコンテンツ作成に向いてます。たとえば”会社案内”や”FAQページ”、”問い合わせページ”など。
時系列からは外れてるため、カテゴリー等で分類することはできずアーカイブページも存在しません。
その代わり固定ページ同士での階層関係を持てたりページテンプレートを選択できる機能が備わっています。
「カスタム投稿（タイプ）」は編集画面は「投稿」と似てますが、コンテンツの内容に合わせてデザインやレイアウトを自由に設定できるのが特長です。
（TCDテーマであれば）”お知らせ”や”会社実績”、”特集”などがカスタム投稿タイプで構成されてます。
また管理画面には「投稿ページ」や「固定ページ」の他に設定済みの「（カスタム投稿タイプ名）」が出現します。
更新作業の際はそのメニューから直接編集画面を開けるのでとても便利です。
サポート
TCDテーマのインストール、初期設定、使い方のメールサポートあり。
独自カスタマイズについて
TCDのテーマはいずれも完成度が高いため、（それなりの知識がある方でも）独自カスタマイズがかえってやりにくいという面もあります。
それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。
TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。
ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。
カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。
無料テーマ GLUE
TCDテーマの中には完全無料で利用できるテーマもあります。それが「GLUE」。
初心者からプロまで使える高機能なブログ向けWordPressテーマです。
テーマ選びでお悩みの方はお試し感覚で使ってみるのもいいんじゃないでしょうか。
企業（コーポレート）サイトに最適なテーマはこのページを含めてほかにもまだあります。
スクロールできます
| BLAZE （TCD120） | トップページのみで商品紹介～お問い合わせまでの導線が完結する、まさにLP（ランディングページ）のような企業サイト向けテーマ。 | 詳細ページ | [txt_tcd_blaze] |
|---|---|---|---|
| AIDER （TCD115） | 税理士、司法書士といった主に士業向けサイト用テーマ。 | 詳細ページ | 公式サイト |
| ISSUE （TCD106） | 企業（コーポレート）サイトとしても、採用（求人募集）サイトとしても活用できるテーマ。 | 詳細ページ | 公式サイト |
| SEEED （TCD105） | 低コストで自社商品やサービスを広く知らしめたり販売するのに最適なページ構成のテーマ。 | 詳細ページ | 公式サイト |
| GENESIS （TCD103） | 企業イメージを丁寧にかつ壮大に印象付けられるテーマ。 | 詳細ページ | 公式サイト |
| GAIA （TCD102） | カレンダー（スケジュール）機能を搭載したイベントやエンターテイメント施設向けのテーマ。 | 詳細ページ | 公式サイト |
| Beyond （TCD094） | チャートやグラフで自社商品（サービス）の強みを効率よくアピールできるテーマ。 | 詳細ページ | 公式サイト |
| HORIZON （TCD093） | ポートフォリオ/商品ショーケースなどビジュアルコンテンツ（画像や動画）を個性豊かに際立たせられるテーマ。 | 詳細ページ | 公式サイト |
| FALCON （TCD089） | 商品（サービス）の魅力をストレートに伝えるオンライン上のショールームのようなテーマ。 | 詳細ページ | 公式サイト |
| SOLARIS （TCD088） | 余計な機能はいらないからかっこよくてスタイリッシュな企業サイトをサクサク作りたい方向けのテーマ。 | 詳細ページ | 公式サイト |
| DROP （TCD087） | プロモーションサイトのようなランディングページ（LP）型のトップページ作成機能を備えたテーマ。 | 詳細ページ | 公式サイト |
| MASSIVE （TCD084） | インパクトのある自社リクルート（求人）サイト向けテーマ。 | 詳細ページ | 公式サイト |
| ANTHEM （TCD083） | ブランドイメージの形成/集客/売上（セールス）までをパッケージ化した、スモールビジネス/デジタルコンテンツ販売向けテーマ。 | 詳細ページ | 公式サイト |
| HAKU （TCD080） | 商品のブランドイメージ向上（ブランディング）にスポットをあてたテーマ。 | 詳細ページ | 公式サイト |
| FORCE （TCD078） | チーム/サークル/同好会などでの運営サイトを想定したテーマ。 | 詳細ページ | 公式サイト |
| FAKE （TCD074） | スピード重視とミニマル設計の企業（コーポレート）サイト向けテーマ。 | 詳細ページ | 公式サイト |
自社商品（サービス）紹介向けテーマはこのページを含めてほかにもまだあります。
スクロールできます
| BLAZE （TCD120） | 個人ブログ〜大規模メディアまで制作可能なメディア/ブログ向けテーマ。 | 詳細ページ | [txt_tcd_blaze] |
|---|---|---|---|
| SEEED （TCD105） | 低コストで自社商品やサービスを広く知らしめたり販売するのに最適なページ構成のテーマ。 | 詳細ページ | 公式サイト |
| FALCON （TCD089） | 商品（サービス）の魅力をストレートに伝えるオンライン上のショールームのようなテーマ。 | 詳細ページ | 公式サイト |
| DROP （TCD087） | プロモーションサイトのようなランディングページ（LP）型のトップページ作成機能を備えたテーマ。 | 詳細ページ | 公式サイト |
| meets （TCD086） | 画像や動画を多用してその世界観をアピールできるメディア/観光事業/アパレル/飲食店向けテーマ。 | 詳細ページ | 公式サイト |
| ANTHEM （TCD083） | ブランドイメージの形成/集客/売上（セールス）までをパッケージ化した、スモールビジネス/デジタルコンテンツ販売向けテーマ。 | 詳細ページ | 公式サイト |
| HAKU （TCD080） | 商品のブランドイメージ向上（ブランディング）にスポットをあてたテーマ。 | 詳細ページ | 公式サイト |
コメント