高機能な不動産物件ポータルサイトが作成できるWordPressテーマ「GRAVITY」
ワードプレステーマ別

TCDテーマのカスタマイズ方法をシェア TCDテーマの豊富な
カスタマイズ方法を発信中!

ユーザーさまのご要望を実現するカスタマイズ方法を発信中。
当LABOを参考にTCDテーマを自分好みにアップグレードいただけます。
多くのユーザーさまのお声を反映した
実用的なTipsをシェアいたします。

  1. 新着記事
  2. おすすめ記事
  3. TCD LABOについて
  • meets (TCD086)

TCDテーマmeets:トップページ「ブログ記事一覧」で特定カテゴリーの記事のみを表示する方法

Q.「ブログ記事一覧」で全記事ではなく、特定カテゴリーの記事のみ表示したいです。特定のカテゴリーを指定して表示させるには、テーマファイルの編集が必要です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペ

  • ZEN (TCD113)

ZEN:カスタム投稿「季節の行事」のアイキャッチ画像・説明文のエリアの背景色を変更する方法

Q.質問内容・カスタム投稿「季節の行事」の投稿ページにおいて、アイキャッチ画像・説明文のエリアの背景色を変更する方法を教えてください。・カスタム投稿「季節の行事」の各記事のアイキャッチ画像周辺の背景画像を削除したいです。▼変更箇所イメージ(撮影箇所:デモサイト「春の行事」)

  • HOLOS (TCD108)

HOLOS:エディターで記載したテキストの横幅を広げる方法

Q.質問内容・テキストの横幅が、ショートコードで追加できるコンテンツの横幅と異なるので、幅を統一させたいです。・エディターで追記した内容の横幅を、もう少し広げたいです。▼変更箇所イメージ(撮影箇所:デモサイト「料金について」)A.下記の方法でカスタマイズしてください。

  • GENESIS (TCD103)

TCDテーマGENESIS:トップページのコンテンツ背景色を変更する方法

Q.トップページコンテンツビルダーの各コンテンツ背景色を変更できますか?トップページのコンテンツビルダーの各コンテンツ背景色は白・グレーが交互になるようにテーマ側でデザインされています。▼変更箇所イメージ →GENESISデモサイトA.下記の方法で対応してください。背

  • MONAD (TCD110)

TCDテーマMONAD:フッターの「情報」「営業日・営業時間」を複数表示させる方法

Q.フッターの「営業日・営業時間」の表を二つ表示したいです。当記事では、 1)「情報」は一つのまま、「営業日・営業時間」の表を二つ表示させる方法 2)「情報」と「営業日・営業時間」を二つずつ表示させる方法の2パターンの方法を解説しています。▼変更箇所イメージ  (❶情報 ❷営

  • REHUB (TCD099)

TCDテーマREHUB:トップページヘッダーコンテンツの切り替わる速度を変更する方法

Q.トップページのヘッダーコンテンツが切り替わる時間を変更したいです。デフォルトでは5秒に設定されています。変更にはテーマファイルの修正が必要です。▼変更箇所イメージA.下記の箇所を編集してください。ヘッダーコンテンツを「フロントカバー」にしている場合編集する

  • KADAN (TCD056)

TCDテーマKADAN:ヒーローヘッダーのテキストアニメーションをオフにする方法

Q.質問内容ヒーローヘッダーのテキストアニメーションをオフにしたいです。特にスマホだとキャッチフレーズなどが表示される前にスクロールされてしまうため、最初から表示されるようにできたらと考えています。▼変更箇所イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を

  • BASARA (TCD100)

TCDテーマBASARA:特集ぺージの商品カテゴリー説明文抜粋を省略させずに表示させる方法

Q.商品の特集ぺージで、カテゴリー説明文を省略させずに表示したいです。▼変更後のイメージ   →変更前:BASARAの「特集(目的で選ぶ)」ぺージBASARAを検討中のお客様へBASARAは一般的な商品カテゴリーとは別に目的別のカテゴリーを設定できます。商品カテゴリー:「餅菓

  • GLUE (FREE002)

TCDテーマGLUE:ホバー時のフェード背景色・透過率を変更する方法

Q.TCDテーマ > 基本設定 > アイキャッチ > ホバーエフェクトで「フェード」を選択していますが、色や透明度を変更したいです。サイトの雰囲気によっては、フェード背景色を変更してもいいかもしれませんね。A.下記の方法で対応してください。TCDテーマ>基本設定

  • テーマ共通

TCDテーマ共通:トップページに自由にコンテンツを追加できるスペースがほしい

Q.トップページに自由にコンテンツを追加できるスペースがほしいTCDテーマSOURCEなどのテーマでは、自由にコンテンツを作成できる「フリースペース」がありますが、この機能がないテーマにもコンテンツを追加したい。A.該当ファイルを編集してください今回は、MAGテーマに追加する方法をご

  • SKIN (TCD046)

TCDテーマSKIN:カスタム投稿タイプで自動的に表示される文言とスラッグ(URL)を変更する方法

Q.カスタム投稿タイプ名を変更したい多くのTCDテーマでカスタム投稿を実装しておりますが、ニュースやお知らせ以外にも作成するサイトによっては、名前やスラッグ(URL)を変更したいものがあると思います。A.下記のphpファイルの該当箇所を編集しますそのため、最近のTCDテーマではテーマ

  • Precious (TCD019)

TCDテーマPrecious:スマホサイトとパソコンサイトで表示を分ける方法

Q.スマホのみバナーを非表示にしたいPCサイトでは、バナーを表示してスマホサイトではバナーを非表示にする方法はありますか?A.下記のファイルをご編集ください非表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。スライダー下のバナーの場合

  • テーマ共通

TCDテーマ共通:トップページに、テキストや画像などを挿入する方法

Q.テキストや画像をトップページの任意の箇所に挿入できますか?トップページではトップページ専用のテンプレートが適用され、自由にテキストや画像を表示させることができないのですが、例えばスライダーの下部、コンテンツの上部にテキストを入れる場合どのようにすればよいのでしょうか?A.下記のphp

「TCD LABO」とは?

「TCD LABO」では、実際にTCDテーマをご利用のお客様からいただくご質問などから、よくある質問やカスタマイズに関する情報を掲載しています。
テーマのカスタマイズでわからないことが出てきたら、TCD公式の「よくある質問」や、各テーマのマニュアルサイト(マニュアルの確認方法はこちら)のほか、ぜひTCD LABOもご覧になってみてください。

以下の動画でもTCD LABOの概要や実際の利用方法について紹介しています。

TCD LABOの利用方法

「カスタマイズ」ときくと難しい印象があるかもしれませんが、TCD LABOでは比較的簡単な方法で実現できるカスタマイズをご案内しています。
カスタマイズは、大きく分けて以下の2つの方法があります。

  • CSSを調整する
  • テーマファイルをカスタマイズする

CSSを調整する

レイアウト(色や大きさ)を調整したいときには、CSSを調整します。ほとんどのTCDテーマに搭載されている「カスタムCSS」機能を使うと便利です。カスタムCSSについては、こちらの記事で解説しています。

テーマファイルをカスタマイズする

詳しくは以下の記事で解説しています。

TCD LABOのご利用上の注意

TCD LABOに掲載しているカスタマイズ情報のご利用にあたっては、ご利用者様責任において実施していただきますようお願いいたします。特にテーマファイルをカスタマイズする場合は、必ずカスタマイズするファイルのバックアップをご用意の上でお試しください。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。何卒ご理解、ご了承の上、当サイトをご活用いただきますようお願い申し上げます。