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

ワードプレステーマ別

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

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

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

TCDテーマSOLARIS・DROPなど:スマホでヘッダーコンテンツが表示されない時の確認箇所

Q.PCでは問題ないですが、スマホではヘッダーコンテンツが表示されません。ヘッダー部分のみ真っ白になっています。ヘッダー下のコンテンツは表示されています。A.TCDテーマ>トップページ(スマホ用)の設定をご確認ください。一部のTCDテーマには、トップページ(スマホ用)の設定があります

  • RIKYU (TCD104)

TCDテーマRIKYUなど:商品カテゴリーページのタイトルタグを変更する方法

Q.商品カテゴリーページのtitleタグが〇〇の記事一覧となっているため、任意の文言に変更したいです。デモサイトだとこのようなページですね。→紅茶カテゴリーページA.下記の方法でカスタマイズしてください。編集するファイル: seo.php (functions/seo/seo.p

  • SOLARIS (TCD088)

TCDテーマSOLARIS:お知らせ・ブログページ下部に表示される記事一覧のタイトル文字サイズを変更する方法

Q.お知らせやブログページ下部に表示される「最近の記事」や「関連記事」のタイトルのフォントサイズを変更したいです。Ver2.8.2のアップデートで「タイトルの文字サイズ」の設定を廃止しました。変更する場合は、カスタムCSSで調整してください。▼変更箇所イメージ お知らせ- 最近の記事

  • CURE (TCD082)

TCDテーマCURE:APIキーを登録せずにアクセスページを制作する方法

Q.APIキーを使わずにアクセスページを制作したいのですが、可能でしょうか?当記事では、以下のような方に向けて対応案をご紹介しています。・APIキーを使わずにアクセスぺージの「アクセスマップ」部分を制作したい・アクセスぺージ内に複数のマップを入れたいCUREを検討中のお客様へCU

  • HOMME(TCD107)

TCDテーマHOMME:ヘッダー上見出しのフェード表示アニメーションをなくす方法

Q.ヘッダー上の「見出し」を、最初から表示させたいです。アーカイブページや固定ページのヘッダー上の「見出し」は、ページ遷移後フェードアニメーションを伴って表示されます。このフェードアニメーションをなくして、ページ遷移時に見出しテキストを表示させる方法をご案内いたします。▼変更箇所イメージ

  • HOMME(TCD107)

TCDテーマHOMME:スマホ時のヘッダーロゴを左寄せで表示させる方法

Q.「ヘッダー用ロゴ画像(モバイルサイズ時)」を中央ではなく左側に表示させたいです。ロゴ画像の横幅が大きいときは左寄せで表示したいですよね。▼変更後のイメージ  →変更前:HOMMEデモサイトA.下記の方法で対応してください。TCDテーマ>基本設定のカ

  • STORY (TCD041)

TCDテーマSTORY:ロゴのサイズを調整する方法

Q.ヘッダーやフッター、ヘッダーコンテンツの円形ボタンのロゴサイズをCSSで調整したいです。Ver1.16のテーマアップデートでヘッダーロゴ画像の表示領域を調整した関係で、ロゴ画像が大きい、かつメニュー数が多い場合はグローバルメニューが表示されなくなる(改行される)ことがございます。その場合

  • CANON(TCD109)

TCDテーマCANON:言語ボタンを5つ以上表示させる方法

Q.ヘッダーの言語ボタンは4つまで設定できますが、5つ以上表示させたいです。▼変更箇所イメージ▼変更箇所の管理画面イメージ  ボタンを4つまで登録可能です。A.下記の方法でカスタマイズしてください。テーマファイルに直接記述して、表示されるボタンを増やします。

  • Switch (TCD063)

TCDテーマSwitch:3カラムコンテンツなどの左上の情報を三角形ではなく長方形の背景上に表示させる方法

Q.トップページの「3カラムコンテンツ」のタイトル、インタビューのインタビュイー情報の箇所の背景が三角形になっていますが、長方形で表示させたいです。この部分はSwitchの特徴的なデザインですが、「表示させたいテキストが長い」など三角形に収まらない場面があるかもしれませんね。▼変更後イメ

  • RIKYU (TCD104)

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

Q.質問内容・フッターメニューの先頭の項目がタイトルとして表示され、クリックすることができない仕様を変更したいです。・RIKYUのッターメニュー見出しをクリックできる仕様に変更して、親子階層のような使い方をしたいです。▼変更箇所イメージ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はその責任を負いかねます。何卒ご理解、ご了承の上、当サイトをご活用いただきますようお願い申し上げます。