ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

スマホ

56
  • ANTHEM (TCD083)

TCDテーマANTHEM:スマホ表示時もフッターカルーセルの見出しを表示させる方法

Q.TCDテーマ>フッター>カルーセル設定>見出しをスマホ表示時も表示させたいです。フッターカルーセルの見出しはテーマの仕様として、スマホ画角では非表示の仕様となっています。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力して

  • PHOTEK (TCD024)

TCDテーマPHOTEK:スマホ表示時のヘッダー・フッターのコピーライトの背景色を変更する方法

Q.スマホ閲覧時のヘッダーとフッターの色を黒から別の色に変えたいです。A.下記の方法でご対応ください。以下の記述を外観>TCDテーマオプション>基本設定内のカスタムCSSに入力して表示をご確認ください。〇を任意のカラーコードに変更してください。

  • HORIZON (TCD093)

TCDテーマHORIZON:モバイルサイズ用メニューの背景色・文字色を変更する方法

Q.スマホ表示時のドロワーメニューの背景色と文字色を変更したいです。A.下記の方法でご対応ください。外観>カスタマイズ>追加CSSに入力してください。〇(背景色)・●(文字色・アイコン色)・◎(ドロップダウンメニューの背景色)を任意のカラーコードに変更してください。なお、カレント

  • GENSEN (TCD050)

TCDテーマGENSEN:ハンバーガーメニュー内の矢印の色を変更する方法

Q.スマホでハンバーガーメニューを開いた際に表示される矢印の色を変えたい。メニューが階層化されている場合、スマホ閲覧時にはハンバーガーメニューを開くと親メニューのみが表示され、右端の「v 」をクリックで子メニュー以下が表示されます。この矢印の色は変更できますか。▼変更箇所イメ

  • meets (TCD086)

TCDテーマmeets:スマホ表示時のトップページヘッダーコンテンツの高さを変更する方法

Q.スマホから見た時のヘッダーコンテンツの高さを変更することはできますか。▼変更後イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の高さになるように●に数字を入力してください。

  • LOTUS (TCD039)

TCDテーマLOTUS:スマホでトップページコンテンツ1の各ボックスで画像のみ表示させる方法

