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

すべての記事

記事数 1888
  • HOMME (TCD107)

TCDテーマHOMME:SNSアイコンの色を変更する方法

Q.SNSアイコンを「公式準拠カラー」にしている場合に、「TikTok」と「X」アイコンを白に変更したいです。全体の背景色などを黒系で統一している場合、「TikTok」や「X」のアイコンが黒で表示されるため、背景と同化して見えなくなることがあります。SNSアイコンのデザインを「モノク

  • STORY (TCD041)

TCDテーマSTORY:常にトップページのスライダーを16:9で表示させる方法

Q.質問内容スマホ表示の場合、スライダーで設定した画像が高さ100%で表示されてしまい、切り取られて表示されます。PC,スマホ問わず、常に一定比率で表示させたいです。▼変更後イメージA.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。

  • ICONIC (TCD062)

TCDテーマICONIC:検索結果ページでもサイドバーを表示させる方法

Q.質問内容商品のページと見た目を統一させたいので、検索したあとのページでもサイドバーを表示させたいです。▼変更後イメージA.下記のカスタマイズをしてください。下記PHPを追記することで、検索結果ページでもサイドバーを表示させることができます。function

  • NUMERO (TCD070)

TCDテーマNUMERO:スマホでトップページ左右の余白を無くす方法

Q.トップページにて両サイドに余白(スペース)が出来ているかと思います。PC表示の場合は、その余白にメニューを載せられますが、スマホではただの余白になっているので、これを無くして画像を横幅フルに表示させるにはどうしたら宜しいでしょうか?▼変更前▼変更後A.TCDテーマ

  • LAW (TCD031)

TCDテーマLAW:トップページヘッダースライダーの切り替わる速度を変更する方法

Q.トップページのヘッダー画像ですが切り替わる秒数は変更可能でしょうか?テーマの設定では切り替わる速度を変更する設定がないため、テーマファイルの編集が必要です。デフォルトでは7秒になっています。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイ

  • NUMERO (TCD070)

TCDテーマNUMERO:ギャラリーアーカイブのホバーエフェクトを「ズームイン」または「フェードのみ」にする方法

Q.トップページにギャラリー記事を表示しています。ホバー時にズームアウトされますが、これをズームインに変更したいです。変更前のサンプルはNUMEROデモサイトをご覧ください。この「ズームアウト」は、ホバー前に画像が少し拡大されて表示され、ホバー時に等倍表示になる仕様です。A.下記の方

  • HEAL (TCD077)

TCDテーマHEAL:スケジュールページ内「○月○日 – ○月○日 のスケジュール」箇所の背景色・文字色を変更する方法

Q.固定ページの「スケジュールページ」テンプレートで「○月○日 - ○月○日 のスケジュール」箇所の背景色・文字色を変更したいです。▼変更箇所イメージ   →HEALデモサイト「SCHEDULE」ページA.下記の方法でご対応ください。当該固定ページ編集画面の「カスタムCSS」

  • MONAD (TCD110)

TCDテーマMONAD・GLUE他:スマホ用固定フッターのアイコン・文字を大きく表示する方法

Q.「フッターバー(モバイル端末専用)」で、文字とアイコンを大きく表示させたいです。▼変更後イメージ  →変更前例:MONADデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力します。数値は適宜調整してください。テーマによって、

  • Tree (TCD081)

TCDテーマTree:メガメニューAの項目を4つ並びで表示させる方法

Q.メガメニューAに4つのメニューをスクロールさせずに表示したいです。デモサイトのような飲食店サイトに利用する場合、「Breakfast」「Lunch」「Dinner」「Drink」とちょうど4つ表示できたらいいのに…となりそうですね。▼変更後のイメージ  →変更前:Treeデモサイト

  • ISSUE (TCD106)

TCDテーマISSUE:スタッフページ「タイプA」の画像・テキストの比率を変更する方法

Q.スタッフページを商品紹介に利用しています。「タイプA」(縦長画像向け)のレイアウトで、画像とテキストの比率を1:1から変更したいです。▼変更後のイメージ変更前と比較すると、画像の横幅が狭まっていることがわかります。縦長の商品を紹介するのにもいいかもしれません。

  • BIRTH (TCD057)

TCDテーマBIRTH:スマホでトップページのスライダーを切り取られずに表示する方法

Q.スマホ表示の場合、スライダーで設定した画像または動画が高さ100%で表示されてしまい、切り取られて表示されます。▼変更箇所イメージA.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。下記のCSSを追記することで全画面表示を解消して、左右切り取

  • SERUM (TCD096)

TCDテーマSERUM:サイドアイコンボタンの文字色と背景色を変更する方法

Q.サイドアイコンボタンでアイコンを表示した場合、背景色が白で文字色がアクセントカラーになります。アイコンを表示したまま、背景色をアクセントカラー、文字色を白にしたいです。デフォルトでは以下のようになっています。アイコンを表示する場合 背景色:白 文字色:アクセントカラー

  • 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に入力することで、コンテンツに

  • ISSUE (TCD106)

TCDテーマISSUE:アーカイブページのカテゴリーの「全て」「全ての記事」の表記を変更する方法

Q.質問内容・スタッフアーカイブページカテゴリーの「全て」表記を変更したいです。・ブログ記事一覧のカテゴリータブに記載されている「全ての記事」の表記を「ALL」に変更したいです。▼変更箇所イメージ(スタッフ一覧ページ)A.下記の方法でカスタマイズしてください。TC

  • MONAD (TCD110)

TCDテーマMONAD:診療案内アーカイブページで詳細ページへのリンクをなくす・「詳しく見る」のテキストを変更する方法

Q.診療案内一覧で完結させたいので、記事ページへのリンクをなくしたいです。診療案内を他のコンテンツとして使う場合は記事ページへのリンクをなくしたり、「詳しく見る」のテキストを変更したいということがあるかもしれません。▼変更箇所イメージ   →デモサイトの診療案内アーカイブページ

  • STORY (TCD041)

TCDテーマSTORY:コピーライトの表記を変更する方法

Q.Copyright@の後の文言がサイトのタイトルで設定した文言になります。任意の文言に変更可能でしょうか。デフォルトでは、設定>一般設定の「サイトのタイトル」がコピーライトに反映されます。別の文言を表示したい場合は、以下のカスタマイズをお試しください。▼変更箇所イメージA

  • TOKI (TCD069)

TCDテーマTOKI:カスタム投稿タイプ「お店」のカテゴリー表示数を増やす方法

Q.設定で表示できる最大数が20なのですが、24、28、32の選択肢を追加したいです。デフォルトでは、トップページや「お店」アーカイブページの「表示するカテゴリーの数」で選択できるのは、4、8、12、16、20になっています。▼変更箇所イメージA.下記の方法でカスタマイズ

  • ISSUE (TCD106)

TCDテーマISSUE:グローバルメニューの背景色を変更する方法

Q.ヘッダーで「ドロップダウンメニュー」を設定しています。背景色は変えられますか?▼変更箇所イメージISSUEを検討中のお客様へISSUEのヘッダーは2タイプ(ドロワーメニュー/ドロップダウンメニュー)のデザインから選択いただける仕様です。デモサイトでは「ドロワーメニュー」を表示

  • NANO (TCD065)

TCDテーマNANO:ブログのサイドバー内「最新記事」を任意のテキストに変更する方法

Q.ブログ一覧・記事ページのサイドバーに表示される「最新記事」を変更したいです。▼変更箇所イメージ(NANOデモサイトブログ一覧ページ)A.下記の方法でカスタマイズしてください。編集するファイル: template-parts/list.php編集する箇所:64行目以降の