ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもあります。必ず公式サイトでご確認ください。
ANTHEM(TCD083)【日本語ワードプレステーマ】
当ページの一部リンクにはプロモーションが含まれています。

目次
テーマ[ANTHEM]が選ばれる理由
「ANTHEM」は、ブランドイメージの形成・集客・売上(セールス)までをパッケージ化した、スモールビジネス・デジタルコンテンツ販売向けワードプレステーマです。
アニメーションやレイヤーコンテンツ、動画などを駆使した商品イメージアップのための機能はもちろん、不要な要素をそぎ落としたセールス力の高い販売ページや高機能なランキングページといった多彩なレイアウトデザインと豊富なオリジナル機能が数多く用意されてます。
テーマ内に決済機能は搭載されてません。
そのためオンラインショップであればPayPalなど外部の決済代行サービスを利用する、もしくはECサイト作成サービス等の決済ページにリンクさせるなどの使い方になります。
テーマ[ANTHEM]に向いてる業種/サイト
- 個人事業主/フリーランス/小規模事業者などの事業サイト。
企業サイトや個人事業主のサイトであればイノ・コードという企業が出してる”ビジネステーマ”の「Emanon」も検討の余地ありです。
TCDテーマとEmanonの違い
| TCD | Emanon | |
|---|---|---|
| 価格 | 他テーマに較べるとテーマとしては割高。 しかも業種/目的ごとに異なるテーマを購入する場合もあり。 | TCDテーマに較べると安いが、付属品(プラグイン等)も購入するとそれなりの金額になるケースもあり。 |
| デザイン/機能 | テーマ(業種)ごとに最適なデザインや必須の機能が予め用意されてる。 そのため記事の中身だけに専念すればいいので時短にもなる。 | デザイン面は割とシンプル。ただしある程度自由にレイアウトを構築できるので柔軟性は高い。 ただし納得のいくデザインが構築できるまでには時間を要することも。デザインセンスの問題もあるかと。 Emanon Patternsを使えばデザイン面は解決する場合もあり。 企業サイトや個人事業主サイトに限っていえば汎用的な機能は一通り用意されてる。 |
| 汎用性 | 業種/目的別にデザインや機能がある程度固定化されてるのでカスタマイズ性は低い。やるならそれ相応のスキルが必要。 というかそれをやらなくてすむほど完成しているのがTCDテーマの真骨頂ともいえる。 | テキストや画像を記入するだけで完成する一部の機能はカスタマイズが難しいが、ブロックエディター中心の箇所は好きなようにカスタマイズが可能。 それゆえ一つのテーマで業種/目的が異なるサイトでも使い回しがきく。 |
TCDの各テーマに搭載されてる共通のオリジナル機能はこちらのページにまとめてあります。
※当サイトで紹介しているテーマ内に出てくる独自(専門)用語の意味がいまいち理解しにくいという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP&ツイッターカード・PWA・Welcart(ウェルカート)・WooCommerce(ウーコマース)・アップセル&クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス(デザイン)・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット&構造化マークアップ(JSON-LD)・レイヤー画像・レスポンシブデザイン
テーマ[ANTHEM]の注目ポイント
商品ページ
”いかに効率よくかつ効果的に商品をアピールできるか”を念頭に置いて実装されてるのが『商品ページ』作成機能。
商品ページ(アーカイブ)
『商品』アーカイブ(一覧)ページでは『商品』作成時に設定したカテゴリーが上部にタブ表示される仕様。
カテゴリー分けされたタブをクリックすると当該カテゴリー内の『商品』がソートされた状態で表示されます。

商品ページ(詳細)
ヘッダー
『商品』詳細ページのヘッダー背景画像の上にはレイヤー画像もセット可能。
(レイヤー画像にはアニメーションを付けることも可・レイヤーなしも可)
背景画像にはオーバーレイやボカシといったエフェクトも設定可。

メインコンテンツ【トップ】
ヘッダー以下は以下のメインコンテンツを商品ページ専用コンテンツビルダーにて作成可能。
(並び替えや表示/非表示も簡単調整可)
中央にはキャッチフレーズをセット可。
(下のサンプルでは)その下にフリースペースでテキストが追加されてます。

メインコンテンツ【特長一覧】
特長一覧では画像付きでリストを表示可能。
リスト先頭にはアイコン風の画像や任意の画像をセット可。
リスト項目の追加や並び替え、1列か2列(PCのみ)なども調整可。

レビュー機能
お客さんの評価付きレビューを表示可。
レビュー内容自体は管理画面から入力する仕様で、実際の利用者の評価に合わせて5段階のスターが設定可。
表示順番は「日付順」と「参考になった順」から選択可。

