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

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

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

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

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

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

  • GLUE (FREE002)

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

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

  • STORY (TCD041)

TCDテーマSTORY:常にトップページのスライダーを16:9で表示させる方法

Q.質問内容スマホ表示の場合、スライダーで設定した画像が高さ100%で表示されてしまい、切り取られて表示されます。PC,スマホ問わず、常に一定比率で表示させたいです。▼変更後イメージA.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。

  • HOLOS (TCD108)

TCDテーマHOLOS:サイドボタンのラベルを改行する方法

Q.サイドボタンのラベルを任意の位置で改行したいです。ラベルのテキストが長くなる場合、適切な位置で改行したいケースがあると思いますが、デフォルトではbrタグやEnterキーでの改行ができません。この記事ではEnterキーでの改行を反映させるためのカスタマイズ方法をご紹介します。▼変更前イ

  • HOLOS (TCD108)

TCDテーマHOLOS:サイトタイトルを改行する方法

Q.サイトタイトルを任意の位置で改行したいです。TCDテーマオプション>基本設定>ロゴで「サイトタイトルをテキストでそのまま表示」に設定している場合、以下の変更前イメージのように変な位置で改行されてしまう場合がございます。▼変更前イメージA.下記の方法でカスタマイズし

  • ZEN (TCD113)

TCDテーマZEN・ARTISAN他:目次の背景色・文字色の変更方法

Q.TCDクラシックエディタープラグインで作成した目次のスタイルは変更できますか?デモサイト内で表示されている以下のような「目次」はTCDクラシックエディタープラグインを有効化して設定することで表示しています。▼変更箇所イメージ  実際の表示例:デモサイト投稿記事ページ

  • ZEN (TCD113)

TCDテーマZEN:サイドボタンの位置・レイアウトを調整する方法

Q.サイドボタンのテキストを大きくして、もう少し上に表示したい。ボタン数や表示するラベルによっては、上記のような調整を検討してもいいですね。▼変更後イメージ  →変更前:ZENデモサイトA.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに入力します。

  • meets (TCD086)

TCDテーマmeets:固定ページやカスタム投稿「特集」「ギャラリー」も検索対象に含ませる方法

Q.質問内容・固定ページやカスタム投稿「特集」や「ギャラリー」も検索対象に含んだ状態で検索させたいです。・検索対象の変更は可能でしょうか。A.下記の方法でカスタマイズしてください。編集するファイル: functions.php 編集する箇所: 1064行目↓

  • RIKYU (TCD104)

TCDテーマRIKYU:商品一覧ページにおいて最初に表示されるレイアウトを変更する方法

Q.質問内容・現在、商品一覧ページはPCで3列、モバイルで1列で表示されています。これをデフォルトでPCは4列、モバイルは2列で表示するように変更することは可能でしょうか?・商品アーカイブページで、初期状態では大きい画像が表示される設定になっていますが、小さい画像が最初に表示されるように変更

  • ISSUE (TCD106)

TCDテーマISSUE:トップページ「スタッフ一覧」の1画面の表示数を変更する方法

Q.1画面に表示されるスタッフ数を変更できますか?デフォルトでは、3名のスタッフが1画面に表示され、カルーセルでスライドする仕様になっています。1画面の表示数を変更する場合は、CSSの調整が必要です。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以

  • テーマ共通

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はその責任を負いかねます。何卒ご理解、ご了承の上、当サイトをご活用いただきますようお願い申し上げます。