header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ページに新しいセクションを追加する
  • セクションのレイアウトを変更する
  • セクション名とリンクを編集する
  • セクションのデザインをカスタマイズする

Wix Harmony エディタ:セクションを追加・カスタマイズする

9分
この記事内
  • ページに新しいセクションを追加する
  • セクションのレイアウトを変更する
  • セクション名とリンクを編集する
  • セクションのデザインをカスタマイズする
この記事では、2026年1月にリリースされた新 Wix Harmony エディタについて説明します。Wix Harmony エディタまたは Wix エディタのどちらを使用しているか不明な場合は、こちらで詳細を確認してください。
セクションを追加すると、サイト全体のコンテンツを整理して表示することができます。追加したセクションはページの両端まで引き伸ばされるため、簡単に必要な場所にパーツを配置して、ページをあらゆる画面サイズに対応させることができます。セクションは必要な数だけ追加して、ページ内で簡単に編集したり移動させたりすることができます。

ページに新しいセクションを追加する

セクションを追加して、ページのコンテンツを整理します。セクションは、プリセットのデザインのものを選択することも、空のセクションを追加して一から作成することもできます。また、AI を使用して、ニーズに適した新しいセクションを作成することもできます。
Wix Harmony エディタで、セクションを追加しているスクリーンショット

サイトに新しいセクションを追加する方法:

  1. エディタに移動します。
  2. セクションの上部または下部にマウスオーバーし、「+セクションを追加」をクリックします。
  3. 新しいセクションを追加する方法を選択します:
    • AI で生成:AI を使用して、ニーズに適した新しいセクションを作成します。
    • デザイン済みセクション:プリセットのデザインから好みのセクションを選択します。
    • 白紙セクション:空のセクションを追加して、一からカスタマイズします。
ヒント:
セクションを選択し、左側の「 または「 の矢印をクリックすると、セクションを移動させることができます。

セクションのレイアウトを変更する

セクションは、全体で一つの大きなセルとして表示されますが、エディタではこれを複数の小さなセルに分割し、そこにコンテンツを整理して配置することができます。このグリッド状のレイアウトでは、プリセットのレイアウトを選択したり、セルを結合・分割または追加したり、グリッド線をドラッグしてサイズを変更したり、セルの間に適切な間隔を追加したりと、柔軟にレイアウトを変更することができます。
Wix Harmony エディタで、セクションを編集しているスクリーンショット

セクションのレイアウトを変更する方法:

  1. エディタに移動します。
  2. 該当するセクションをクリックします。
  3. アクションバーで「レイアウトを変更」をクリックします。
  4. 利用可能なオプションから、グリッドレイアウトを選択します。
  5. 好みに合わせてグリッドをカスタマイズします:

カスタムセクションのリンクは、メールや SNS でセクションを共有したり、サイト内の別の場所にリンクを設定したりする場合に便利です。セクション名とリンクは、共有またはリンクする際に分かりやすいよう、編集することができます。セクション名を変更すると、リンクも新しい名前に合わせて自動的に更新されます。セクション名は変更せず、リンクのみを編集することもできます。
参考:
サイトのメインアドレスの後に続く、URL の末尾の部分のみを変更することができます。
Wix Harmony エディタで、セクション名を編集しているスクリーンショット

セクション名とリンクを編集する方法:

  1. エディタに移動します。
  2. 該当するセクションを選択します。
  3. セクションの青いラベルにマウスオーバーします。
  4. セクション名を編集」アイコン  をクリックします。
  5. 次に実行する内容を選択します:
    • セクション名を編集する:入力欄に新しい名前を入力します。
    • セクションのリンクを編集する:「セクションリンク」をクリックし、セクションの URL の末尾を編集します(最大 60文字)。「リンクをコピー」をクリックして共有するか、「リンクを開く」をクリックしてプレビューします。

セクションのデザインをカスタマイズする

各セクションのデザインはカスタマイズすることができます。区切り線を追加してセクションを整理したり、枠線を追加して強調したり、アニメーション効果を追加して目立たせたり、ブランドに適した背景を追加したりすることができます。
Wix Harmony エディタで、セクションのデザインを編集しているスクリーンショット

セクションのデザインをカスタマイズする方法:

  1. エディタに移動します。
  2. 該当するセクションを選択します。
  3. アクションバーからカスタマイズするものを選択します:
    • 背景を変更:「背景を変更」をクリックし、色、画像、または動画を選択して、セクションの背景を変更します。
    • 不透明度:「不透明度」アイコン  をクリックし、セクションに含まれる内容に応じて、セクションの背景、画像、色の不透明度を調整します。
    • 枠線:「枠線」アイコン  をクリックし、セクションの周りの枠線を追加または調整します。枠線の色、太さ、スタイルを変更します。
    • セクション区切り線:「セクション区切り線」アイコン  をクリックし、線を追加または編集して、ページの他の部分を視覚的に区別します。
    • アニメーション:「アニメーション」アイコン をクリックして背景のスクロール効果を選択し、セクションを目立たせます。
      注意:利用可能なアニメーションは、セクションの背景(例:色、画像、動画など)によって異なります。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.