フリースペース
完全オリジナルのコンテンツ作成エリア。画像やテキストを好きなように記述できます。
(HTMLでの入力も可)
コンテンツリンクボタン
各ブロックごとに”見出し”を設定すると自動でコンテンツリンクボタンと呼ばれるメニューが表示される仕様。
クリックすると目的地(各見出し)までスクロール移動します。
(右端には外部リンクを設定可能なボタンも任意でセット可能)

サイドエリアの追従バー
サイドエリアには商品名や概要、購入ページへのリンクボタンなどが設置可能なウィジェット形式の追従バーを表示できます。
(リンク先を設定できるボタンは任意の数だけ設置)

ボタンのラベルとリンクURLを変更すれば銀行振込やPayPal決済などに変えることも可能。
(決済手段はご自身で用意する必要あり)

テーマ[ANTHEM]の注目ポイント
ヘッダーコンテンツ(ファーストビュー)
背景には静止画像(複数ならスライダー形式)・mp4動画・youtube動画が設置可。
トップページのヘッダーエリアでは背景画像や背景動画上に見出しやリード文さらにはレイヤー画像までもセット可能。
それぞれにアニメーションを加えることも可。
(シンプルなヘッダーのみもOK)

ちなみに上のレイヤー画像は3枚の画像のようにも見えますが、実際は3枚の画像を組み合わせて赤枠で囲ったサイズに加工した1枚画像です。
1枚画像なのになぜギザギザに切り取ったような画像に見えるのかと言えば、切り取った部分を透明化できるPNGという形式で出力されてるからです。
それゆえ透明化された部分は”下に位置”する背景動画が透けて見えるというわけです。
一般的なJPEG形式の画像は透明化機能がないため、切り取った部分は自動的に白で表示されてしまい下の画像が透けることはありません。
レイヤー画像やテキストの表示位置は選択肢から選ぶだけの簡単設定。

ヘッダーエリアはスマホではこちらのように表示されます。

カルーセルスライダー
ヘッダー下には『商品』作成機能で作ったコンテンツをスライダー形式で連動表示可。

ニュースティッカー
同じくヘッダー下にニュースティッカーでブログ記事やお知らせも表示可能。
(並び順は日付順やランダムから選択可)

メインコンテンツ(トップページ)
コンテンツビルダーを使ったアイテムの組み合わせで簡単構成。表示/非表示や並べ替えも簡単操作。
以下のアイテムが用意されており、いずれも専用の設定画面が実装されてます。
レイヤー画像
ヘッダーエリアでも紹介したレイヤー画像とシンプルな背景画像+テキストのコンテンツ。
(それぞれにアニメーションも設定可)

記事カルーセル
ブログ記事かお知らせ記事のいずれかをカルーセルスライダー形式で表示可能。
(記事の並び順、表示する記事数、スライダースピードなども調整可)

商品一覧
『商品ページ』作成機能で作った商品画像と説明文が連動して表示。

フリースペース
HTMLも使える完全自由なスペース。

ランキング
ANTHEMのランキング機能は期間別(今月、先月、年間)・ジャンル別・用途別など複数ランキングが作成可能。
しかも1ページ内に複数ランキングを同時表示することもでき、その場合はページ上部のコンテンツリンクボタンに(タブ切り替えで)連動表示。

ランキング一覧の作成は商品詳細ページの記事IDを並べるだけの簡単操作。
もちろん並べ替えや表示/非表示もOK。

ランディングページ(LP)
ランディングページではページごとにヘッダー・フッターやメニューの表示/非表示、コンテンツ幅の変更などがチェック一つで選択可。

LPのメインエリアは基本的に以下のコンテンツの組み合わせで構成されてます。
コンテンツ一覧
3列までで折り返すページデザイン。
画像に加えて見出しや説明文はカスタマイズが可能。

レイヤー画像コンテンツ
ヘッダーエリアで紹介したレイヤー画像付き背景画像を画面フル幅で表示できるコンテンツ。
(レイヤー画像なしでもOK)
アニメーションのON/OFF、テキストやレイヤー画像の位置は調整可。

フリースペース
通常の記事と同じくあらゆるコンテンツが作成可能なフリースペース。
見出し・キャッチフレーズ・本文で構成されます。

見出しデザインはあらかじめ用意されている以下の3タイプから選択可。

さらに見出しを作成すると(「商品詳細ページ」同様)ヘッダー下のコンテンツリンクボタンに連動表示されるようになり、スクロール移動が可能になります。

サポートページ
サポートページではよくある質問などをアコーディオン(開閉)形式のQ&Aで簡単に表示可能。
カテゴリーごとの分類も可。
記事タイトル部分に質問を、本文エリアに回答を書くだけ。
また設定したカテゴリーはヘッダー下に(もうお馴染みの)コンテンツリンクボタンで連動表示。

