ホームページビルダー23クラシックで全幅ページを作成する方法

ホームページビルダー23クラシックで全幅ページを作りたいけれど、レイアウトを変更しても中央に寄ってしまうという悩みは多くのユーザーが抱えています。この記事では、全幅レイアウトを実現する方法や設定のポイントを詳しく解説します。

クラシックモードと全幅ページの関係

ホームページビルダーのクラシックモードは、従来の表形式やボックスレイアウトを中心に設計されています。そのため、デフォルトでは中央寄せのコンテンツ表示になりやすく、全幅表示には追加設定が必要です。

特に「レイアウト5」を選択しても中央に寄るのは、CSSの最大幅が固定されているためです。これを調整することで全幅ページを作成できます。

全幅ページを作成するための具体的手順

まず、ページの「プロパティ」から「全体の幅」を変更します。ここで幅を100%に設定することで、コンテンツがブラウザ幅いっぱいに広がります。

次に、各セクションの「ボックス設定」で左右の余白（マージン）を0にすることがポイントです。これにより、中央寄せではなく全幅表示が可能になります。

さらに必要に応じて、カスタムCSSを追加して背景やセクション幅を調整すると、より自由度の高いデザインが実現できます。

実例：全幅ページの作り方

例えば、トップページのスライドショーを全幅にしたい場合、まず「ページ幅100%」を設定し、スライドショーを挿入するボックスのマージンを0にします。

背景画像をページ全体に適用する場合も同様に、ページ幅を100%、ボックスの余白を0にして設定すると、中央寄せにならず全幅で表示されます。

注意点とトラブルシューティング

全幅ページを作る際には、モバイル表示やブラウザのレスポンシブ対応も確認しましょう。ボックス幅を100%にしても、スマホ表示では自動で中央寄せになる場合があります。

また、テーマやテンプレートによっては、CSSで中央寄せが固定されている場合があるため、必要に応じてカスタムCSSで上書きする必要があります。

まとめ

ホームページビルダー23クラシックでも、全幅ページは設定次第で作成可能です。ページ幅を100%にし、ボックスの余白を調整し、必要に応じてカスタムCSSを使うことで、中央寄せではなく全幅のページをデザインできます。これらのポイントを押さえることで、自由度の高いホームページ作りが実現します。