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

ワードプレステーマ別

スマホ、タブレット

45
  • VOGUE (TCD051)

TCDテーマVOGUE:モバイル閲覧時のトップページヒーローヘッダーの切り替え時間を変更する方法

Q.トップページのヒーローヘッダーについて、スマホ/タブレット画面でのスライドショー切替時間を変更したいです。A.下記の方法でカスタマイズしてください。1. 読み込むjsを変更する編集するファイル: functions.php編集する箇所: 129行目付近 ↓2. j

  • ORION (TCD037)

TCDテーマORION:スマホ表示時のヘッダーロゴの大きさ変更方法

Q.スマホ表示の際のヘッダーのロゴの大きさを変えたい▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力下さい。※●の部分に、任意の数値をお入れください。※あまりにも大きい数値を入れてしまいますと、

  • OOPS! (TCD048)

TCDテーマOOPS!:ハンバーガーメニューの色、及びメニューフォントカラーの変更方法

Q.スマホ表示の際の三本線(ハンバーガーメニュー)と、メニューの文字色を変更したい▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力下さい。◇ハンバーガーメニューの三本線変更◇メニューのフォントカ

  • GENSEN (TCD050)

TCDテーマGENSEN:スマホのフッターメニューの”シェア”をLINEのアイコンと文言に変更する方法

Q.スマホのフッターメニューの"シェア"をLINEのアイコンと文言に変更したいです。下記のカスタマイズをしていただくことで変更可能です。LINEおよび関連サービスのロゴ、アイコンなどを使用する場合は、LINE株式会社のガイドラインのルールに準じて使用してください。A.該当phpファイルを

  • ORION (TCD037)

TCDテーマORION:スライダー画像が見切れる時の対処方法

Q.スライダー画像が見切れてしまいますがどうしたらいいでしょうか?A.下記の方法でご対応ください。スライダー部分は、設定された画像を背景画像として表示しておりますが、画面全体を覆う形になるように画像を拡大・縮小する仕様となっております。その際、画像の縦横比は保持されるため、画像のサイ

  • GENSEN (TCD050)

TCDテーマGENSEN:スマホでキャッチフレーズを中央に揃える方法

2020/7/9 記事を更新しました。Q.スマホでGENSENのトップページのキャッチフレーズを中央揃えにすることはできますか?トップページのキャッチフレーズは、パソコンで見ると中央揃えですが、スマホで見ると左揃えになっています。スマホでもパソコンと同じように中央揃えにしたいです。

  • ORION (TCD037)

TCDテーマORION:スマホで見た際のトップページ(ヘッダー)背景色を変更する方法

TCDテーマORIONをスマホ見た際の背景色は白になっています。こちらの背景色を画像に合う色(オリジナル)に変更したい場合はありませんか?今回は以下のカスタマイズ方法をご案内します。※カスタマイズをされる場合は必ずバックアップしてからおこなってください。1.カスタ

  • CORE (TCD027)

TCDテーマCORE:スマホサイトにロゴを表示させる方法

Q.スマホサイトにもロゴを表示させたいTCDテーマ「CORE」を使用している際、スマホサイトで閲覧するとロゴの部分がテキスト(サイトタイトル)になっていると思います。パソコン閲覧時と同様に、サイトロゴを表示させたいことがあると思います。下記の方法でカスタマイズをおこなっていただくとス

  • SWEETY (TCD029)

TCDテーマSWEETYで固定ページテンプレートのスマホ表示をカスタマイズする方法

Q.固定ページテンプレートの表示をカスタマイズしたいSWEETYにて固定ページのテンプレートの表示を変更したいです。方法はありますか?変更前の表示変更後の表示A.下記のcssファイルの該当箇所を編集してください①まずは、FTPソフトでサーバーから下記の

  • AMORE (TCD028)

TCDテーマAMORE:スマホで閲覧した際トップページのスライダー画像が左右見切れるのを回避する方法

Q.スマホで閲覧した際トップページのスライダー画像が左右見切れるのを回避したいスマホで閲覧した際、トップページのスライダー画像が小さくなるため、自動的にサイズを調整していますが、そのために起こる左右の見切れを回避する方法です。A.下記のphpファイルの該当箇所を編集してください編

  • BlogPress(TCD010)

TCDテーマBlogPressをスマホで見た際にサイドバーを表示する方法

Q.スマホで見た際にサイドバーを表示したいデフォルトではサイドバーはスマホで見た際に非表示になっています。以下の方法で表示するようにできます。A.下記のPHPファイルの該当箇所を編集します編集するファイル:index.php, single.php, page.php, ar

  • テーマ共通

