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

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

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

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

TCDテーマBLAZE:アイコンコンテンツのアイコンを大きく表示させる方法

Q.アイコンコンテンツのアイコンをもう少し大きく表示させたいです。▼変更後のイメージ(70px) →変更前:デモサイトトップページ(50px)A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力します。固定ページのアイコンコンテンツの調整は、固定ペ

  • BLAZE (TCD120)

TCDテーマBLAZE:会社情報で特定の行だけを非表示にする方法

Q.「会社情報」を複数のページで使っています。特定の行だけ非表示する方法はありますか?「会社情報」を登録しておくと、サイト内の各所で呼び出せます。>> 会社情報のマニュアルページ▼変更箇所イメージ   →デモサイト「会社情報」ページ内A.下記の方法でご対応くだ

  • ISSUE (TCD106)

TCDテーマISSUE:ヘッダー動画のループ再生を停止する方法

Q.ヘッダーコンテンツに設定しているMP4動画のループ再生を停止したいです。デフォルトでは動画は繰り返し再生される仕様になっています。ループ再生を止める場合は、テーマファイルの編集が必要です。▼変更箇所イメージA.下記の箇所を編集してください。編集ファイル:front

  • 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に以下を記述してください。白以外に

  • テーマ共通

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