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

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

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

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

TCDテーマGRAVITY:ヘッダーのメニュー項目を等分割させずに表示する方法

Q.グローバルメニューで各メニューが同じ幅で表示されますが、メニューの文字数に合わせて異なる幅で表示させたいです。GRAVITYのヘッダーで表示されるグローバルメニューは、メニュー数によって等分割して表示されます。まずは、デモサイトのように「各メニューを同じくらいの文字数にする」「メガメニュ

  • GRAVITY (TCD111)

TCDテーマGRAVITY:メガメニュー「バナーリスト」を3カラムで表示する方法

Q.メガメニュー「バナーリスト」で、アイテムを4つ並びではなく3つ並びで表示させたいです。▼変更後のイメージ   →変更前:GRAVITYデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力して調整します。補足)「paddin

  • FAKE (TCD074)

TCDテーマFAKE:トップページのコンテンツビルダー上のボタンを、TCDクイックタグで設定したボタンに変更する方法

Q.質問内容トップページのコンテンツ1や2で設定したボタンを、TCDクイックタグで作成したものと同じデザインにしたいのですが、どのような方法がありますか?▼変更箇所イメージ(デモサイト)A.下記の方法でカスタマイズしてください。下記カスタマイズをすることで、トップペー

  • RIKYU (TCD104)

TCDテーマRIKYU:特定のページだけ説明タブを非表示にする方法

Q.質問内容・説明タブの中身として配達の説明を記入しているが、ダウンロード商品もあるので、特定のページだけ非表示にしたいです。・外部リンクを設定している時は注意書きを非表示にしたいのですが、ページを指定して非表示にすることは可能でしょうか。▼非表示にする箇所( デモサイト )

  • HEAL (TCD077)

TCDテーマHEAL:キャンペーンページを1カラムで表示する方法

Q.キャンペーンページを1カラムで表示したいです。ウィジェットを非表示にして、1カラムで表示するにはCSSの調整が必要です。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下をご入力ください。▼変更後イメージブログやお知らせ

  • MAXX (TCD043)

TCDテーマMAXX:グローバルメニューの文字色を変更する方法

Q.グローバルメニューの文字色を黒に変更したいです。デフォルトの文字色は白のため、メインカラーや第2カラーを白系にすると文字が見えなくなります。▼変更箇所イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を入力してください。ホバー時の文字色だけ

  • ISSUE (TCD106)

TCDテーマISSUE:ドロワーメニューを開いたときの背景色・文字色を変更する方法

Q.ドロワーメニューの開閉アイコンと背景色、開いたときの背景色と文字色を変更したいです。ドロワーメニューの開閉アイコンと開いたときの背景色には「アクセントカラー」が適用されます。(サイト全体に統一感をもたせるため、サイト内の複数箇所で「アクセントカラー」が適用されます。)▼変更箇所イ

  • MONAD (TCD110)

TCDテーマGLUE他:特定の記事で「追加コンテンツ」を非表示にする方法

Q.ある投稿記事だけ「追加コンテンツ」を非表示にすることはできますか?TCDテーマの中には、投稿記事やカスタム投稿タイプの記事の「記事本文上」「記事本文下」などに『追加コンテンツ』を表示できる機能が搭載されています。▼変更箇所イメージ   →GLUEの機能解説記事:追加コンテンツの設定方

  • FORCE (TCD078)

TCDテーマFORCE:ギャラリーのページ送りをカテゴリー内で遷移させる方法

Q.質問内容カスタム投稿「ギャラリー」の詳細ページにて、前後のページのリンクを同一のカテゴリー内で遷移させるようにしたい▼変更後イメージA.下記のカスタマイズをしてください。下記PHPに変更することで、前後のページのリンクを同一のカテゴリー内で遷移させ仕様にできます。

  • テーマ共通

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