スマホ表示時の黒の背景色を異なる色に変更する方法

Q.スマホ表示時の黒の背景色を異なる色に変更したいデフォルトではスマホ表示時は、ヘッダーの背景と一番下部のcopyrightの背景、いくつかの見出しの背景色が黒色になってますが、この色を変更する以下の方法で可能です。A.下記ファイルの該当箇所を編集します編集するファイル:style_

  • IZM (TCD034)

レスポンシブのブレイクポイントを調整する

Q.PC用レイアウトとモバイル用レイアウトのブレークポイントを調整したいレスポンシブデザインのブレークポイントを調整することはできますか?A.下記ファイルの該当箇所を編集します①編集するファイル:functions/head.php編集する箇所:※max-widthの

  • Opinion (TCD018)

スマホ表示の際のスライダーの記事タイトルの行間調整

Q.スマホのトップページの記事タイトルを2列表示にしたいトップページのタイトルの表示が見切れてしまいます。2列にして表示することはできますか?A.下記のcssファイルの該当箇所を編集します編集するファイル:style_sp.css編集する箇所:※「line-heigh

  • テーマ共通

スマホでスライダー画像やアイキャッチ画像が表示されないとき

Q.スマホでサイトを見たときに表示されていない画像があるのですが?PCでは問題なく表示されている画像がスマートフォンで見ると表示されていません(枠と画像のファイル名のみ表示されている状態)。何が原因でしょうか。A.画像のファイル名が原因である可能性がありますスマートフォンで閲覧時、特

  • PHOTEK (TCD024)

スマホ表示のメニューアイコンや文言の調整

Q.スマホ表示のメニューボタンの表示の調整方法についてスマホ表示の際にヘッダーに表示されるメニューのアイコンや、文言を追加する場合の変更方法を教えてください。A.下記のphpファイルの該当箇所を編集してください編集するファイル:header.php編集する箇所:「<s

  • LAW (TCD031)

TCDテーマLAW:スマホ表示でMENUやSIDEBARエリアの背景色を変更する

Q.スマホ表示の際のサイドエリアの背景色や文字色を変更したいスマホ表示のフッターメニュー「MENU」や「SIDEBAR」を押したときに展開するエリアの背景色の変更方法を教えてください。A.下記コードをテーマオプションのカスタムCSSへ記述します

  • AMORE (TCD028)

TCDテーマAMORE:スマホのトップページスライダーを非表示にする

Q.トップページスライダーをPCにだけ設定し、スマホでは表示させないようにしたいトップページスライダーをスマホでは非表示にして、第2ブロックから表示させたいです。変更方法を教えてください。A.下記のphpファイルの該当箇所を編集してください編集するファイル:page-welcom

  • LAW (TCD031)

TCDテーマLAW:スマホ表示の記事ページでアイキャッチ画像を表示させる

Q.スマホの記事ページでアイキャッチ画像が表示されないのですが?PCではアイキャッチ画像が表示されますが、スマホではヘッダー画像のみの表示で、アイキャッチが表示できません。A.下記のphpファイルの該当箇所を編集しますスマホ表示の記事ページではアイキャッチ画像を表示しない仕様ですが、

  • SWEETY (TCD029)

スマホ表示の際のサイドバーボタンを非表示にする

Q.スマホのフッターメニュー「SIDEBAR」を非表示にしたいスマホで表示しているときにフッターに表示されるメニューで「SIDEBAR」を非表示にする方法を教えてください。A.下記のphpファイルの該当箇所を削除します編集するファイル:mobile/footer.php削除す

  • テーマ共通

PCとスマホで表示内容を変更する方法(トップページコンテンツ編)

Q.スマホでのみ表示したいコンテンツがありますトップページのコンテンツですが、PCでは、表示せずスマートフォンでのみ表示したいのですが可能でしょうか。2.下記のphpファイルの該当箇所を編集(追加)します多くのテーマにて、下記内容は記載しております。一度、記載があるかご確認の上、追加

  • AMORE (TCD028)

TCDテーマAMORE:スマホグローバルメニューにタップで電話をかけられる電話番号を表示する

Q.スマホ表示でグローバルメニューに電話番号を表示させたいPC表示ではヘッダー部分にグローバルメニューもしくは電話番号を選択して表示することができますが、スマートフォンではヘッダーに電話番号を表示することはできませんか?A.以下の手順でグローバルメニューにタップで電話をかけられる電話番号