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

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

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

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

TCDテーマSOURCE:「料金システム表」や「機能比較表」のタイトル文字色を変更する方法

Q.ページビルダーで作成した「料金システム表」や「機能比較表」のタイトル文字色を変更したいです。タイトル文字色は白で固定されているため、背景色を明るくすると見えづらくなる場合があります。背景色はTCDテーマオプション>基本設定>色の設定>第2カラーの設定で変更可能です。▼変更前イメージ(

  • BASARA (TCD100)

TCDテーマBASARA:「ランディングページ」テンプレートでスマホ用固定フッターバーを表示する方法

Q.固定ページテンプレート「ランディングページ」でもスマホ用固定フッターバーを表示したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions/footer-bar.php編集する箇所: 11行目付近

  • SEEED (TCD105)

TCDテーマSEEED:コンテンツビルダー「サービス一覧」のアイコンを横4列で表示させる方法

Q.トップページ・コンテンツビルダー「サービス一覧」の項目を横5列から横4列に変更したいです。▼変更後イメージ(参考:デモサイト)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。下記CSSを追記することで、PCの時のみ横4列で表示させること

  • MAXX (TCD043)

TCDテーマMAXX:トップページ「コンテンツ2」の矢印の色・背景色・文字色を変更する方法

Q.トップページ「コンテンツ2」の「ボックス3」の背景色・文字色・矢印の色を変更したい。この箇所には基本設定の「メインカラー」「第2カラー」が主に適用されます。▼変更箇所イメージ  →MAXXデモサイト A.下記の方法で対応してください。外観>TCDテーマオプション>基

  • MAXX (TCD043)

TCDテーマMAXX:トップページ「コンテンツ1」のスマホ時文字サイズを変更する方法

Q.トップページ「コンテンツ1」の各「フォントサイズ」がPC時のみに反映されます。スマホ用のフォントサイズを設定できますか?▼変更箇所イメージ(PC)  →MAXXデモサイトA.下記の方法で対応してください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してくだ

  • QUALIA (TCD114)

TCDテーマQUALIA:PNG形式のロゴ画像が白色になる機能を外す方法

Q.ヘッダーコンテンツ上で色付きロゴ画像が白になります。そのまま表示できますか?これは、ヘッダーバーの背景色があるとき(白)とないとき(透明)で、画像を二つ用意しなくて済むように搭載している機能です。 →マニュアル:基本設定 > ロゴ▼変更箇所イメージA.下記の方法で

  • GENESIS (TCD103)

TCDテーマGENESIS:ヘッダーメッセージを画面上部に固定表示する方法

Q.画面スクロールするとヘッダーメッセージが見えなくなりますが、常に表示したいです。ヘッダーメッセージの概要は以下のデモサイトブログ記事をご参照ください。A.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力してください。

  • meets (TCD086)

TCDテーマmeets:ニュースティッカーを最新のお知らせ1つに固定する方法

Q.トップページのニュースティッカーを、最新のお知らせ1つに固定することはできますか?テーマで設定できる最小数は3のため、1つに固定する場合はテーマファイルの編集が必要になります。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペ

  • テーマ共通

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