お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

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

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

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

TCDテーマGENSEN:スマホで紹介ページ一覧のタイトル表示文字数を変更する方法

Q.スマホで紹介ページ一覧のタイトルを全文表示したいです。表示文字数の制限を設けているため、全文表示したい場合はテーマファイルの編集が必要です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペー

  • OOPS! (TCD048)

TCDテーマOOPS!:サブメニューホバー時の文字色を変更する方法

Q.グローバルメニューのサブメニューにホバーした時の文字色を変更したいです。サイトのサブカラーに明るい色を設定している場合、文字色が白などになっていると、背景とのコントラストが不足し視認性が低下することがあります。ホバー時の文字色を変更する場合は、CSSで調整してください。▼変更前イメー

  • AIDER (TCD115)

TCDテーマAIDER:メガメニュー「記事カルーセル」でお知らせ記事を表示する方法

Q.メガメニューの「記事カルーセル」を使ってお知らせ記事を表示したいのですが可能ですか?この箇所では投稿記事をすべて/カテゴリー指定/ID指定から設定して表示する仕様です。お知らせ記事を表示するためには当記事のカスタマイズが必要です。 →メガメニューの設定マニュアル▼変更箇所イメージ

  • CODE. (TCD090)

TCDテーマCODE.:投稿ページの前後の記事リンクを非表示にする方法

Q.記事詳細ページの下部にある「前の記事に戻る」「次の記事に進む」ボタンを非表示にしたい。この箇所はWordPress標準機能ということもあり、ほとんどのテーマで非表示オプションは搭載されていません。▼変更箇所イメージ  →デモサイト記事ページA.下記の方法でご対応ください。

  • AGENT (TCD033)

TCDテーマAGENT:固定ページ「テンプレート2」でスタッフ部分を非表示にする方法

Q.ABOUTページに表示されるスタッフ部分を非表示にしたいです。固定ページ「テンプレート2」(ABOUTページ)にスタッフ一覧を表示したくない場合は、CSSで非表示にしてください。▼当該箇所イメージ(デモサイトABOUTページ)A.当該固定ページ編集画面の「カスタムCSS」

  • GENSEN (TCD050)

TCDテーマGENSEN:スマホの下層ページで検索バーを表示する方法

Q.スマホでも下層ページに検索バーを表示したいです。スマホでは下層ページに検索バーが表示されない仕様です。表示させる場合は、以下の方法をお試しください。▼表示した場合のイメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を入力してください。3

  • QUALIA (TCD114)

TCDテーマQUALIA:カスタム投稿「よくある質問」のカテゴリーに表示されている矢印を常に表示させる方法

Q.カスタム投稿「よくある質問」のカテゴリーに表示されている矢印を、ホバーしない状態でも常に表示させたいです▼変更後イメージ( 撮影箇所:デモサイト内「よくあるお問い合わせ」 )A.TCDテーマ>基本設定のカスタムCSSにCSSを入力してください。

  • QUALIA (TCD114)

TCDテーマQUALIA:コンテンツビルダーのスプリットレイアウト、グリッドレイアウトの余白を作る方法

Q.質問内容・コンテンツビルダーのスプリットレイアウト、グリッドレイアウトが隣接しているとくっついてしまうので離したいです。・トップページのメインコンテンツにおいて、スプリットレイアウト(グリッドレイアウト)を2つ並べると、コンテンツの間にスペースが発生しません。▼変更前イメージ

  • UNIQUE (TCD044)

TCDテーマUNIQUE:トップページ制作実績一覧のカテゴリー背景色を変更する方法

Q.トップページの制作実績一覧のカテゴリー背景色を変更したいです。デフォルトでは黒になっています。変更する場合は、CSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。カラーコードは適宜ご変

  • CURE (TCD082)

TCDテーマCURE:フッターバナーのタイトルを改行する方法

Q.フッターバナーのタイトルが長くなるので改行したいです。フッターバナーのタイトルはエスケープ処理されているため、改行が反映されません。改行を反映させるカスタマイズをご案内します。▼変更前イメージA.下記の方法でカスタマイズしてください。編集するファイル: foo

  • テーマ共通

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