Wix エディタ:シングルページサイトを作成する
読了時間:5分
シングルページサイトはその簡潔さとサイト構成から、印象的なサイトになります。モダンでミニマリストな感じを与えるため、訪問者の目を引きます。
Wix ではシングルページサイト用のテンプレートを多数ご用意しています。こちらよりお好きなテンプレートを選択し、「編集」をクリックしてください。
シングルページサイトについて:
シングルページサイトが自分に適しているかはこちらのブログも参考にして判断してください。
下記をご確認ください:
シングルページサイト vs. マルチページサイト
シングルページサイトには、1ページにすべてのサイトコンテンツが含まれます。これは、複数ページで構成される通常サイトとは異なります。
シングルページサイトはコンテンツのブロックごとに分割されており、ページをスクロールダウンすると、さまざまな領域を表示できます:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/28/7b1841c9-2696-48d1-b77c-a1b6119e1e3b.jpg)
シングルページサイト用のメニューを作成する
サイトには 1ページしかないため、通常のサイトのようにページメニューはありません。代わりに、ページセクションとアンカーにリンクするメニューを設定することをおすすめします。
詳細はこちら
シングルページサイトでセクションを使用する
セクションはサイトの構成要素です。セクションを使用してコンテンツを整理、分離、表示することで、訪問者は簡単に移動して、関連性のある興味深いコンテンツを見つけることができます。セクションの名前を変更したり、メニューに追加したりできるので、訪問者はスクロールして必要なものを探す必要はありません。セクションについての詳細はこちら
情報量が多く、整列したサイトを構築するのに役立つ、あらかじめデザインされたさまざまなオプションを利用できます。また、ゼロから始めることもできます。
こちらをクリックして手順を確認しましょう
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/08/f5d8a4ab-0815-472e-b18b-5ad62c3cecfa/16273a1c-fa30-471d-a669-24768ee623c3.png)
シングルページサイトでストリップを使用する
セクションの代わりに、ストリップを使用してサイトを構築することもできます。
「追加」パネルから、事前にデザインされ、フルカスタマイズが可能なさまざまなストリップから選択して、サイトのコンテンツと情報を表示できます。
こちらをクリックして手順を確認しましょう
次のステップ:
- 魅力的な画像や動画をストリップに追加し、さらにパララックススクロールを追加して、サイトにさらなる驚きを与えましょう。
- サイトが長くなる場合は、トップへ戻るボタンを追加してください。詳細はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/05/23/12e42fa9-6dd8-428e-9c6e-184034af215b.png)
シングルページサイトでアンカーを使用する
サイトに追加したセクションにはアンカーは不要です。ただし、ストリップやギャラリーなど、セクションの一部ではない重要なコンテンツをマークするためにアンカーを追加することはできます。
ページの構築が完了したら、これらの各パーツの最上部にアンカーを配置し、それらのリンクをメニューに追加して、訪問者が簡単にページ内を移動できるようにします。
アンカーの使用に関する詳細は、下記のオプションをクリックしてください。
ページにアンカーを追加する
レイヤーパネルでアンカーを配置する
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/52a9cd0b-f8f5-4eb8-9bd5-7b3cc9d4f295/8167705f-5316-45a4-9a38-69070130c503.gif)
ページのコンテンツを並べ替える
シングルページサイトはブロックで構成されているため、必要なときにいつでも簡単にコンテンツを並び替えることができます。
ページのセクションとブロックを確認するには、「ズームアウト」アイコン
をクリックしてください。ページセクションとブロックをクリック&ドラッグして並べ替えます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/3cf0953c-f320-41fd-93c0-0dad031b3b9d/5876f4bf-3a94-4637-a5b6-a3c35492b05e.gif)