TCDテーマGLAMOUR:ヘッダーコンテンツの動画をPC・スマホで同じ比率に揃える方法
Q.質問内容ヘッダーコンテンツの「MP4動画」で、PCとスマホで表示される比率が異なるため、同じ比率に揃えたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定の「カスタムCSS」に以下のような記述を追加してください。
Q.質問内容ヘッダーコンテンツの「MP4動画」で、PCとスマホで表示される比率が異なるため、同じ比率に揃えたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定の「カスタムCSS」に以下のような記述を追加してください。
Q.サービスページのショートコードで配置できる各コンテンツの背景色は、自由に変更できますか?テーマの仕様上、サービスページに配置できるショートコードコンテンツに使われている背景色は、テーマオプションで設定したアクセントカラーが反映されます。▼変更箇所イメージ(カード型リスト) →AID
Q.サービス番号コンテンツの文字数を増やすと、折り返されて表示されます。横幅を広げられますか?テーマの仕様上、サービス番号のコンテンツ幅は固定値となっています。以下のように「自社開発サービス」と表示させると折り返されて表示されてしまいます。▼変更箇所イメージ →AIDERデモサイト(ト
Q.トップページのサービス一覧を2カラム表示にしたいです。テーマの仕様上サービス一覧は3カラム表示です。その為、サービスの数が4つなどの場合は、以下の画像のように歯抜け状態になってしまいます。▼変更箇所イメージ →AIDERデモサイト(トップページ) A.下記の方法で対応
Q.サービスページのリストコンテンツを3カラムにしたい。テーマの仕様上リストコンテンツは「1カラム」もしくは「2カラム」で表示できます。▼変更箇所イメージ →AIDERデモサイト(サービス詳細ページ) A.下記の方法で対応してください。外観>TCDテーマオプション>基
Q.投稿記事で上部に表示されているアイキャッチ画像を非表示にしたいです。投稿記事のアイキャッチを非表示にする場合は、CSSで非表示にしてください。▼変更箇所イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。▼変更後イメージ
Q.荒らし等の対策のため、コメント欄に文字数制限を設けたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions.php編集する箇所: 最下部の ?> の上に追記●●部分に最大文字数を指定してください。
Q.ページビルダーで作成した「料金システム表」や「機能比較表」のタイトル文字色を変更したいです。タイトル文字色は白で固定されているため、背景色を明るくすると見えづらくなる場合があります。背景色はTCDテーマオプション>基本設定>色の設定>第2カラーの設定で変更可能です。▼変更前イメージ(
Q.固定ページテンプレート「ランディングページ」でもスマホ用固定フッターバーを表示したいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions/footer-bar.php編集する箇所: 11行目付近
Q.フッターのSNSアイコンにLINEを追加したいです。▼変更後イメージ(参考:デモサイト)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。下記CSSを追記することで、PinterestのアイコンをLINEのアイコンに変更することができます。
Q.トップページ・コンテンツビルダー「サービス一覧」の項目を横5列から横4列に変更したいです。▼変更後イメージ(参考:デモサイト)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。下記CSSを追記することで、PCの時のみ横4列で表示させること
Q.トップページ「コンテンツ2」の「ボックス3」の背景色・文字色・矢印の色を変更したい。この箇所には基本設定の「メインカラー」「第2カラー」が主に適用されます。▼変更箇所イメージ →MAXXデモサイト A.下記の方法で対応してください。外観>TCDテーマオプション>基
Q.トップページ「コンテンツ1」の各「フォントサイズ」がPC時のみに反映されます。スマホ用のフォントサイズを設定できますか?▼変更箇所イメージ(PC) →MAXXデモサイトA.下記の方法で対応してください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してくだ
Q.ヘッダーコンテンツ上で色付きロゴ画像が白になります。そのまま表示できますか?これは、ヘッダーバーの背景色があるとき(白)とないとき(透明)で、画像を二つ用意しなくて済むように搭載している機能です。 →マニュアル:基本設定 > ロゴ▼変更箇所イメージA.下記の方法で
Q.画面スクロールするとヘッダーメッセージが見えなくなりますが、常に表示したいです。ヘッダーメッセージの概要は以下のデモサイトブログ記事をご参照ください。A.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力してください。
Q.カスタム投稿タイプ「プラン」でmeta titleとmeta descriptionを設定したいです。▼設定画面イメージA.下記の方法でカスタマイズしてください。編集するファイル: inc/seo.php編集する箇所: 11行目付近↓
Q.トップページのニュースティッカーを、最新のお知らせ1つに固定することはできますか?テーマで設定できる最小数は3のため、1つに固定する場合はテーマファイルの編集が必要になります。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペ
Q.質問内容・ヘッダースライダーのサイズを比率固定したいです。・メイン動画に設定した動画を、PC、スマホ問わず16:9で表示させたいです。▼変更後イメージ(デモサイト:スタイルアーカイブページ)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してくださ
Q.スタイルのアーカイブページに表示されているカテゴリーメニューを非表示にしたいです。▼変更箇所イメージ(参照元:HOMMEデモ内のカスタム投稿「スタイル」アーカイブページ)A.TCDテーマオプションの基本設定>カスタムCSSに以下を追記してください。▼変更後イメ
Q.デフォルトでは月別表示ですが、年別表示にすることはできますか?テーマファイルを編集することにより、年別表示にすることも可能です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: functions.php
Q.トップページ読み込み時に、絞り込み検索の位置に飛ぶようにしたいです。Ver3.11へのアップデートで絞り込み検索の位置への自動フォーカス設定を解除しました。自動フォーカスを復活させたい場合は、コメントアウトを削除してください。▼変更箇所イメージA.下記の方法でカスタマイズ
Q.フッターメインエリアにバナーを3つ表示させると段落ちしているように見えてしまいます。フッターメインエリアの「バナー」は2カラム(2つ並び)で表示するレイアウト仕様となっています。▼変更箇所イメージA.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSS
Q.プログラムページにもSNSシェアボタンを表示したいです。投稿記事やお知らせ記事で表示されるSNSシェアボタンですね。→マニュアルデザイン仕様上、テーマオプションに設定項目は搭載しておりませんが、カスタマイズで表示できます。▼変更後のイメージ →変更前:デモサイトプログラムページ
Q.固定ページの「ランディングページ」で、ロゴ下の下線をなくしたいです。トップページのヘッダーコンテンツ上でもヘッダーには薄い下線が表示されています。▼変更箇所イメージ →実際の表示:トップページ・LPサンプルBA.下記の方法で対応してください。サイト全体に適用したい:
Q.メガメニューC(企業情報一覧)で項目を4つ並びで表示したいです。子メニュー4つ、8つで表示したい場合は、4つ並びの方がスマートに見えますね。▼変更後イメージ →変更前:SOLARISデモサイトA.下記の方法で対応してください。以下をTCDテーマ>基本設定のカスタムC
Q.質問内容・ログインしていない時に、サイドに表示される「ログイン」「会員登録」のボタンを変えたいです。・右側に常に表示されているログイン、会員登録のタブを、それぞれ異なる色に変えたいです。▼変更後イメージ(撮影箇所:SHIPSデモサイト)A.下記の方法でカスタマイズして
Q.質問内容・TOPページコンテンツビルダー「ラージバナー」内のコンテンツタイプ「見出し」の周りに表示されている線を削除したいです。・「ラージバナー」の「見出し」選択時のテキストまわりをもう少しシンプルにしたいです。▼変更前イメージ(撮影箇所:ZENデモサイト)A.下記の
Q.スタッフが1名しかいないため、中央表示にしたいです。▼変更前イメージ▼変更後イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。スタッフを追加する時は、上記記述は削除してください。
Q.「ブログ記事一覧」で全記事ではなく、特定カテゴリーの記事のみ表示したいです。特定のカテゴリーを指定して表示させるには、テーマファイルの編集が必要です。▼変更前イメージ▼変更後イメージA.下記の方法でカスタマイズしてください。編集するファイル: ホームペ
Q.質問内容・カスタム投稿「季節の行事」の投稿ページにおいて、アイキャッチ画像・説明文のエリアの背景色を変更する方法を教えてください。・カスタム投稿「季節の行事」の各記事のアイキャッチ画像周辺の背景画像を削除したいです。▼変更箇所イメージ(撮影箇所:デモサイト「春の行事」)