テーマ汎用機能
- 『TCDクラシックエディター』プラグイン対応
- クイックタグ(Gutenberg対応)
- アラートを表示できるヘッダーメッセージ
- 標準フォント(メイリオ/游ゴシック/游明朝)
- 見出しの縦書き対応
- スマホ用フッターバー
- カスタムCSS
- カスタムスクリプト
- プリセットカラー(5タイプ)
- ローディング機能
- 登録済みアイキャッチ画像のサイズ一括調整(regenerate thumbnails)
- アイキャッチ未設定時の代替画像作成
- microdata形式対応パンくずリスト
- 404ページカスタマイズ
- SNSシェアボタン
- PWA対応
- LP(ランディングページ)専用テンプレート
- 投稿者プロフィール&投稿者一覧ページ
- カスタム投稿タイプ「お知らせ」
- カスタム投稿タイプ「商品販売ページ」
- カスタム投稿タイプ「よくあるご質問(FAQ)」
カスタム投稿タイプとは
TCDテーマには必ずといっていいほど「カスタム投稿」タイプが付いてます。これ、通常の投稿と何が違うかご存じですか?
簡単にその違いをご紹介します。
ワードプレスにデフォルトで備わってる主な投稿タイプには「投稿」と「固定ページ」があります。

「投稿」はブログ記事など時系列順にコンテンツを発信するのに向いており、”カテゴリー”や”タグ”と呼ばれるページ分類機能が備わってます。
作成した記事を一覧表示するアーカイブページも存在します。
「固定ページ」は時系列に関係なく、そのページ単体で完結するようなコンテンツ作成に向いてます。たとえば”会社案内”や”FAQページ”、”問い合わせページ”など。
時系列からは外れてるため、カテゴリー等で分類することはできずアーカイブページも存在しません。
その代わり固定ページ同士での階層関係を持てたりページテンプレートを選択できる機能が備わっています。
「カスタム投稿(タイプ)」は編集画面は「投稿」と似てますが、コンテンツの内容に合わせてデザインやレイアウトを自由に設定できるのが特長です。
(TCDテーマであれば)”お知らせ”や”会社実績”、”特集”などがカスタム投稿タイプで構成されてます。
また管理画面には「投稿ページ」や「固定ページ」の他に設定済みの「(カスタム投稿タイプ名)」が出現します。
更新作業の際はそのメニューから直接編集画面を開けるのでとても便利です。
サポート
TCDテーマのインストール、初期設定、使い方のメールサポートあり。
独自カスタマイズについて
TCDのテーマはいずれも完成度が高いため、(それなりの知識がある方でも)独自カスタマイズがかえってやりにくいという面もあります。
それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。
TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。
ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。
カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。
無料テーマ GLUE
TCDテーマの中には完全無料で利用できるテーマもあります。それが「GLUE」。
初心者からプロまで使える高機能なブログ向けWordPressテーマです。
テーマ選びでお悩みの方はお試し感覚で使ってみるのもいいんじゃないでしょうか。
企業(コーポレート)サイト向けのテーマはこのページを含めてほかにもまだあります。
スクロールできます
| BLAZE (TCD120) | トップページのみで商品紹介~お問い合わせまでの導線が完結する、まさにLP(ランディングページ)のような企業サイト向けテーマ。 | 詳細ページ | 公式サイト |
|---|---|---|---|
| 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) | 個人ブログ〜大規模メディアまで制作可能なメディア/ブログ向けテーマ。 | 詳細ページ | 公式サイト |
|---|---|---|---|
| SEEED (TCD105) | 低コストで自社商品やサービスを広く知らしめたり販売するのに最適なページ構成のテーマ。 | 詳細ページ | 公式サイト |
| FALCON (TCD089) | 商品(サービス)の魅力をストレートに伝えるオンライン上のショールームのようなテーマ。 | 詳細ページ | 公式サイト |
| DROP (TCD087) | プロモーションサイトのようなランディングページ(LP)型のトップページ作成機能を備えたテーマ。 | 詳細ページ | 公式サイト |
| meets (TCD086) | 画像や動画を多用してその世界観をアピールできるメディア/観光事業/アパレル/飲食店向けテーマ。 | 詳細ページ | 公式サイト |
| ANTHEM (TCD083) | ブランドイメージの形成/集客/売上(セールス)までをパッケージ化した、スモールビジネス/デジタルコンテンツ販売向けテーマ。 | 詳細ページ | 公式サイト |
| HAKU (TCD080) | 商品のブランドイメージ向上(ブランディング)にスポットをあてたテーマ。 | 詳細ページ | 公式サイト |

コメント