Q.トップページコンテンツ1の各ボックスで画像のみ表示させたいのですが、スマホではコンテンツが非表示になってしまいます。トップページのコンテンツ1につきましては、各ボックスの「見出し」もしくは「説明文」にテキストが入力されていない場合、スマートフォンでは表示されなくなります。(各ボックスの「

  • MONOLITH (TCD042)

TCDテーマMONOLITH:スマホ表示時、トップページプロジェクトコンテンツの「キャッチフレーズ」の文字サイズを変更する方法

Q.トップページ内プロジェクトコンテンツの「キャッチフレーズ」箇所でスマホ用のフォントサイズを設定したいです。PC用のフォントサイズはテーマオプションから変更頂ける仕様となっておりますが、スマホ用のフォントサイズの設定項目を設けておりません。▼変更箇所イメージA.下記

  • テーマ共通

テーマ共通:スマホ表示時にコンテンツが左側に寄って表示される際の対処方法

Q.スマホで表示すると、コンテンツが画面の左側に寄って表示されてしまいます。トップページのフリースペース、あるいは記事詳細ページでYouTubeやGoogle Mapの埋め込みタグ等のiframeタグを使用した場合にお問い合わせを頂く事象です。基本的には、iframeタグはそのままの記述では

  • STORY (TCD041)

TCDテーマSTORY:スマホ表示時のヘッダーの線を非表示にする、色を変更する方法

Q.スマホ表示時のヘッダーの下部とハンバーガーメニューの左に表示される1pxの線を非表示にしたいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。

  • ANTHEM (TCD083)

TCDテーマANTHEM:スマホ表示時のハンバーガーメニューのアイコン色を変更する方法

Q.スマホ表示時のハンバーガーメニューの色を変更する方法を教えてください。この記事ではスマホ表示時のヘッダー内言語ボタンアイコンの色を変更する方法も併せてご案内いたします。▼変更箇所イメージ 赤枠がハンバーガーメニューのアイコン、左の地球アイコンが言語ボタンアイコンです。

  • FORCE (TCD078)

TCDテーマFORCE:スマホ表示時にブログ詳細ページのタブコンテンツで記事タイトルを表示させておく方法

Q.スマホ閲覧時のブログ記事詳細ページの下部「タブコンテンツ」で、記事タイトルを常時表示にする方法はあるでしょうか?PC表示時では、この箇所ではマウスカーソルを合わせることで記事タイトルがオーバーレイ背景色と共に表示されます。スマホ表示時には、記事のアイキャッチ画像のみの表示となります。&n

  • ORION (TCD037)

TCDテーマORION:スマホ表示時、トップページヘッダーコンテンツのロゴとキャッチコピーの文字サイズを変更する方法

Q.スマートフォンで表示したときの、トップページヘッダーコンテンツ上のロゴ(テキスト)とキャッチコピーの文字の大きさを変更したいです。PC表示時のフォントサイズは、外観>TCDテーマオプション>ロゴの設定>トップページヘッダーコンテンツのロゴ(大)の「ロゴのフォントサイズ」および「キャッチコピー

  • ICONIC (TCD062)

TCDテーマICONIC:スマホ表示時のハンバーガーメニューで副項目にインデントを設ける方法

Q.スマホ表示時のハンバーガーメニューで、子メニュー項目を親メニュー項目より少し右にずらして(インデントを設けるように)表示させたいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。※30pxの部

  • FORCE (TCD078)

TCDテーマFORCE:スマホ表示時のブログカテゴリー名が長い場合のレイアウト対処方法

Q.スマホ表示時、ブログカテゴリー名が長いと、トップページのコンテンツビルダー「記事一覧1」「記事一覧2」やブログ一覧ページで表示が崩れてしまいます。カテゴリー名を短いものにご変更頂くか、もしくは日付とカテゴリーのいずれかを非表示に頂く、あるいは下記のようにカスタマイズする・CSSを調整頂くとい

  • AMORE (TCD028)

TCDテーマAMORE:スマホ閲覧時、ドロワーメニューをスクロールできるようにする方法

Q.グローバルメニューの項目が多い場合、スマホでドロワーメニューを開くとスクロールできないため下段の項目を見ることができません。ドロワーメニューをスクロールできるようにすることはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部

  • STORY (TCD041)

TCDテーマSTORY:タブレット閲覧時、スマホ用のロゴを表示させる方法

Q.質問内容タブレットでサイトを見ると、PC用に設定したロゴ画像が表示されるため、ヘッダーバーからはみ出してしまいます。スマホ用に設定した画像を表示させることはできますか。▼変更箇所イメージA.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカス

  • SKIN (TCD046)

TCDテーマSKIN:スマホ閲覧時、トップページのボックスコンテンツの文字サイズを変更する方法

Q.質問内容トップページの「コンテンツ1」内の3つのボックスですが、PC閲覧時の文字サイズは設定できますが、スマホ閲覧時は固定となっています。スマホ閲覧時の文字サイズを変更することはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」

  • NANO (TCD065)

TCDテーマNANO:スマホ閲覧時、長いメニュー名でも枠内に収まるように表示する方法

Q.質問内容メニューの項目名が長いと、スマホ閲覧時に一部が枠外に改行されてしまいます。一行で表示させることはできますか。A.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。12文字程度までなら上

  • LUXE (TCD022)

TCDテーマLUXE:スマホ用のロゴ画像で縦幅の大きい画像を使用する方法

Q.ロゴ(ヘッダー)でスマホ用のロゴ画像の指定縦幅より大きいものを設定したいです。この箇所の推奨サイズは「横幅自由、縦幅20px」となっております。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力◯部分に任意の数値を入力してください。

  • Gorgeous (TCD013)

TCDテーマGorgeous:スマホ閲覧時に右上に表示される【MENU】の文言を変更する方法

Q.サイトをスマホで閲覧すると、画面右上に【MENU】が表示されますが、ここを「メニュー」など別の文言に変更することはできますか。A.下記の方法でカスタマイズしてください。編集するファイル: テーマヘッダー (header.php)編集する箇所 ↓★「メニュー」を任意の文

  • STORY (TCD041)

TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの

  • LAW (TCD031)

TCDテーマLAW:スマホ用ロゴ画像をretinaディスプレイ対応にする方法

Q.スマホ表示のロゴをretinaディスプレイ対応にできますか?PC表示用のロゴ画像をretinaディスプレイに対応させたい場合は、下記のカスタマイズ事例記事をご参照ください。→ロゴ画像をretinaディスプレイ対応にする(カスタムCSS使用)A.下記の方法をお試しください。外観

  • logue (TCD020)

TCDテーマLogue:スマホでロゴ画像を表示させる方法

Q.スマホ表示時にもロゴ画像を表示させたいです。デフォルトの状態では、スマホ表示時のロゴ部分にはテキストが表示される仕様になっています。A.下記の方法でご対応ください。外観>テーマオプション>基本設定内「カスタムCSS」に入力補足)設定しているロゴ画像が大きい

  • UNIQUE (TCD044)

TCDテーマUNIQUE:スマホのハンバーガーメニューの色変更を変更する方法

Q.スマホの画面上部のハンバーガー(三本線)メニューの色を変更したい。A.下記コードを追記してください追記する場所: 管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」< #ffffff >がカラーコードとなります。カラーコードにつきまして

  • ORION (TCD037)

TCDテーマORION:スマホ表示時のヘッダーの背景色を変更したい

Q.スマホ表示時のヘッダーの背景色は変更可能でしょうか?A.可能です。下記、変更方法です。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力下さい。※●に任意のカラーコードを指定下さい。カラーコードにつきましては下記参考サイトをご確認ください。

  • MAXX (TCD043)

TCDテーマMAXX:スマホ閲覧時、トップページのグリッド画像でコンテンツを最初から表示させる方法

Q.トップページをグリッド画像表示にしてスマホでみたとき、画像をタップする前からキャッチフレーズやボタンを表示させたい。A.下記にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力ください。▼修正前(キャッチフレーズなどは表示されていない)