TCDテーマANTHEM:スマホ表示時もフッターカルーセルの見出しを表示させる方法
Q.TCDテーマ>フッター>カルーセル設定>見出しをスマホ表示時も表示させたいです。フッターカルーセルの見出しはテーマの仕様として、スマホ画角では非表示の仕様となっています。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力して
Q.TCDテーマ>フッター>カルーセル設定>見出しをスマホ表示時も表示させたいです。フッターカルーセルの見出しはテーマの仕様として、スマホ画角では非表示の仕様となっています。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力して
Q.スマホ閲覧時のヘッダーとフッターの色を黒から別の色に変えたいです。A.下記の方法でご対応ください。以下の記述を外観>TCDテーマオプション>基本設定内のカスタムCSSに入力して表示をご確認ください。〇を任意のカラーコードに変更してください。
Q.スマホ表示時のドロワーメニューの背景色と文字色を変更したいです。A.下記の方法でご対応ください。外観>カスタマイズ>追加CSSに入力してください。〇(背景色)・●(文字色・アイコン色)・◎(ドロップダウンメニューの背景色)を任意のカラーコードに変更してください。なお、カレント
Q.スマホでハンバーガーメニューを開いた際に表示される矢印の色を変えたい。メニューが階層化されている場合、スマホ閲覧時にはハンバーガーメニューを開くと親メニューのみが表示され、右端の「v 」をクリックで子メニュー以下が表示されます。この矢印の色は変更できますか。▼変更箇所イメ
Q.スマホから見た時のヘッダーコンテンツの高さを変更することはできますか。▼変更後イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の高さになるように●に数字を入力してください。
Q.ハンバーガーメニューの色を変更することはできますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。
Q.スマホ表示時、お客様の声カスタム投稿タイプの本文を中央寄せで表示することはできますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定のカスタムCSSに入力ください。
Q.トップページコンテンツ1の各ボックスで画像のみ表示させたいのですが、スマホではコンテンツが非表示になってしまいます。トップページのコンテンツ1につきましては、各ボックスの「見出し」もしくは「説明文」にテキストが入力されていない場合、スマートフォンでは表示されなくなります。(各ボックスの「
Q.スマホ表示時、トップページのギャラリー画像の下側に表示されているアイコン部分の背景を透明にできますか?▼変更箇所イメージA.外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。
Q.スマートフォン表示時、トップページコンテンツのサイドの見出しと子見出しを横書きに表示できますか?▼変更箇所イメージA.外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。
Q.トップページ内プロジェクトコンテンツの「キャッチフレーズ」箇所でスマホ用のフォントサイズを設定したいです。PC用のフォントサイズはテーマオプションから変更頂ける仕様となっておりますが、スマホ用のフォントサイズの設定項目を設けておりません。▼変更箇所イメージA.下記
Q.スマホで表示すると、コンテンツが画面の左側に寄って表示されてしまいます。トップページのフリースペース、あるいは記事詳細ページでYouTubeやGoogle Mapの埋め込みタグ等のiframeタグを使用した場合にお問い合わせを頂く事象です。基本的には、iframeタグはそのままの記述では
Q.スマホ表示時のヘッダーの下部とハンバーガーメニューの左に表示される1pxの線を非表示にしたいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。
Q.スマホ表示時のハンバーガーメニューの色を変更する方法を教えてください。この記事ではスマホ表示時のヘッダー内言語ボタンアイコンの色を変更する方法も併せてご案内いたします。▼変更箇所イメージ 赤枠がハンバーガーメニューのアイコン、左の地球アイコンが言語ボタンアイコンです。
Q.スマホ閲覧時のブログ記事詳細ページの下部「タブコンテンツ」で、記事タイトルを常時表示にする方法はあるでしょうか?PC表示時では、この箇所ではマウスカーソルを合わせることで記事タイトルがオーバーレイ背景色と共に表示されます。スマホ表示時には、記事のアイキャッチ画像のみの表示となります。&n
Q.スマートフォンで表示したときの、トップページヘッダーコンテンツ上のロゴ(テキスト)とキャッチコピーの文字の大きさを変更したいです。PC表示時のフォントサイズは、外観>TCDテーマオプション>ロゴの設定>トップページヘッダーコンテンツのロゴ(大)の「ロゴのフォントサイズ」および「キャッチコピー
Q.スマホ表示時のハンバーガーメニューで、子メニュー項目を親メニュー項目より少し右にずらして(インデントを設けるように)表示させたいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。※30pxの部
Q.スマホ表示時、ブログカテゴリー名が長いと、トップページのコンテンツビルダー「記事一覧1」「記事一覧2」やブログ一覧ページで表示が崩れてしまいます。カテゴリー名を短いものにご変更頂くか、もしくは日付とカテゴリーのいずれかを非表示に頂く、あるいは下記のようにカスタマイズする・CSSを調整頂くとい
Q.グローバルメニューの項目が多い場合、スマホでドロワーメニューを開くとスクロールできないため下段の項目を見ることができません。ドロワーメニューをスクロールできるようにすることはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部
Q.質問内容タブレットでサイトを見ると、PC用に設定したロゴ画像が表示されるため、ヘッダーバーからはみ出してしまいます。スマホ用に設定した画像を表示させることはできますか。▼変更箇所イメージA.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカス
Q.質問内容トップページの「コンテンツ1」内の3つのボックスですが、PC閲覧時の文字サイズは設定できますが、スマホ閲覧時は固定となっています。スマホ閲覧時の文字サイズを変更することはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」
Q.質問内容メニューの項目名が長いと、スマホ閲覧時に一部が枠外に改行されてしまいます。一行で表示させることはできますか。A.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。12文字程度までなら上
Q.ロゴ(ヘッダー)でスマホ用のロゴ画像の指定縦幅より大きいものを設定したいです。この箇所の推奨サイズは「横幅自由、縦幅20px」となっております。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力◯部分に任意の数値を入力してください。
Q.サイトをスマホで閲覧すると、画面右上に【MENU】が表示されますが、ここを「メニュー」など別の文言に変更することはできますか。A.下記の方法でカスタマイズしてください。編集するファイル: テーマヘッダー (header.php)編集する箇所 ↓★「メニュー」を任意の文
Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの
Q.スマホ表示のロゴをretinaディスプレイ対応にできますか?PC表示用のロゴ画像をretinaディスプレイに対応させたい場合は、下記のカスタマイズ事例記事をご参照ください。→ロゴ画像をretinaディスプレイ対応にする(カスタムCSS使用)A.下記の方法をお試しください。外観
Q.スマホ表示時にもロゴ画像を表示させたいです。デフォルトの状態では、スマホ表示時のロゴ部分にはテキストが表示される仕様になっています。A.下記の方法でご対応ください。外観>テーマオプション>基本設定内「カスタムCSS」に入力補足)設定しているロゴ画像が大きい
Q.スマホの画面上部のハンバーガー(三本線)メニューの色を変更したい。A.下記コードを追記してください追記する場所: 管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」< #ffffff >がカラーコードとなります。カラーコードにつきまして
Q.スマホ表示時のヘッダーの背景色は変更可能でしょうか?A.可能です。下記、変更方法です。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力下さい。※●に任意のカラーコードを指定下さい。カラーコードにつきましては下記参考サイトをご確認ください。
Q.トップページをグリッド画像表示にしてスマホでみたとき、画像をタップする前からキャッチフレーズやボタンを表示させたい。A.下記にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力ください。▼修正前(キャッチフレーズなどは表示されていない)