ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもありますため、必ず公式サイトでご確認ください。
【日本語WordPressテーマ】HAKU（TCD080）
当ページのリンクにはプロモーションが含まれています。
商品のブランドイメージ向上（ブランディング）にスポットをあてたWordpressテーマがHAKUです。
目次
HAKUの主な特長
- 商品のイメージアップに直結する美しいページレイアウトと心地よいアニメーション。
- ターゲットを絞りブランド価値を高めたい特別な商品をアピールするのに適したサイト構成。
ブロックエディター対応状況
| 完全対応◎・一部対応◯・未対応× |
完全対応・一部対応・未対応の違い
ワードプレス標準搭載のブロックエディター機能はどのテーマでも使えます。
その中でもテーマオリジナルのブロック機能を駆使してブロックエディターだけでサイト作成が完了するものを当サイトでは完全対応と呼んでます。
これに対しオリジナルのブロック機能の開発は進んでいるもののクラシックブロックなどでの限定的な利用にとどまるテーマは一部対応としてます。
そしてオリジナルブロック機能は非搭載もしくは数えるほどで、ベースとなる編集は旧エディターというテーマは未対応という位置づけにしてます。
※当サイトで紹介しているテーマ内に出てくる独自（専門）用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP＆ツイッターカード・PWA・Welcart（ウェルカート）・WooCommerce（ウーコマース）・アップセル＆クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス（デザイン）・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット＆構造化マークアップ（JSON-LD）・レイヤー画像・レスポンシブデザイン
HAKUの主なオリジナル機能
TCDの各テーマに搭載されてる共通のオリジナル機能はこちらのページにまとめてあります。
商品
商品ページ（詳細）
『商品』詳細ページに関しては、専用のテンプレートと専用のコンテンツビルダーを使えば商品画像や説明文をあてはめるだけで商品ページの大方が完成する仕様。
（商品ブロックの表示/非表示・追加なども簡単に変更可）
フリースペース機能を使ってオリジナルコンテンツを差し込むこともできます。
（HTML入力も可）
商品ページ（アーカイブ）
『商品』アーカイブ（一覧）ページはページ内に全部の商品が表示される仕様。
それゆえ多くの商品を紹介するのには向いておらず、厳選された商品だけをフィーチャーさせるようなサイト向き。
カテゴリー分けが可能で、ページ上部に表示されるカテゴリーボタンをクリックするとそのカテゴリーに属する商品の先頭にスクロール移動する仕様。
3種類のページテンプレート
HAKUには3種類のページテンプレートが実装。
デザインページ1
画面幅いっぱいの画像のみで構成されるページ。
用意するのは画像を数枚とテキストのみ。
（専用のコンテンツビルダーを活用）
見出しや説明文の表示位置、フォントタイプなどはカスタマイズ可。
デザインページ2
こちらは画面幅いっぱいの画像コンテンツと2段までの画像を組み合わせたバージョン。
（専用のコンテンツビルダーを活用）
コンテンツビルダー利用時は各ブロックの並び替えや追加/削除も自由自在。
フリースペースを追加すればランディングページ（LP）としての利用も可能。
ランディングページ（LP）
こちらはランディングページ（LP）作成に適したレイアウト構成。
テキストや画像を設定するだけでキャッチコピーや説明文や画像などがきれいに配置される仕様。
Googleマップによる地図情報も掲載可。
デザイン済み一覧表も表示できる仕様で、ボタン一つで直感的に作成可能。
（ドラッグ&ドロップで並び替えも簡単）
LP用テンプレートはヘッダー/フッターやグローバルメニューなどの表示/非表示設定も思いのまま。
すべてのページテンプレートにはHTML入力可能なフリースペースが実装されてます。
オリジナル機能【その他】
ヘッダー（トップページ）
通常の企業サイトと異なりブランディングサイトにおいてはロゴがとても重要な要素と考えるHAKUではロゴコンテンツ（ロゴ＋キャッチフレーズ＋背景画像）の表示にこだわりあり。
オープニング画面はフル画面の背景画像に重ねてロゴを表示できる仕様。
（デモサイトではじんわりと浮かび上がって表示）
テキストは横書きにも切り替え可。
表示までの秒数なども個々に指定可。
オープニング画面のあとは複数の（背景）動画 or 静止画＋テキストの組み合わせによる表示。
背景には静止画像・MP4・YouTube動画が設置可能。
（1枚目は動画で2枚目は静止画というカスタマイズも可）
基本的には用意されている設定箇所にテキストや画像をセットしていくだけ。
トップページ仕様
ヘッダーから下のトップページはコンテンツビルダーを利用時、以下のコンテンツ群が用意されてます。
（各コンテンツの追加や並び替え、表示/非表示は自由に設定可）
フルサイズコンテンツ
（フル幅）画像＋テキスト。
3点バナーコンテンツ
3分割された画像とテキストによるバナー構成。（※PC表示時）
（マウスオーバーでキャプションが表示）
スマホでは1枚ずつの縦3枚表示。
レイヤー画像コンテンツ
（背景）画像の上にさらに別の画像をフェードイン表示できる機能。
画像下のキャプションのほか、マウスオーバー時には別のテキスト（商品名など）を表示させる機能も搭載。
2ブロックコンテンツ
ブログ記事・お知らせ記事・商品ページから選んで表示可能なカルーセルスライダー。
（並び順は日付順とランダム順から選択可）
フリースペース
HTMLでの記述が可能な、文字通り自由に設定できるコンテンツエリア。
その他
- 新クイックタグ
- コンテンツビルダー
- カスタムCSS
- カスタムスクリプト
- ヘッダーメッセージ
- スマホ専用フッターバー
- 構造化マークアップ適用パンくずリスト
- メガメニュー
- 404ページカスタマイズ機能
- ソーシャルボタンの表示設定
- SNSボタン設定
サポート
TCDテーマのインストール、初期設定、使い方のメールサポートあり。
独自カスタマイズについて
TCDのテーマはいずれも完成度が高いため、（それなりの知識がある方でも）独自カスタマイズがかえってやりにくいという面もあります。
それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。
TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。
ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。
カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。
無料テーマRebirth
TCDテーマの中には完全無料で利用できるテーマもあります。それが「Rebirth」。
元々有料で販売する予定だったテーマなので機能もしっかりしたものです。
お試し感覚で利用してみるのもいいかもしれません。
どんな方におススメ？
- 特定商品をクローズアップしてブランドイメージを高めたい
HAKUは商品のイメージアップが第一目的のサイトなどには特におススメのワードプレス・テーマ。
それゆえ限定商品で勝負をかけるベンチャー系企業のコーポレートサイトなどとも相性がいいです。
また随所でフォントに明朝体を選択できたり縦書きにも対応しているので和風サイトとの相性もいいです。
TCDテーマの中で、コーポレートサイト（企業サイト）に最適なテーマはこのページを含めてほかにもまだあります。
スクロールできます
| Beyond （tcd094） | 高機能チャートを駆使したグラフィカルなコーポレートサイト向けテーマ。 | 詳細ページ | 公式サイト |
| HORIZON （tcd093） | 全画面の横スクロール型サイト作成テーマ。 | 詳細ページ | 公式サイト |
| FALCON （tcd089） | 商品の魅力と価値を引き出すブランドギャラリー向けテーマ。 | 詳細ページ | 公式サイト |
| SOLARIS （tcd088） | 最先端のテクノロジー企業のような質の高いコーポレートサイト向けテーマ。 | 詳細ページ | 公式サイト |
| DROP （tcd087） | LP型トップページが特長＆高機能なチャート・グラフ作成機能を実装したビジネスサイト向けテーマ。 | 詳細ページ | 公式サイト |
| MASSIVE （tcd084） | 自社専用の求人募集サイト作成用テーマ。 | 詳細ページ | 公式サイト |
| ANTHEM （tcd083） | 集客からセールスまでをパッケージ化したスモールビジネス・デジタルコンテンツ販売向けテーマ。 | 詳細ページ | 公式サイト |
| HAKU （tcd080） | 商品のブランドイメージ向上（ブランディング）にスポットをあてたテーマ。 | 詳細ページ | 公式サイト |
| FORCE （tcd078） | チームやサークルの運営を強力にサポートするテーマ。企業サイトとしても活用可能。 | 詳細ページ | 公式サイト |
| FAKE （tcd074） | スピード重視とミニマル設計の企業向けテーマ。 | 詳細ページ | 公式サイト |
| NANO （tcd065） | 中堅・大企業にも使える本格派コーポレートサイトを構築できるテーマ。 | 詳細ページ | 公式サイト |
コメント