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

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

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

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

TCDテーマZOOMY:スマホでもヘッダースライダーのドットインジケーターを表示する方法

Q.スマホでもヘッダースライダーのドットインジケーターを表示したいです。スマホではコンテンツへスクロールするためのアローが表示されているため、ドットインジケーターは非表示としています。スマホでアローを非表示にし、ドットインジケーターを表示する場合は、テーマファイルをご編集ください。▼変更

  • MONAD (TCD110)

TCDテーマMONAD:フッターのバナーの画像・タイトルの縦幅や文字サイズなどを変更する方法

Q.フッターのバナー部分ですが、デモサイトの3つ並びと比べると、4つ並びのときに画像が小さい気がします。▼変更後イメージ  →変更前:MONADデモサイト(バナーは3つ並び)イメージ画像では、以下の調整を施しています。・画像を縦に大きく・タイトルのオビ縦幅を狭く・タイ

  • ORION (TCD037)

TCDテーマORION:トップページヘッダーコンテンツの画像スライダーの見切れ対策方法

Q.スライダー画像が見切れてしまいますがどうしたらいいでしょうか?スライダー部分では、設定した画像を「背景画像」として表示し、その際に表示領域(画面全体)を覆うように画像を拡大・縮小する仕様となっております。このとき、画像の縦横比は保持されるため、画像のサイズ・デバイスの画面サイズによっては

  • EGO. (TCD079)

TCDテーマEGO.:ヘッダーカルーセルに固定ページを表示する方法

Q.ヘッダーコンテンツ下のカルーセルに固定ページを表示したいです。テーマの設定ではカルーセルに表示できるのは「投稿・お知らせ・商品」のみとなっております。固定ページを表示するにはテーマファイルの編集が必要です。▼変更箇所イメージA.下記の箇所を編集してください。編集フ

  • SEEED (TCD105)

TCDテーマSEEED:ドロワーメニューの背景色を変更する方法

Q.スマホで表示されるドロワーメニューの背景色を変更したいです。デフォルトでは黒で固定されているので、変更する場合はCSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。カラーコードは適宜ご

  • TENJIKU (TCD091)

TCDテーマTENJIKU:ドロワーメニュー内の子メニューの文字色を変更する方法

Q.ドロワーメニューに表示されるサブ項目の文字色がを白に変更したいです。デフォルトではグレー系の色で表示されます。変更する場合はCSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。白以外に

  • common (TCD097)

TCDテーマcommon:商品アーカイブページの「1ページに表示する商品数」の上限を変更する方法

Q.テーマオプションで設定できる「1ページに表示する商品数」の上限を変更したいです。デフォルトでは上限はPC18件、SP12件になっています。上限を変更する場合はテーマファイルの編集が必要です。▼変更箇所イメージ → TCDテーマ>商品>アーカイブページ>1ページに表示する商品数

  • ANGEL (TCD047)

TCDテーマANGEL:「ユーザープロフィール」ウィジェットのボタン背景色を変更する方法

Q.「ユーザープロフィール」ウィジェットのボタンのホバー前の背景色を変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力します。〇を任意のカラーコードに変更してください。

  • ANGEL (TCD047)

TCDテーマANGEL:トップページブログ一覧の大きい記事の記事タイトルオビ背景色を変更する方法

Q.トップページの「ブログ一覧」では3つめの記事、カテゴリーアーカイブでは1つめの記事が大きく表示されますが、記事タイトルの背景色を変更することはできますか?▼変更箇所イメージ  →ANGELデモサイトトップページA.下記の方法でご対応ください。外観>TCDテーマオプション>

  • VOGUE (TCD051)

TCDテーマVOGUE:「メインイメージ」や「ギャラリーコンテンツ」のボタンのフォントサイズを変更する方法

Q.トップページに表示される「メインイメージ」や「ギャラリーコンテンツ」のボタンのフォントサイズを変更したいです。ボタンのテキストのフォントサイズを変更する場合は、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はその責任を負いかねます。何卒ご理解、ご了承の上、当サイトをご活用いただきますようお願い申し上げます。