「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

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

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

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

TCDテーマHORIZON:ブログやお知らせページの記事本文部分の背景色を変更する方法

Q.投稿(ブログ)記事ページやお知らせ記事ページの記事本文部分に薄いグレーの背景色がついていますが、これを変更したいです。A.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに〇を任意のカラーコードに変更して入力してください。ブログアーカイブや

  • DROP(TCD087)

TCDテーマDROPなど:定期的にCSSが適用されなくなる事象について

Q.サイトの表示が崩れることがあります。CSSが適用されていないような状態になります。プラグインの停止/有効化や、テーマオプションなどの設定を変更することで一時的に元の表示に戻りますが、しばらくするとまた崩れた状態になっています。▼事象内容イメージA.高速化機能の停止をお試し

  • meets(TCD086)

TCDテーマmeets:ギャラリーページで「次の記事、前の記事リンクを表示する」が反映されないときの解決方法

Q.ギャラリーページで「次の記事、前の記事リンクを表示する」が表示されません。TCDテーマ>ギャラリー>ギャラリーページ>その他の設定の「次の記事、前の記事リンクを表示する」にチェックを入れているにもかかわらず、『公開ページに表示されない』『リンク先が前後の記事にならない』というお問い合わせを頂

  • Cherie(TCD101)

TCDテーマCherie:コンテンツ見出しの円形を正方形に変更する方法

Q.私のサイトではシェイプ「直角」を設定しています。トップページコンテンツビルダーの各コンテンツの円の中に見出しが入るデザインも直角にできませんか?▼変更後のイメージ   変更前:Cherieデモサイト購入前のお客様へCherieのオプション項目「カラー・シェイプ」についてはデモ

  • Beyond(TCD094)

TCDテーマBeyond:トップページ「導入事例一覧」の背景色を変更する方法

Q.トップページコンテンツビルダーの「導入事例一覧」の背景色を変更したい。フリースペースは任意に背景色を設定出来ますが、導入事例一覧ではテーマ側で背景色が設定されています。▼変更箇所イメージ   →BeyondデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設

  • SERUM(TCD096)

TCDテーマSERUM:トップページ「カルーセル」のスライド速度を変更する方法

Q.トップページのコンテンツビルダーで「カルーセル」の切り替わり速度をもう少し速くしたいのですが、方法はありますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームページ (front-page.php)編集する箇所: 109行目付近

  • GAIA(TCD102)

TCDテーマGAIA:ブログ記事の日付を非表示にする方法

Q.投稿(BLOG)の日付を非表示にしたいです。メガメニューB(ブログカルーセル)・トップページのブログ一覧・カテゴリーアーカイブ・ブログ記事・ブログ記事内の関連記事箇所の日付をCSSで見た目上非表示にする方法をご案内します。A.下記の方法でご対応ください。TCDテーマ>基本設定のカ

  • HORIZON(TCD093)

TCDテーマHORIZON:フッターのSNSアイコンとコピーライトの重なりを回避する方法

Q.フッターのSNSアイコンリンクとコピーライトのテキストが重なってしまいます。複数のSNSアイコンを表示する・コピーライトのテキストが長い場合にレイアウトの調整が必要になることがあります。▼変更箇所イメージ    →通常の表示:HORIZONデモサイトA.下記の方法でご対応

  • RIKYU(TCD104)

TCDテーマBASARA:デモサイトと同じカートページ・チェックアウトページのレイアウトにする方法

Q.自分のサイトのカートページとデモサイトのカートページのレイアウトが異なります。WooCommerceプラグインをインストールしたタイミングによって、自動生成されるカートページ・チェックアウトページの内容に差異があるようです。▼変更前のイメージ(BASARAデモサイトと異なるレイアウト

  • SKIN(TCD046)

TCDテーマSKIN:お客様の声アーカイブで記事本文の抜粋を非表示にする方法

Q.お客様の声一覧ページで本文を表示せずにボタンリンクから詳細を見れるようにしたいです。カスタム投稿「お客様の声」で記事数が多い場合や本文のボリュームが多い場合に、詳細ページでのみ本文を表示したい(アーカイブでは画像とお客様名だけを表示したい)ことがあります。▼変更後のイメージ    ※

  • テーマ共通

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