QUALIA(TCD114)【日本語ワードプレステーマ】

当ページの一部リンクにはプロモーションが含まれています。
アイキャッチ画像

ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもあります。必ず公式サイトでご確認ください。

目次

テーマ[QUALIA]が選ばれる理由

ヨガピラティススタジオをイメージして開発されたワードプレステーマが「QUALIA」です。

インストラクター・ プログラム紹介・料金表・お知らせ・よくある質問・会社概要・アクセス・ブログなど必要なページ作成機能がすべて搭載されており、実際の予約や来店につながる/行動を促す構造設計が施された実用性の高いテーマ

雰囲気は女性的でナチュラルなデザイン、またサイト全般に柔らかい雰囲気のアニメーションも実装。
しかも事務スタッフでも簡単に扱える管理画面なので余計な出費もかかりません。

テーマ[QUALIA]に向いてる業種/サイト

  • ヨガやピラティス、エステサロンなどの美容/健康系スタジオ紹介サイト。

※当サイトで紹介しているテーマ内に出てくる独自(専門)用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。

以下の用語について簡単に解説してます。【五十音順】

ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP&ツイッターカード・PWA・Welcart(ウェルカート)・WooCommerce(ウーコマース)・アップセル&クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス(デザイン)・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット&構造化マークアップ(JSON-LD)・レイヤー画像・レスポンシブデザイン

テーマ[QUALIA]の注目ポイント

プログラム

「プログラム」とはジムやスタジオのメインサービスを紹介するページ作成機能です。

詳細ページ

1カラムで、アイキャッチ画像がヘッダーに表示される仕様。
ヘッダー画像下部にはアンカーリンク(ページ内リンク)も自動設定。(本文内のH2から自動生成)

キャプチャ画像

アーカイブページ

プログラム詳細ページの一覧表示ページです。

キャプチャ画像

ヘッダー画像やオーバーレイ、見出しやキャッチコピーなども設定可能。

キャプチャ画像

料金表

スタジオやプランなどの料金表を作成・管理できます。
1つの料金表を1セットとして最大10個まで登録可。

キャプチャ画像

テーマ[QUALIA]の主要機能

ヘッダーコンテンツ(ファーストビュー)

背景には静止画像(複数ならスライダー形式)・mp4動画・youtube動画が設置可。

画像や動画の背景上にはキャッチコピーボタンリンクも表示可。
キャッチコピーは縦書き表記も可。
(ヘッダーの非表示ももちろん可)

ヘッダー画像下のエリアにはニュースティッカーも表示可。(投稿 or お知らせ)

キャプチャ画像

メインコンテンツ(トップページ)

コンテンツビルダーを使ったアイテムの組み合わせで簡単構成。表示/非表示や並べ替えも簡単操作。

以下のアイテムが用意されており、いずれも専用の設定画面が実装されてます。

用意されてるブロックは以下の通り。
各ブロックの表示/非表示追加・並び替えなどは自由自在に変更可。

キャプチャ画像

投稿スライダー

投稿記事を2件ずつスライダー形式で表示。
見出し/説明文は任意。記事の並び順も「すべて/カテゴリー指定/ID指定」から選択可。

キャプチャ画像

スプリットレイアウト

画像とテキストを左右に分けて表示するデザインブロック。
左右の入れ替えや画像にオーバーレイなども設定可。

キャプチャ画像

グリッドレイアウト

デザインされたブロックを2カラムまたは3カラムで表示。

キャプチャ画像

お知らせ一覧

お知らせ記事を一覧表示。
カテゴリーごとの表示も可。

フリースペース

HTMLやパターンを使って自由に内容を書きこみ可能なエリア。
見出しや横幅(コンテンツ幅 or フル幅)なども調整可。

キャプチャ画像

コンテンツビルダーを使わず完全オリジナルでのトップページ作成も可能。

プロフィール(スタッフ)紹介

