TCDテーマCANON:サイドボタンの位置を変更する方法
Q.サイドボタンが画面右下に表示されますが、もう少し上に表示できますか?▼変更後のイメージ →変更前:CANONデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力します。上記のような%指定やpx指定にて、お好みの数値に変更し
Q.サイドボタンが画面右下に表示されますが、もう少し上に表示できますか?▼変更後のイメージ →変更前:CANONデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力します。上記のような%指定やpx指定にて、お好みの数値に変更し
Q.グローバルメニューで各メニューが同じ幅で表示されますが、メニューの文字数に合わせて異なる幅で表示させたいです。GRAVITYのヘッダーで表示されるグローバルメニューは、メニュー数によって等分割して表示されます。まずは、デモサイトのように「各メニューを同じくらいの文字数にする」「メガメニュ
Q.メガメニュー「バナーリスト」で、アイテムを4つ並びではなく3つ並びで表示させたいです。▼変更後のイメージ →変更前:GRAVITYデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力して調整します。補足)「paddin
Q.ドロワーメニューの開閉アイコンと背景色、開いたときの背景色と文字色を変更したいです。ドロワーメニューの開閉アイコンと開いたときの背景色には「アクセントカラー」が適用されます。(サイト全体に統一感をもたせるため、サイト内の複数箇所で「アクセントカラー」が適用されます。)▼変更箇所イ
Q.ある投稿記事だけ「追加コンテンツ」を非表示にすることはできますか?TCDテーマの中には、投稿記事やカスタム投稿タイプの記事の「記事本文上」「記事本文下」などに『追加コンテンツ』を表示できる機能が搭載されています。▼変更箇所イメージ →GLUEの機能解説記事:追加コンテンツの設定方
Q.トップページにギャラリー記事を表示しています。ホバー時にズームアウトされますが、これをズームインに変更したいです。変更前のサンプルはNUMEROデモサイトをご覧ください。この「ズームアウト」は、ホバー前に画像が少し拡大されて表示され、ホバー時に等倍表示になる仕様です。A.下記の方
Q.固定ページの「スケジュールページ」テンプレートで「○月○日 - ○月○日 のスケジュール」箇所の背景色・文字色を変更したいです。▼変更箇所イメージ →HEALデモサイト「SCHEDULE」ページA.下記の方法でご対応ください。当該固定ページ編集画面の「カスタムCSS」
Q.「フッターバー(モバイル端末専用)」で、文字とアイコンを大きく表示させたいです。▼変更後イメージ →変更前例:MONADデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力します。数値は適宜調整してください。テーマによって、
Q.メガメニューAに4つのメニューをスクロールさせずに表示したいです。デモサイトのような飲食店サイトに利用する場合、「Breakfast」「Lunch」「Dinner」「Drink」とちょうど4つ表示できたらいいのに…となりそうですね。▼変更後のイメージ →変更前:Treeデモサイト
Q.ヘッダーの掲載数ラベルの横幅を調整したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力します。○を任意の数値に変更してください。デフォルトは「100px」です。・「レビューの掲載数」ラベルのみ調整す
Q.スタッフページを商品紹介に利用しています。「タイプA」(縦長画像向け)のレイアウトで、画像とテキストの比率を1:1から変更したいです。▼変更後のイメージ変更前と比較すると、画像の横幅が狭まっていることがわかります。縦長の商品を紹介するのにもいいかもしれません。
Q.メガメニューBで、表示される記事項目を4つ並びで表示させたいです。▼変更後のイメージ →変更前:TOKIデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力します。補足)特定のメガメニューBだけに適用させたい場合
Q.「実績」に入力した数値が「1,000」のように3桁カンマ区切りになるのをなくしたい、入力した数字をそのまま表示させたいです。Beyondでは以下の箇所で「実績」コンテンツを表示できます。(各リンクから実際の表示を確認できます。) トップページ(ヘッダーコンテンツ・バナーコンテンツ・
Q.投稿者一覧ページで、ユーザーの「プロフィール情報」を省略させず全文表示したいです。デザイン上の観点から2行以降は「…」で省略される仕様を採用しています。当記事では「プロフィール情報」の改行を反映させる方法も合わせてご紹介します。▼変更後のイメージA.下記の方法で対応し
Q.診療案内一覧で完結させたいので、記事ページへのリンクをなくしたいです。診療案内を他のコンテンツとして使う場合は記事ページへのリンクをなくしたり、「詳しく見る」のテキストを変更したいということがあるかもしれません。▼変更箇所イメージ →デモサイトの診療案内アーカイブページ
Q.ヘッダーで「ドロップダウンメニュー」を設定しています。背景色は変えられますか?▼変更箇所イメージISSUEを検討中のお客様へISSUEのヘッダーは2タイプ(ドロワーメニュー/ドロップダウンメニュー)のデザインから選択いただける仕様です。デモサイトでは「ドロワーメニュー」を表示
Q.ブログ一覧・記事ページのサイドバーに表示される「最新記事」を変更したいです。▼変更箇所イメージ(NANOデモサイトブログ一覧ページ)A.下記の方法でカスタマイズしてください。編集するファイル: template-parts/list.php編集する箇所:64行目以降の
Q.最新テーマで、以前まで非表示にしていた「投稿日」が表示されるようになりました。Ver3.1→3.1.1のアップデートにて日付表示オプションを削除し、すべての箇所で日付が表示される仕様となりました。「SEOの面で、投稿ページには投稿日を表示した方がいい」という判断があり、この仕様変更を行う運び
Q.ヘッダーでロゴ画像とメニュー項目がかぶって表示されてしまいます。ロゴ画像の横幅やメニューの数・ラベルの長さによってはそのような状態になってしまいます。A.下記の方法でご対応ください。1. メニュー項目を再考する各メニューのラベルを短くする、メニューを階層化することをまずはご検
Q.APIキーを使わずにアクセスページを制作したいのですが、可能でしょうか?当記事では、以下のような方に向けて対応案をご紹介しています。・APIキーを使わずにアクセスぺージの「アクセスマップ」部分を制作したい・アクセスぺージ内に複数のマップを入れたいCUREを検討中のお客様へCU
Q.ヘッダー上の「見出し」を、最初から表示させたいです。アーカイブページや固定ページのヘッダー上の「見出し」は、ページ遷移後フェードアニメーションを伴って表示されます。このフェードアニメーションをなくして、ページ遷移時に見出しテキストを表示させる方法をご案内いたします。▼変更箇所イメージ
Q.「ヘッダー用ロゴ画像(モバイルサイズ時)」を中央ではなく左側に表示させたいです。ロゴ画像の横幅が大きいときは左寄せで表示したいですよね。▼変更後のイメージ →変更前:HOMMEデモサイトA.下記の方法で対応してください。TCDテーマ>基本設定のカ
Q.ヘッダーの言語ボタンは4つまで設定できますが、5つ以上表示させたいです。▼変更箇所イメージ▼変更箇所の管理画面イメージ ボタンを4つまで登録可能です。A.下記の方法でカスタマイズしてください。テーマファイルに直接記述して、表示されるボタンを増やします。
Q.トップページの「3カラムコンテンツ」のタイトル、インタビューのインタビュイー情報の箇所の背景が三角形になっていますが、長方形で表示させたいです。この部分はSwitchの特徴的なデザインですが、「表示させたいテキストが長い」など三角形に収まらない場面があるかもしれませんね。▼変更後イメ
Q.ヘッダーにボタンをできますが、どうしても3つ表示させたいです。可能でしょうか?テーマファイルをカスタマイズすることで実現可能です。▼PC表示時の変更後イメージ →変更前:CANONデモサイトCANON検討中のお客様へデモサイト内の以下の記事も参考にしてみてくださいね。
Q.グローバルメニューで、各メニュー項目の横幅をひろげたいです。メニュー項目名によってメニュー幅が可変する仕様にはなっていません。扱っている商品名など、どうしてもメニュー項目名を短くできないこともありますよね。▼変更箇所イメージA.下記の方法でご対応ください。いずれも、外
Q.トップページCB「ピックアップインタビュー」でマウスホバーしないと表示されない左右アローを常時表示させたいです。「複数のコンテンツがありスライドできることをわかりやすくしたい。」というご要望をいただきました。▼変更箇所イメージ →ISSUEデモサイト「CROSS TALK」箇所
Q.複数のカテゴリーを設定しましたが、記事ページのタイトルの上には1つしか表示されません。これを複数個表示できますか?恐れ入りますが、テーマ仕様ではカテゴリーを1つのみ表示する仕様となっています。同じく「NULL」で制作しているTCD LABO(当サイト)では以下のようなカスタマイズを行って
Q.「スタッフリスト」でTikTokへのリンク・テキストリンクを表示したいです。▼変更後イメージ →変更前:デモサイト「STAFF」ページA.下記の方法で対応してください。外観>TCDテーマオプション>基本設定のカスタムCSS(サイト全体に反映)、または記事編集画面のカスタ
Q.各記事ページにアイキャッチ画像を表示しないようにしたいのですが、可能でしょうか。A.下記の方法でご対応ください。すべての記事に適用したい場合は「TCDテーマ>基本設定のカスタムCSS」、特定の記事のみ適用したい場合は「記事編集画面のカスタムCSS」に入力してください。