Pixpa を使用して Web サイトを構築する場合、考慮すべき重要な要素の 1 つはナビゲーション メニューです。これは、訪問者がサイトとやり取りする際に重要な役割を果たします。
これらのメニュー項目を作成すると、Web サイトのナビゲーションに表示され、訪問者が Web サイトのコンテンツを調べるために使用されます。 この記事では、Web サイトに追加できるメニュー項目の種類について説明します。
ここで扱われる内容:
さまざまな種類のメニュー項目
Pixpaは、ヘッダーメニューとフッターメニューという2種類の主要なメニューを提供しています。それぞれのメニュータイプは異なる目的を持ち、ユーザーエクスペリエンスとウェブサイトの機能を向上させるために、さまざまな項目でカスタマイズできます。

1. ヘッダーメニュー
ヘッダー メニューは通常、Pixpa Web サイトの上部にあり、訪問者の主なナビゲーション ツールとして機能します。ヘッダー メニューは、ニーズに合わせてさまざまなサブカテゴリや項目でカスタマイズできます。
ヘッダーメニューのサブカテゴリ:
1.1 必須のヘッダーメニュー項目
- ページへ移動します。: このオプションを使用すると、ヘッダー メニューに新しいページを追加できます。ページは、テキスト、画像、フォーム、その他の要素を含めることができる静的コンテンツ領域です。例としては、「会社概要」ページ、「サービス」ページ、「お問い合わせ」ページなどがあります。 こちらをクリックしてください Pages について詳しくはこちらをご覧ください。
こちらはデモページです。 - ギャラリー: ヘッダー メニューにギャラリーを追加できます。これは、サイトでポートフォリオ、写真、またはビジュアル コンテンツを表示するのに最適です。ギャラリーは、画像、ビデオ、およびテキスト/HTML スライドのコレクションです。最小限のテキスト コンテンツで画像やビデオを表示する場合は、ギャラリーを使用できます。 もっと知る。
デモギャラリーはこちら. - リンク: この項目を使用すると、ヘッダー メニューに外部リンクまたは内部リンクを追加できます。これは、訪問者をサイトの特定のセクション、他の Web サイト、またはソーシャル メディア プロファイルなどの外部リソースに誘導するのに役立ちます。 もっと知る。
- Blog: ヘッダー メニューにブログを追加することは、ウェブサイトのコンテンツを定期的に更新して視聴者の関心を維持する優れた方法です。ブログは、ニュース、記事、更新情報、または共有したいその他の種類の書面によるコンテンツに使用できます。 もっと知る。
デモブログはこちら.
1.2 自分のサイトで販売する
- ストアページ: このオプションを使用すると、Web サイトのヘッダー メニューにストア ページを追加して、販売する製品やサービスを一覧表示できます。Web サイトとシームレスに統合され、e コマースの提供内容を直接管理および紹介できます。 もっと知る.
ストアのデモページはこちら. - 電子商取引ギャラリー: 数百、あるいは数千枚の画像をプリントやダウンロードとして販売したい写真家やその他のビジュアルアーティストにとって、これはより賢い選択です。これらのギャラリーを Web サイトのメニューに追加すると、写真購入者はさまざまなプリント サイズ、媒体、解像度で画像をシームレスに購入できるようになります。 もっと知る。
ここにデモがあります eコマースギャラリー.
1.3 サイトメニューを整理する
- フォルダ/ドロップダウン: フォルダーまたはドロップダウンを使用すると、関連する項目を 1 つのメニュー項目の下にグループ化して、ヘッダー メニューを整理できます。この機能は、コンテンツが豊富な Web サイトで特に役立ち、訪問者がメニュー バーに煩わされることなく簡単にナビゲートできるようになります。フォルダーには、複数のギャラリーとページを含めることができます。 もっと知る.
ここにデモフォルダがあります. - セパレータ: メニュー項目の間に区切りを追加します。 これを使用して、Web サイトのナビゲーションにフレーズを表示することもできます。 もっと知る。
これがデモセパレーターです.
1.4インポート
- 別のテンプレートからページをインポートする: この機能を使用すると、別のテンプレートから現在のテンプレートにページをインポートできます。複数のテンプレートのコンテンツを組み合わせる場合や、Pixpa 内で作業した別のテンプレートから特定のレイアウトやページ デザインを取り込む場合に便利です。
2. フッターメニュー
フッター メニューは Web サイトの下部にあり、通常は目立たないが重要なページへのリンクが含まれています。これには、利用規約やプライバシー ポリシーなどの法的ページ、連絡先情報、ソーシャル メディア プロファイルへのリンクなどが含まれます。フッター メニューの下に追加できる項目は次のとおりです。
- ページへ移動します。: 「お問い合わせ」、「プライバシーポリシー」、「利用規約」などの重要なページや、訪問者がアクセスする必要がある可能性のあるその他の関連ページへのリンクをフッターから追加できます。 こちらをクリックしてください Pages について詳しくはこちらをご覧ください。
こちらはデモページです。 - リンク: このオプションを使用すると、Pixpa サイトの外部 Web サイト、リソース、または内部セクションへのカスタム リンクを追加して、追加のナビゲーション オプションを提供できます。 もっと知る。
- セパレータ: メニュー項目の間に区切りを追加します。 これを使用して、Web サイトのナビゲーションにフレーズを表示することもできます。 もっと知る。
これがデモセパレーターです.
これらのオプションを使用してフッター メニューを整理すると、訪問者が Web サイトの下部にある重要な情報やリソースに簡単にアクセスできるようになります。
ウェブサイトにメニュー項目を追加する
次の 2 種類のメニュー項目を追加できます。
ヘッダーメニューにメニュー項目を追加する
- ノーザンダイバー社の ダッシュボード (1)スタジオの ウェブサイト (2) セクション。

