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

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

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

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

TCDテーマTOKI:メガメニューBを4つ並びで表示させる方法

Q.メガメニューBで、表示される記事項目を4つ並びで表示させたいです。▼変更後のイメージ  →変更前:TOKIデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力します。補足)特定のメガメニューBだけに適用させたい場合

  • Beyond (TCD094)

TCDテーマBeyond:「実績」の数値でカンマ区切りをなくす方法

Q.「実績」に入力した数値が「1,000」のように3桁カンマ区切りになるのをなくしたい、入力した数字をそのまま表示させたいです。Beyondでは以下の箇所で「実績」コンテンツを表示できます。(各リンクから実際の表示を確認できます。) トップページ(ヘッダーコンテンツ・バナーコンテンツ・

  • HOLOS(TCD108)

TCDテーマHOLOS:アンカーリンクが含まれるメニュー項目のスタイルを取り除く方法

Q.質問内容アンカーリンクが含まれるメニュー項目をアクティブにさせたくない場合、どうすればいいですか?サイトのURLの後ろに#付きのページ内リンクの指定をすると、メニューの色が変わってしまい困ります。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集

  • HOMME(TCD107)

TCDテーマHOMME:検索結果を3列にしてサムネイル画像を正方形で表示させる方法

Q.質問内容・検索機能では、カスタム投稿「スタイル」の検索結果を表示させる仕様にしているので、スタイルのアーカイブページ同様に、サムネイル画像を正方形で表示させたいです。・検索結果を3列で表示させる方法を知りたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてくだ

  • SOLARIS (TCD088)

TCDテーマSOLARIS:固定ページのページヘッダーでも見出しを表示させる方法

Q.質問内容・アーカイブページで表示されている見出しを、固定ページでも表示させたいです。・ページによっては、ページのヘッダーの下部に正方形のテキストが表示されますが、固定ページでも同じ表示をさせたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。各記

  • SOURCE (TCD045)

TCDテーマSOURCE:トップページ「3点ボックス」を「2点ボックス」に変更する方法

Q.トップページの3点ボックスを2点表示にすることは可能でしょうか。テーマには2点表示に変更する設定は無いため、テーマファイルの編集が必要です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームページ (f

  • GLUE (FREE002)

TCDテーマGLUE:投稿者一覧ページのプロフィール文を全文表示する方法

Q.投稿者一覧ページで、ユーザーの「プロフィール情報」を省略させず全文表示したいです。デザイン上の観点から2行以降は「…」で省略される仕様を採用しています。当記事では「プロフィール情報」の改行を反映させる方法も合わせてご紹介します。▼変更後のイメージA.下記の方法で対応し

  • ISSUE (TCD106)

TCDテーマISSUE:トップページのスタッフ一覧の説明文のアニメーションを変更する方法

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