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

ワードプレステーマ別

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

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

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

TCDテーマGENESIS:メガメニュー「サービス」をスクロールせずに4つ表示する方法

Q.メガメニュー「サービス」に4つ登録しているのですが、4つ目が横にスクロールしないと表示されません。スクロールせずに横幅を詰めて、4つを表示させることは可能でしょうか?▼変更箇所イメージA.カスタムCSSで調整可能です。以下の記述をTCDテーマ>基本設定>カスタムCSSにご

  • MASSIVE (TCD084)

TCDテーマMASSIVE:インタビューの情報欄で改行する方法

Q.インタビューの情報欄に複数の情報を表示しています。綺麗に表示するために適切な位置で改行をしたいのですが、改行タグが反映されません。該当箇所では、万が一記述ミスや第三者による不正アクセスなどにより悪意のある内容が入力された場合、それを出力しないように安全対策としてサニタイズ処理を行っていま

  • Muum (TCD085)

TCDテーマMuum:記事ページのアイキャッチ画像を非表示にする方法

Q.各記事ページにアイキャッチ画像を表示しないようにしたいのですが、可能でしょうか。A.下記の方法でご対応ください。すべての記事に適用したい場合は「TCDテーマ>基本設定のカスタムCSS」、特定の記事のみ適用したい場合は「記事編集画面のカスタムCSS」に入力してください。

  • GENSEN (TCD050)

TCDテーマGENSEN:トップページヘッダーコンテンツに設定したMP4動画・YouTube動画のループ再生をオフにする方法

Q.トップページのヘッダーコンテンツでMP4動画を表示しています。動画をループ再生させないようにしたいです。A.下記の方法でカスタマイズしてください。・「MP4動画」のループ再生をオフにする編集するファイル: footer.php編集する箇所: 324行目付近

  • VENUS (TCD038)

TCDテーマVENUS:「トップページ用ヘッダーロゴ画像」仕様変更前に設定していた画像を確認する方法

Q.テーマをアップデートしたら、設定していたロゴ画像が消えてしまいました。アップデート前の仕様に戻せませんか?Ver3.5→3.6のアップデートで、トップページ用ヘッダーロゴ画像の設定仕様が従来のファイルアップロード型からメディアライブラリ利用型に変更されました。「元画像が見つからない」など

  • ZOOMY (TCD067)

TCDテーマZOOMY:投稿者詳細ページ > タブ記事一覧の表示順を、昇順に変更する方法

Q.投稿者詳細ページのタブ記事コンテンツの記事表示順を、昇順(古い記事順)に変更する方法はありますか?▼該当箇所イメージA.テーマファイルのカスタマイズで対応できますZOOMYのテーマ仕様として、該当箇所は記事の降順(新しい記事順)で表示される仕様になっています。テー

  • HOLOS(TCD108)

TCDテーマHOLOS:長いラベルのメニューに対応させる方法

Q.どうしても長いナビゲーションラベルを設定したメニューを表示させる必要があります。左側サイドバーのメニューの見え方を調整できますか?HOLOSデモサイトでは見栄えを考慮してメニュー項目のラベルは6文字までに設定しています。実際には全角10字までのメニュー項目名を設定できますが(11字からは自動

  • HOLOS(TCD108)

TCDテーマHOLOS:サイドボタンを大きく表示する方法

Q.サイドボタンを大きく表示したいです。方法はありますか?表示したいテキストの文字数が多い場合など、テーマのレイアウトより大きく表示させたいことがあるかもしれませんね。HOLOS検討中のお客様へデモサイト内のブログ記事でも機能を紹介しています。管理画面のキャプチャ画像も見れますよ。

  • HOLOS(TCD108)

TCDテーマHOLOS:トップページ「スタッフ一覧」「お知らせ一覧」「お客様の声一覧」の背景色を変更する方法

Q.トップページのコンテンツビルダー「スタッフ一覧」「お知らせ一覧」「お客様の声一覧」に設定されている背景色をなくしたい・色を変更したいです。各コンテンツにはテーマ仕様で背景色が指定されています。コンテンツの並び順によっては背景色を変更したい場面があるかもしれませんね。HOLOSを検

  • HOMME(TCD107)

TCDテーマHOMME:ヘッダーのボタンの背景色・文字色を変更する方法

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