- ここで、 +その他 (3) ヘッダーメニューの見出しの横にあるアイコン。
- クリックすると、 サイドバー (4)ここから、ウェブサイトのヘッダーメニューにさまざまなメニュー項目を追加できます。

フッターメニューにメニュー項目を追加する
- ウェブサイト(1)セクションから、 +その他 (2) フッターメニューの見出しの横にあるアイコン。
- あなたが表示されます サイドバー (3)ここから、ウェブサイトのフッターメニューにさまざまなメニュー項目を追加できます。

あるいは、Pixpa の検索オプションを使用してメニュー項目を追加することもできます。
- Enter ページ/ギャラリー/リンク/ブログを追加 (1) 検索バーに入力します。関連する結果が表示されます。
- 以下を行うには、 それらの オプション (2) の下 行動。

- これにより、Web サイトのさまざまな種類のメニュー項目を選択できるポップアップ ウィンドウが開きます。
- いずれかのオプションをクリックして先に進むことができます。

シーケンス サイト メニュー項目
Pixpa のメニュー項目の順序付けは、直感的なドラッグ アンド ドロップ機能のおかげで簡単です。使いやすい Web サイト ビルダーを使用すると、サイトのナビゲーションを簡単に整理でき、スムーズなユーザー エクスペリエンスを実現できます。
- ウェブサイト(1)のセクションでは、 クリックアンドホールド (2) 移動したいメニュー項目をクリックします。これにより項目がハイライト表示され、ドラッグできるようになります。
- メニュー項目をドラッグ メニューリスト内の目的の位置に移動します。 マウスボタンを離します アイテムを新しい位置にドロップします。
変更は自動的に保存されます。

メニュー項目を変更する
- 下 ウェブサイト (1)スタジオのセクションでは、ウェブサイトに追加したすべてのメニュー項目が表示されます。
- 以下を行うには、 XNUMXつのドット (2)編集したいメニュー項目の横にあるアイコン。
- ポップアップが開き、 コンテンツを編集する (3)メニュー項目の

さらなるステップ
これらのメニュー項目を作成したら、順序付け/削除、設定の管理、バナーの有効化、およびヘッダー項目のスタイルを設定できます。
- ノーザンダイバー社の 、タイトル、SEOメタデータ、可視性、およびその他のいくつかの重要な詳細を管理できます.
- に ナビゲーション リンクを並べる、サイトメニューからドラッグアンドドロップできます。
- また、ご購読はいつでも停止することが可能です メニュー項目を削除する サイトメニューから。 あなたがしたい場合に備えて メニュー項目を復元する、30日以内にできます。
- 使い方 バナー ギャラリー、ページ、フォルダー、クライアント アルバム、ブログなど、コンテンツに個性を加えます。バナー コンテンツの上部または下部 (Web サイトのヘッダーの下) に配置でき、通常、全幅のバナー画像/画像スライドショー/ビデオを表示するために使用されます。
- ウェブサイトの各メニュー項目のヘッダー項目の色を指定します。ページごとに、 ヘッダー項目の色を設定する 設定から。 他のすべてのメニュー項目については、 バナー設定.
クリエイティブなプロたちがこれらのメニュー項目を使って作成したウェブサイトの例をいくつか見てみましょう。