スタッフの登録自体はワードプレスの管理画面にて「ユーザーを追加」から設定。
(複数人登録可)

キャプチャ画像

「情報の追加」に記入すればプロフィール詳細ページでは下のように表示。
スタッフが書いたブログ記事との連動表示も可。

キャプチャ画像

記事本文下部にも投稿者プロフィールを表示可。

キャプチャ画像

プロフィール一覧ページではユーザーごとに表示/非表示・並び替えが設定可。
キャッチコピーや見出しなども設定可。

キャプチャ画像

FAQ

よくある質問(FAQ)の編集画面は下のように『記事タイトルエリア→質問文』『本文エリア→回答文』というシンプルな設定。(カテゴリー別の分類設定も可)

詳細ページはなくアーカイブ(一覧)ページのみが作成される仕様。

キャプチャ画像

バナー

画像・見出し・URLの設定だけでデザイン済みバナーを作成可能。
最大5つまで登録可能。

キャプチャ画像

テーマ汎用機能

カスタム投稿タイプとは

TCDテーマには必ずといっていいほど「カスタム投稿」タイプが付いてます。これ、通常の投稿と何が違うかご存じですか?
簡単にその違いをご紹介します。

ワードプレスにデフォルトで備わってる主な投稿タイプには「投稿」と「固定ページ」があります。

キャプチャ画像

投稿」はブログ記事など時系列順にコンテンツを発信するのに向いており、”カテゴリー”や”タグ”と呼ばれるページ分類機能が備わってます。
作成した記事を一覧表示するアーカイブページも存在します。

固定ページ」は時系列に関係なく、そのページ単体で完結するようなコンテンツ作成に向いてます。たとえば”会社案内”や”FAQページ”、”問い合わせページ”など。
時系列からは外れてるため、カテゴリー等で分類することはできずアーカイブページも存在しません。
その代わり固定ページ同士での階層関係を持てたりページテンプレートを選択できる機能が備わっています。

カスタム投稿(タイプ)」は編集画面は「投稿」と似てますが、コンテンツの内容に合わせてデザインやレイアウトを自由に設定できるのが特長です。
(TCDテーマであれば)”お知らせ”や”会社実績”、”特集”などがカスタム投稿タイプで構成されてます。

また管理画面には「投稿ページ」や「固定ページ」の他に設定済みの「(カスタム投稿タイプ名)」が出現します。
更新作業の際はそのメニューから直接編集画面を開けるのでとても便利です。

サポート

TCDテーマのインストール、初期設定、使い方のメールサポートあり。
 

独自カスタマイズについて

TCDのテーマはいずれも完成度が高いため、(それなりの知識がある方でも)独自カスタマイズがかえってやりにくいという面もあります。

それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。

TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。

ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。

カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。

無料テーマ GLUE

TCDテーマの中には完全無料で利用できるテーマもあります。それが「GLUE」。
初心者からプロまで使える高機能なブログ向けWordPressテーマです。

テーマ選びでお悩みの方はお試し感覚で使ってみるのもいいんじゃないでしょうか。

 

美容・健康・リラクゼーション関連施設用テーマはこのページを含めてほかにもまだあります。

スクロールできます
QUALIA
(tcd114)
ヨガやピラティススタジオのために設計されたテーマ。詳細ページ公式サイト
HOLOS
(tcd108)
整体・接骨・鍼灸院など実店舗で施術やレッスンを行う店舗サイトとの相性がいいテーマ。詳細ページ公式サイト
HOMME
(tcd107)
バーバー・ネイルサロンなどスタッフと作品(実績)の連携機能が充実したテーマ。詳細ページ公式サイト
HEAL
(tcd077)
美容サロンやリラクゼーション施設などサービス業全般に最適なデザイン性と機能性を持ち合わせたテーマ。詳細ページ公式サイト
NOEL
(tcd072)
美容医療やエステサロン、コスメなど美容全般に関するサイト向けテーマ。詳細ページ公式サイト
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次