ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

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

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

TCDテーマRIKYU:フッターメニューの先頭の項目の項目の仕様変更

Q.質問内容・フッターメニューの先頭の項目がタイトルとして表示され、クリックすることができない仕様を変更したいです。・RIKYUのッターメニュー見出しをクリックできる仕様に変更して、親子階層のような使い方をしたいです。▼変更箇所イメージA.下記方法でカスタマイズしてくださ

  • Ankle (TCD092)

TCDテーマAnkle:WooCommerceの商品内のタグのパンくずリストの表記を変える方法

Q.質問内容・WooCommerce利用時の、商品のタグのアーカイブページのパンくずリストの文言を変更したいです。・「"●●(タグ名)"に商品をタグ付けしました」という文言を変えたいです。▼変更箇所イメージ(デモサイト)A.下記の方法でカスタマイズしてください。こちら

  • CANON(TCD109)

TCDテーマCANON:ヘッダーボタンを3つ表示させる方法

Q.ヘッダーにボタンをできますが、どうしても3つ表示させたいです。可能でしょうか?テーマファイルをカスタマイズすることで実現可能です。▼PC表示時の変更後イメージ  →変更前:CANONデモサイトCANON検討中のお客様へデモサイト内の以下の記事も参考にしてみてくださいね。

  • ANGEL (TCD047)

TCDテーマANGEL:メニュー項目の横幅を拡げる方法

Q.グローバルメニューで、各メニュー項目の横幅をひろげたいです。メニュー項目名によってメニュー幅が可変する仕様にはなっていません。扱っている商品名など、どうしてもメニュー項目名を短くできないこともありますよね。▼変更箇所イメージA.下記の方法でご対応ください。いずれも、外

  • ISSUE (TCD106)

TCDテーマISSUE:トップページ「ピックアップインタビュー」のアローを常時表示させる方法

Q.トップページCB「ピックアップインタビュー」でマウスホバーしないと表示されない左右アローを常時表示させたいです。「複数のコンテンツがありスライドできることをわかりやすくしたい。」というご要望をいただきました。▼変更箇所イメージ  →ISSUEデモサイト「CROSS TALK」箇所

  • NUMERO (TCD070)

TCDテーマNUMERO:ギャラリー詳細ページ下部に表示されるページャーの文言変更方法

Q.ギャラリー詳細ページ下部に「PREVIOUS」「NEXT」がありますが、任意の文言に変更したいです。テーマの仕様では「PREVIOUS」「NEXT」という文言で固定表示になっています。任意の文言に変更する場合は、以下のカスタマイズをお試しください。▼変更箇所イメージ

  • AVANT (TCD060)

TCDテーマAVANT:カスタム投稿タイプ「イベント」で会員登録への誘導コンテンツを設定する方法

Q.カスタム投稿タイプ「イベント」においてテーマオプションの「保護ページ設定」にある「会員登録への誘導コンテンツ」を設定できるようにしたいです。テーマのデフォルトでは「投稿」および「固定ページ」のみ「会員登録への誘導コンテンツ」が設定可能になっています。A.下記の方法でカスタマイズしてく

  • NULL (BIZ002)

TCDテーマNULL:記事ページに複数のカテゴリーを表示する方法

Q.複数のカテゴリーを設定しましたが、記事ページのタイトルの上には1つしか表示されません。これを複数個表示できますか?恐れ入りますが、テーマ仕様ではカテゴリーを1つのみ表示する仕様となっています。同じく「NULL」で制作しているTCD LABO(当サイト)では以下のようなカスタマイズを行って

  • VOGUE (TCD051)

TCDテーマVOGUE:ページビルダー「スタッフリスト」のRSSアイコンを任意のアイコン・テキストに変更する方法

Q.「スタッフリスト」でTikTokへのリンク・テキストリンクを表示したいです。▼変更後イメージ  →変更前:デモサイト「STAFF」ページ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はその責任を負いかねます。何卒ご理解、ご了承の上、当サイトをご活用いただきますようお願い申し上げます。