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

目次
テーマ[Ankle]が選ばれる理由
「Ankle」はプラグイン「WooCommerce(ウーコマース」対応のオンラインショップ構築用ワードプレステーマです。
ショップ作成用の機能はWooCommerceに託し、Ankleはレイアウトデザインや集客面の役割を担当。
つまり商品さえ登録すれば簡単にオンラインショップが立ち上がるようにデザインされています。
低コストで簡単にオンラインショップを運営できるので、知名度やブランド力を時間をかけて育てるサイト運営に向いてます。
WooCommerceとは?
「WooCommerce(ウーコマース)」はWelcart同様、ワードプレスでオンラインショップを構築するための(無料)プラグインで、カート・在庫管理・顧客管理・税率設定・メール配信といったオンラインショップに必要な機能はすべて揃ってます。
(有料サービスもあり)
WooCommerceを導入すれば個人でもお手軽にオンラインショップを運営できます。
テーマ内に決済機能は搭載されてません。
そのためオンラインショップであればPayPalなど外部の決済代行サービスを利用する、もしくはECサイト作成サービス等の決済ページにリンクさせるなどの使い方になります。
WooCommerceのメリットとしては無料の拡張プラグインが豊富にWeb上にあること。
Instagramと商品のタグ付け連携なんかもプラグインからできます。
またWooCommerceアプリを使えば外出中の注文確認やスマホからの商品登録もできます。
TCDテーマではWooCommerceを使ったことがない人のためにWooCommerceのインストールや基本設定などの解説ページも別途用意してます。

テーマ[Ankle]に向いてる業種/サイト
- レイアウトデザイン的にはかわいいネットショップ向けなので、アクセサリー /コスメ/雑貨/家具といったライフスタイルを彩るグッズ販売サイトに最適。
※当サイトで紹介しているテーマ内に出てくる独自(専門)用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP&ツイッターカード・PWA・Welcart(ウェルカート)・WooCommerce(ウーコマース)・アップセル&クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス(デザイン)・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット&構造化マークアップ(JSON-LD)・レイヤー画像・レスポンシブデザイン
テーマ[Ankle]の注目ポイント
商品ページ(詳細)
商品の登録はWooCommerce用の管理メニューから簡単に追加可能。
通常の記事を作成するようにアイキャッチ画像(商品画像など)を登録し、商品説明用の本文や価格などを設定すれば商品ページが完成する流れ。
(商品画像は最大10枚まで設定可)

追加情報
『商品詳細』ページでは、商品画像下部に追加情報(テキストやバナーなど)も表示可。

タブ表示
スペック・備考欄などをタブ表示させてコンパクトに表示できます。
お気に入りやレビュー機能も表示可。
タブエリア最下部には商品に設定したタグの自動表示機能もあり、似たテイストの商品が探しやすくなる工夫も盛り込まれてます。

関連商品
関連商品・チェックした商品の一覧表示といったコンバージョン率や顧客単価を高める機能も標準実装。

星レビュー
お客さんが商品の口コミを投稿した際はその評価が自動で平均化される仕様。
その評価を星の数で商品タイトル下に自動反映させることも可。

会員登録したユーザーのみの投稿が有効かつ管理者による承認を必要とするので、スパムや重複内容がそのまま公開されることもなし。
商品ページ(アーカイブ)
『商品』アーカイブ(一覧)ページでは以下の3種類のバッジと在庫切れラベルを自動表示可能。
(ラベルカラーや表示するテキストは任意のものに変更可)
- 新着商品(商品公開から3日以内の商品)
- セール商品(セール価格を設定した商品)
- おすすめ商品(管理画面で指定した商品)

テーマ[Ankle]の主要機能
メインコンテンツ(トップページ)
コンテンツビルダーを使ったアイテムの組み合わせで簡単構成。表示/非表示や並べ替えも簡単操作。
以下のアイテムが用意されており、いずれも専用の設定画面が実装されてます。
商品一覧
WooCommerceで商品登録と諸設定(配送方法や決済方法など)を済ませるだけで商品一覧が並ぶシンプルなレイアウトデザイン。
注目商品・セール商品・おすすめ商品といった絞り込み表示も可。
(スマホなどの小さな画面用に、表示する商品数を減らすことも可)

ブログ(記事)カルーセル
重要な集客ツールでもあるブログ記事をカルーセルスライダー形式で表示可。
(記事を指定してのピンポイントアピールも可)

フリースペース
オリジナルのコンテンツ作成用エリア。
Youtube動画を置いてみたりHTMLタグを駆使してあなたのサイトだけのコンテンツを表示させるもよし。
CTA
Ankleでは以下の3種類のCTAが設定可。
記事下CTA
(商品)詳細ページ下に表示可能なCTA。
テキストと画像を入れ込むだけの簡単仕様。
ABテストもできて各ページのCTAのクリック数やコンバージョン率も計測可。

ポップアップCTA
ページをスクロールすると画面右下にピョコンと現れるポップアップCTA。
(テキストでも画像でもOK)

「×」をクリックして非表示にするとブラウザを閉じるまでは二度と表示されない仕様。
モーダルCTA
こちらはページを開くと同時にモーダル形式のウィンドウで表示されるCTA。
(テキストや画像だけでなく動画広告なども設置可)
利用者の視線を一気にひきつけられる強力な機能である反面、ウインドウを閉じない限り利用者は他の操作がいっさいできなくなるため、最初に訪れたページにのみ表示される仕様。
(一度閉じればブラウザを閉じるまで再表示はされません)

テーマ汎用機能
- 『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テーマです。
テーマ選びでお悩みの方はお試し感覚で使ってみるのもいいんじゃないでしょうか。
オンラインショップ構築に最適なテーマはこのページを含めてほかにもまだあります。
スクロールできます
| HARVES (tcd118) | 高性能なWooCommerce対応オンラインショップ向けテーマ | 詳細ページ | 公式サイト |
|---|---|---|---|
| RIKYU (tcd104) | 幅広いジャンルで使えるWooCommerce対応オンラインショップ向けテーマ。 | 詳細ページ | 公式サイト |
| BASARA (tcd100) | WooCommerce対応(和風)オンラインショップ向けテーマ。 | 詳細ページ | 公式サイト |
| common (tcd097) | デジタルコンテンツ(ダウンロード)販売向けWooCommerce専用テーマ。 | 詳細ページ | 公式サイト |
| Ankle (tcd092) | WooCommerce専用にデザインされたオンラインショップ向けテーマ。 | 詳細ページ | 公式サイト |
| EGO. (tcd079) | WooCommerce・Welcart2大ショッピングカートに対応したテーマ。 | 詳細ページ | 公式サイト |
| GLAMOUR (tcd073) | 大規模セレクトショップでも活用可能なWelcart対応オンラインショップ向けテーマ。 | 詳細ページ | 公式サイト |
| ICONIC (tcd062) | ミニマルに統一されたシックなデザインのWelcart対応テーマ。 | 詳細ページ | 公式サイト |
コメント