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

ワードプレステーマ別

余白の調整

11
  • ANTHEM (TCD083)

TCDテーマANTHEM:固定ページでヘッダー画像を表示しない設定にした際の上部の余白を調整する方法

Q.固定ページのヘッダー設定で「画像を表示しない」にチェックを入れた場合、コンテンツの上部に余白が表示されます。この余白部分の幅を調整できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。固定ページの任意のページの「カスタムCSS」に入力してください。●

  • MASSIVE (TCD084)

TCDテーマMASSIVE:トップページ3点ボックスコンテンツの各コンテンツ見出しの表示位置を調整する方法

Q.トップページ3点ボックスコンテンツの各コンテンツ見出しの表示位置がPC・ブラウザによって異なるようです。基本的には多くのPC・ブラウザで確認しても隙間が空かないレイアウト仕様にて表示されていますが、厳密にはブラウザやPC内にあるフォントタイプに依存するため、使われるフォントやサイズによっては

  • Switch (TCD063)

TCDテーマSwitch:グローバルメニューが一段に収まらないときの対処方法

Q.メニューが1段にまとまらないことに困っています。表示するデバイス(ウィンドウサイズ)にもよりますが、レイアウトを維持しながら表示するための横幅が足りなくなっている可能性が考えられます。A.下記の方法でご対応ください。・ロゴ画像を調整する(画像の横幅が小さいものに変更する、CSSで最大

  • AVANT (TCD060)

TCDテーマAVANT:イベントのスライダー画像に小さい画像を設定した際のレイアウト調整方法

Q.イベントページのスライダーに推奨サイズに満たないサイズの画像を設定した場合、左よりではなく、真ん中よりに表示させる事は可能でしょうか。推奨サイズ(横幅1400px、縦幅945px)より横幅の小さい画像をスライダー設定のアイテムに設定した場合は、スライダー自体は画面中央に表示されているのですが

  • KADAN (TCD056)

TCDテーマKADAN:固定ページテンプレート1でC以降を非表示にする方法

Q.固定ページのテンプレート1でC以降のコンテンツを空白にすると余白がかなり出来てしまいます。このテンプレートは全て埋めないとダメなのでしょうか?恐れ入りますが、基本的にはC以降にもご入力頂くことを想定した仕様となっております。固定ページテンプレート1使用例:デモサイト「温泉」ページ

  • NOEL (TCD072)

TCDテーマNOEL:スマホ閲覧時、「サービス」アーカイブページで記事間を調整する方法

Q.スマホ閲覧時、「サービス」アーカイブページで記事の間隔を調整したいカスタム投稿タイプ「サービス」で作成した記事一覧をスマホで閲覧した際、記事と記事の間隔が詰まっていて見にくいように感じます。間隔を調整する方法はありますか。▼変更箇所イメージA.管理画面【TCDテー

  • OOPS! (TCD048)

TCDテーマOOPS!:【IE】ヘッダーコンテンツの動画表示を調整する方法

Q.トップページのヘッダーコンテンツの背景に動画を設定している場合、IE11で閲覧すると、ブラウザの幅を縮める際に上下に黒い余白が表示されてしまいます。A.IEはこの箇所に適用されている「object-fit」プロパティに対応していないため、ウィンドウサイズを動画が包括できず、黒い余白が出て

  • KADAN (TCD056)

TCDテーマKADAN:フッター情報にある上下マージンの消去方法

Q.フッター(会社情報や電話番号などが載っている箇所)上下の余白を無くしたいのですがどうすればいいですか。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力下さい。※「0px」に任意の数値を入れると余

  • Chill (TCD016)

TCDテーマChill:記事ページに表示されるアイキャッチ画像の位置を変更する

Q.アイキャッチ画像の位置を調整したい現在、記事上部中央にアイキャッチ画像が位置しているのですが左寄せにしたい場合、変更方法を教えてください。A.下記のcssファイルの該当箇所を編集してください編集するファイル:style_pc.css編集する箇所:※「 text-ali

  • Grider (TCD015)

スマホ表示でトップページ全体が左に寄るときの対処法

Q.トップページの表示が左に寄ってしまうスマホでトップページをスクロールするとレイアウトが左寄りになります。A.下記phpファイルの該当箇所を編集することで、解消する可能性があります編集するファイル:header.php編集する箇所:     ↓ ※または

  • Focus (TCD030)

TCDテーマFOCUS投稿記事で日付のチェックを外した際の空白を埋める方法

Q.日付を表示させない場合、空白が出来てしまうFOCUSでは投稿ページに日付が表示されるようにあらかじめスペースが設けられており、「日付を表示する」のチェックを外すとスペースが出来てしまいます。もしスペース詰めたいという事であれば、下記を参考ください。A.下記のphpファイルの該当箇所を