お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

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

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

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

TCDテーマBIJOUX:ドロワーメニューの子メニューのホバー時透明度を変更する方法

Q.ドロワーメニューの子メニューで、ホバー前には文字が少し透明で、ホバーすると文字が不透明になりますが、これを逆にしたいです。▼変更箇所イメージ(ホバー前)   →実際の表示:BIJOUXデモサイトA.下記の方法でご対応ください。

  • HARVES (TCD118)

TCDテーマHARVES:トップページヘッダーコンテンツのキャッチコピー位置を変更する方法

Q.トップページのヘッダーコンテンツ上のキャッチコピーの表示位置を変更したいです。▼変更後のイメージ   →変更前:HARVESデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力します。補足)PCのみに反映されます。ドットナ

  • GENESIS (TCD103)

TCDテーマGENESIS:スマホでトップページのブログ一覧の表示スタイルを変更する方法

Q.スマホでのブログ一覧のカルーセル表示をやめて縦に表示したいです。トップページのブログ一覧はカルーセル仕様になっており、横スクロールで表示されます。横スクロールを解除し縦に表示する場合はCSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カス

  • HAKU (TCD080)

TCDテーマHAKU:ファーストビューでヘッダーロゴやグローバルメニューを表示する方法

Q.ファーストビューでも下層ページと同様にヘッダーロゴやグローバルメニューを表示したいです。CSSを調整することで下層ページと同様のヘッダーを表示可能です。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。▼変更後イ

  • SERUM (TCD096)

TCDテーマSERUM:ヘッダースライダーのアニメーションを調整する方法

Q.ヘッダー画像がズームアウトするアニメーションの速度を調整したいです。デフォルトでは、2.5秒でズームアウトする仕様になっています。調整する場合はCSSで対応してください。▼変更箇所イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。

  • MONAD (TCD110)

TCDテーマMONAD:記事本文内の画像を角丸で表示させる方法

Q.テーマオプションのカラー・シェイプで「角丸」に設定しています。記事内の画像も角丸で表示したいです。▼変更後のイメージ   →変更前:デモサイトの同記事A.下記の方法でご対応ください。全記事ページに適用:TCDテーマ>基本設定>カスタムCSSに入力特定の記事に適用:記事

  • TOKI (TCD069)

TCDテーマTOKI:スマホ時ブラウザバックでロード画面を表示しない方法

Q.スマホ時、左にスワイプして戻る動作をするとページの最上部が表示されます。ロード画面表示時、ページの途中から別ページに遷移し、ブラウザバックする(左にスワイプして戻る)とロード画面が表示され、画面最上部に戻ります。これは、ブラウザバック時にもロード画面を表示させるための仕様となります。

  • LOTUS (TCD039)

TCDテーマLOTUS:固定ページテンプレートの説明文欄でショートコードを使用する方法

Q.固定ページテンプレートでお問い合わせフォームのショートコードを使用したいです。固定ページテンプレートの説明文欄でショートコードを使用する場合は、テーマファイルの編集が必要です。この記事ではテンプレート1の「5段目、2列目の説明文」にショートコードを設置する例をご案内いたします。▼変更

  • テーマ共通

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