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

すべての記事

記事数 1847
  • GLAMOUR (TCD073)

TCDテーマGLAMOUR:ヘッダーコンテンツの動画をPC・スマホで同じ比率に揃える方法

Q.質問内容ヘッダーコンテンツの「MP4動画」で、PCとスマホで表示される比率が異なるため、同じ比率に揃えたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定の「カスタムCSS」に以下のような記述を追加してください。

  • AIDER (TCD115)

TCDテーマAIDER:サービスページのショートコードコンテンツの背景色を変更する方法

Q.サービスページのショートコードで配置できる各コンテンツの背景色は、自由に変更できますか?テーマの仕様上、サービスページに配置できるショートコードコンテンツに使われている背景色は、テーマオプションで設定したアクセントカラーが反映されます。▼変更箇所イメージ(カード型リスト)  →AID

  • AIDER (TCD115)

TCDテーマAIDER:サービス番号のコンテンツ幅を変更する方法

Q.サービス番号コンテンツの文字数を増やすと、折り返されて表示されます。横幅を広げられますか?テーマの仕様上、サービス番号のコンテンツ幅は固定値となっています。以下のように「自社開発サービス」と表示させると折り返されて表示されてしまいます。▼変更箇所イメージ  →AIDERデモサイト(ト

  • AIDER (TCD115)

TCDテーマAIDER:トップページのコンテンツビルダー「サービス一覧」を2カラム表示する方法

Q.トップページのサービス一覧を2カラム表示にしたいです。テーマの仕様上サービス一覧は3カラム表示です。その為、サービスの数が4つなどの場合は、以下の画像のように歯抜け状態になってしまいます。▼変更箇所イメージ  →AIDERデモサイト(トップページ) A.下記の方法で対応

  • AIDER (TCD115)

TCDテーマAIDER:サービスページのリストコンテンツを3カラムにする方法

Q.サービスページのリストコンテンツを3カラムにしたい。テーマの仕様上リストコンテンツは「1カラム」もしくは「2カラム」で表示できます。▼変更箇所イメージ  →AIDERデモサイト(サービス詳細ページ) A.下記の方法で対応してください。外観>TCDテーマオプション>基

  • GENESIS (TCD103)

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

Q.投稿記事で上部に表示されているアイキャッチ画像を非表示にしたいです。投稿記事のアイキャッチを非表示にする場合は、CSSで非表示にしてください。▼変更箇所イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。▼変更後イメージ

  • SOURCE (TCD045)

TCDテーマSOURCE:「料金システム表」や「機能比較表」のタイトル文字色を変更する方法

Q.ページビルダーで作成した「料金システム表」や「機能比較表」のタイトル文字色を変更したいです。タイトル文字色は白で固定されているため、背景色を明るくすると見えづらくなる場合があります。背景色はTCDテーマオプション>基本設定>色の設定>第2カラーの設定で変更可能です。▼変更前イメージ(

  • BASARA (TCD100)

TCDテーマBASARA:「ランディングページ」テンプレートでスマホ用固定フッターバーを表示する方法

Q.固定ページテンプレート「ランディングページ」でもスマホ用固定フッターバーを表示したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions/footer-bar.php編集する箇所: 11行目付近

  • SEEED (TCD105)

TCDテーマSEEED:コンテンツビルダー「サービス一覧」のアイコンを横4列で表示させる方法

Q.トップページ・コンテンツビルダー「サービス一覧」の項目を横5列から横4列に変更したいです。▼変更後イメージ(参考:デモサイト)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。下記CSSを追記することで、PCの時のみ横4列で表示させること

  • MAXX (TCD043)

TCDテーマMAXX:トップページ「コンテンツ2」の矢印の色・背景色・文字色を変更する方法

Q.トップページ「コンテンツ2」の「ボックス3」の背景色・文字色・矢印の色を変更したい。この箇所には基本設定の「メインカラー」「第2カラー」が主に適用されます。▼変更箇所イメージ  →MAXXデモサイト A.下記の方法で対応してください。外観>TCDテーマオプション>基

  • MAXX (TCD043)

TCDテーマMAXX:トップページ「コンテンツ1」のスマホ時文字サイズを変更する方法

Q.トップページ「コンテンツ1」の各「フォントサイズ」がPC時のみに反映されます。スマホ用のフォントサイズを設定できますか?▼変更箇所イメージ(PC)  →MAXXデモサイトA.下記の方法で対応してください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してくだ

  • QUALIA (TCD114)

TCDテーマQUALIA:PNG形式のロゴ画像が白色になる機能を外す方法

Q.ヘッダーコンテンツ上で色付きロゴ画像が白になります。そのまま表示できますか?これは、ヘッダーバーの背景色があるとき(白)とないとき(透明)で、画像を二つ用意しなくて済むように搭載している機能です。 →マニュアル:基本設定 > ロゴ▼変更箇所イメージA.下記の方法で

  • GENESIS (TCD103)

TCDテーマGENESIS:ヘッダーメッセージを画面上部に固定表示する方法

Q.画面スクロールするとヘッダーメッセージが見えなくなりますが、常に表示したいです。ヘッダーメッセージの概要は以下のデモサイトブログ記事をご参照ください。A.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力してください。

  • meets (TCD086)

TCDテーマmeets:ニュースティッカーを最新のお知らせ1つに固定する方法

Q.トップページのニュースティッカーを、最新のお知らせ1つに固定することはできますか?テーマで設定できる最小数は3のため、1つに固定する場合はテーマファイルの編集が必要になります。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペ

  • GAIA (TCD102)

GAIA:常にトップページのヘッダースライダーのサイズを16:9で表示させる方法

Q.質問内容・ヘッダースライダーのサイズを比率固定したいです。・メイン動画に設定した動画を、PC、スマホ問わず16:9で表示させたいです。▼変更後イメージ(デモサイト:スタイルアーカイブページ)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してくださ

  • HOMME (TCD107)

HOMME:スタイルのアーカイブページに表示されているカテゴリーメニューを非表示にする方法

Q.スタイルのアーカイブページに表示されているカテゴリーメニューを非表示にしたいです。▼変更箇所イメージ(参照元:HOMMEデモ内のカスタム投稿「スタイル」アーカイブページ)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。▼変更後イメ

  • MAG (TCD036)

TCDテーマMAG:「アーカイブ」ウィジェットを年別表示にする方法

Q.デフォルトでは月別表示ですが、年別表示にすることはできますか?テーマファイルを編集することにより、年別表示にすることも可能です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions.php

  • REHUB (TCD099)

TCDテーマREHUB:絞り込み検索に自動フォーカスを設定する方法

Q.トップページ読み込み時に、絞り込み検索の位置に飛ぶようにしたいです。Ver3.11へのアップデートで絞り込み検索の位置への自動フォーカス設定を解除しました。自動フォーカスを復活させたい場合は、コメントアウトを削除してください。▼変更箇所イメージA.下記の方法でカスタマイズ

  • QUALIA (TCD114)

TCDテーマQUALIA:フッターメインエリアの「バナー」を3つ並びで表示する方法

Q.フッターメインエリアにバナーを3つ表示させると段落ちしているように見えてしまいます。フッターメインエリアの「バナー」は2カラム(2つ並び)で表示するレイアウト仕様となっています。▼変更箇所イメージA.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSS

  • QUALIA (TCD114)

TCDテーマQUALIA:プログラムページにシェアボタンを表示する方法

Q.プログラムページにもSNSシェアボタンを表示したいです。投稿記事やお知らせ記事で表示されるSNSシェアボタンですね。→マニュアルデザイン仕様上、テーマオプションに設定項目は搭載しておりませんが、カスタマイズで表示できます。▼変更後のイメージ  →変更前:デモサイトプログラムページ

  • DROP (TCD087)

TCDテーマDROP:ヘッダーの下線をなくす方法

Q.固定ページの「ランディングページ」で、ロゴ下の下線をなくしたいです。トップページのヘッダーコンテンツ上でもヘッダーには薄い下線が表示されています。▼変更箇所イメージ  →実際の表示:トップページ・LPサンプルBA.下記の方法で対応してください。サイト全体に適用したい:

  • SOLARIS (TCD088)

TCDテーマSOLARIS:メガメニューC(企業情報)を4つ並びで表示する方法

Q.メガメニューC(企業情報一覧)で項目を4つ並びで表示したいです。子メニュー4つ、8つで表示したい場合は、4つ並びの方がスマートに見えますね。▼変更後イメージ  →変更前:SOLARISデモサイトA.下記の方法で対応してください。以下をTCDテーマ>基本設定のカスタムC

  • SHIPS (TCD098)

TCDテーマSHIPS:サイドに表示される「ログイン」「会員登録」のボタンの色を変える方法

Q.質問内容・ログインしていない時に、サイドに表示される「ログイン」「会員登録」のボタンを変えたいです。・右側に常に表示されているログイン、会員登録のタブを、それぞれ異なる色に変えたいです。▼変更後イメージ(撮影箇所:SHIPSデモサイト)A.下記の方法でカスタマイズして

  • ZEN (TCD113)

TCDテーマZEN:TOPページコンテンツビルダー「ラージバナー」コンテンツタイプ「見出し」の時の線を削除する方法

Q.質問内容・TOPページコンテンツビルダー「ラージバナー」内のコンテンツタイプ「見出し」の周りに表示されている線を削除したいです。・「ラージバナー」の「見出し」選択時のテキストまわりをもう少しシンプルにしたいです。▼変更前イメージ(撮影箇所:ZENデモサイト)A.下記の

  • meets (TCD086)

TCDテーマmeets:トップページ「ブログ記事一覧」で特定カテゴリーの記事のみを表示する方法

Q.「ブログ記事一覧」で全記事ではなく、特定カテゴリーの記事のみ表示したいです。特定のカテゴリーを指定して表示させるには、テーマファイルの編集が必要です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペ

  • ZEN (TCD113)

TCDテーマZEN:カスタム投稿「季節の行事」のアイキャッチ画像・説明文のエリアの背景色を変更する方法

Q.質問内容・カスタム投稿「季節の行事」の投稿ページにおいて、アイキャッチ画像・説明文のエリアの背景色を変更する方法を教えてください。・カスタム投稿「季節の行事」の各記事のアイキャッチ画像周辺の背景画像を削除したいです。▼変更箇所イメージ(撮影箇所:デモサイト「春の行事」)