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

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

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

TCDテーマCherie:ブログ記事スライダーの「NEW」の文言と表示期間の変更方法

Q.ブログアーカイブページ「ブログ記事スライダー」の新着記事に表示される「NEW」を別のテキストにしたい。表示期間を変更したい。新着記事に表示される「NEW」の表示期間は『記事が公開されてから7日以内』となっています。▼変更箇所イメージ →Cherieデモサイト ブログアーカイブページ

  • GAIA(TCD102)

TCDテーマGAIA:イベントカレンダーの「定休日」と一部の日付の背景色・文字色を変更する方法

Q.イベントカレンダーで「定休日」とは別に背景色を変更したい日があります。当記事ではイベントカレンダーの以下の変更方法をご紹介しています。・特定の日の背景色・文字色の変更・「定休日」の背景色・文字色の変更イベントカレンダー機能について詳しく知りたい方は以下の記事をご覧ください。

  • Precious(TCD019)

TCDテーマPrecious:ウィジェット「最新の記事(TCDバージョン)/デザインされた記事一覧」の表示件数を10件以上にする方法

Q.ウィジェットの最新の記事(TCDバージョン)の「表示する記事の数」が上限10の仕様になっていますが、11以上に変更したいです。A.テーマファイルのカスタマイズで実現可能です。以下でご案内する方法でPrecious以外のテーマにおける「最新の記事(TCDバージョン)」や「デザインされた

  • BASARA(TCD100)

TCDテーマEGO.WooCommerce:商品アーカイブページの並び替えに「ランダム」を追加する方法

Q.WooCommerce対応テーマの商品一覧ページの並び替え(ソート)オプションに、「ランダム」を追加したいのですが。▼EGOA.WooCommerceのフィルターフックを使用してソートオプションにカスタムのソート項目を追加することができます。EGO.WooCommer

  • common(TCD097)

TCDテーマcommon:商品一覧ページの表示数を増やしたい

Q.質問内容・テーマオプションでも「1ページに表示する商品数」を増やせますが、上限の15件よりもっと増やしたいです。・商品一覧ページの表示数をなるべく増やして、ページャーを使わないで見せたいです。▼変更箇所イメージ デモサイトの商品一覧ページA.下記の方法でカスタマイズし

  • MASSIVE(TCD084)

TCDテーマMASSIVE:3点ボックスコンテンツの画像に写真を利用する方法

Q.質問内容・TOPページ・コンテンツビルダーの「3点ボックスコンテンツ」にて、アイコンがないので画像を使いたいです。・「3点ボックスコンテンツ」にて写真を利用したいです。▼変更箇所のイメージA.下記の方法でカスタマイズしてください。【TCDテーマ】 > 【基本設定】 の

  • GAIA(TCD102)

TCDテーマGAIA:カレンダーで表示される行数を変更する方法

Q.質問内容・テーマの仕様では2行までしか表示されませんが、イベント名の都合上、3行以上表示させたいです。・カレンダーの高さをもう少し高くしたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。【TCDテーマ】 > 【基本設定】 のカスタムCSSに、下記C

  • SKIN(TCD046)

TCDテーマSKIN:トップページのブログコンテンツにキャンペーンも表示させる方法

Q.質問内容・SKINのトップページのブログの箇所に、キャンペーンの記事も掲載したいです。・カスタム投稿「キャンペーン」のサムネイルを表示させたいので、ブログとキャンペーンを一緒の場所に掲載したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。1.

  • FORCE(TCD078)

TCDテーマFORCE:ヘッダー下ブログカルーセルの正方形サムネイル画像をフルサイズで表示させる方法

Q.ヘッダー下のブログカルーセルスライダーの正方形サムネイルに登録しているアイキャッチ画像が見切れない様にする方法はありますか?▼該当箇所通常は上記のようにアイキャッチ画像が正方形に切り取られて表示されています。A.テーマファイルのカスタマイズとカスタムCSSの機能を用い

  • PHOTEK(TCD024)

TCDテーマPHOTEK:スマホ表示時のヘッダー・フッターのコピーライトの背景色を変更する方法

Q.スマホ閲覧時のヘッダーとフッターの色を黒から別の色に変えたいです。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はその責任を負いかねます。何卒ご理解、ご了承の上、当サイトをご活用いただきますようお願い申し上げます。