OmniWeb
編集
8分で読了

サイト編集の完全ガイド

ノーコードでホームページを編集する方法を完全ガイド。ドラッグ&ドロップのエディタ操作、20種のセクション、カラー・フォント変更、画像アップロードまで網羅。

公開日: 2026年2月15日8分で読了OmniWeb編集部

OmniWebのサイト編集はノーコードで行えます。HTMLやCSSの知識は一切不要で、ドラッグ&ドロップの直感的な操作だけでホームページを編集できます。このガイドでは、エディタの画面構成から各機能の使い方まで、ホームページ編集の方法を網羅的に解説します。

エディタの画面構成

OmniWebのエディタは3つのパネルで構成されています。左でセクションを管理し、中央でリアルタイムにプレビューを確認しながら、右で選択中のセクションの詳細設定を行う、という流れで編集を進めます。

サイトエディタ
セクション
ヒーロー
サービス
アクセス
プレビュー
ヒーローセクション
サービス一覧
設定
左パネル
サイトのセクション一覧を表示。ドラッグで並べ替え、「+追加」で新しいセクションを追加できます。
中央プレビュー
編集内容がリアルタイムで反映されるプレビュー。セクションをクリックして直接選択できます。
右パネル
選択中のセクションのテキスト・画像・設定を編集。セクションの種類によって表示項目が変わります。

セクション操作

ホームページはセクション(ブロック)の組み合わせで構成されています。セクションの追加・並べ替え・削除はすべてノーコードで行えます。

1

セクションを追加

左パネル下部の「+追加」ボタンをクリックすると、追加可能なセクション一覧が表示されます。追加したいセクションを選ぶと、ページの末尾に新しいセクションが挿入されます。あとからドラッグで好きな位置に移動できます。

2

並べ替え

左パネルのセクション名をドラッグ&ドロップして順番を変更します。例えば「お問い合わせ」をページ下部に移動したい場合は、そのセクションを掴んで下にドラッグするだけです。中央プレビューにも即座に反映されます。

3

セクションを削除

不要なセクションは、右パネル下部の「削除」ボタンで削除できます。削除後は元に戻せないため、必要に応じて内容をメモしておくと安心です。

利用可能なセクション(全20種)

各セクションの名前をクリックすると説明が表示されます。業種や目的に合わせて必要なセクションを組み合わせてください。

ヒーローページ最上部のメインビジュアル。キャッチコピーとボタンを配置
自己紹介オーナーや代表者のプロフィール紹介
サービス一覧提供サービスをカード形式で一覧表示
メニュー表料理・施術メニューを価格付きで表示
ギャラリー写真をグリッド形式で一覧表示
スタッフ紹介チームメンバーを写真・肩書き付きで紹介
お客様の声利用者のレビュー・口コミを掲載
アクセス住所・地図・最寄り駅などのアクセス情報
お問い合わせフォーム付きの問い合わせセクション
FAQよくある質問を開閉式(アコーディオン)で表示
料金表プランや料金をテーブル形式で比較表示
タイムライン沿革やご利用の流れを時系列で表示
特徴・強み選ばれる理由やサービスの強みをアピール
ニュースお知らせや更新情報を日付付きで掲載
CTAバナー行動を促す目立つバナーセクション
フリーテキスト自由な文章を掲載できる汎用セクション
ロゴ一覧取引先や実績ロゴを一列に並べて表示
統計データ実績数値を大きく見せるカウンター表示
SNSリンク各種SNSアカウントへのリンクボタン
フッターページ最下部の連絡先・著作権情報

カラー・フォント変更

サイト全体のテーマカラーとフォントを変更できます。変更はすべてのセクションに一括で適用されるため、統一感のあるホームページデザインが簡単に実現できます。

デザイン設定
テーマカラー

6色から選択できます。ボタン・見出し・アクセントなどサイト全体に適用されます。

フォント
ゴシック
明朝
丸ゴシック

ゴシック体はモダンで読みやすく、明朝体は上品な印象。丸ゴシックは親しみやすい雰囲気に。

テーマカラーはブランドカラーに合わせると、名刺やチラシなどとの統一感が出ます。迷ったらブルー(デフォルト)が最も幅広い業種に合います。

画像アップロード

ホームページの印象は画像で大きく変わります。OmniWebでは画像のアップロードと管理を簡単に行えます。

ドラッグ&ドロップ対応— 右パネルの画像エリアにファイルをドロップするだけでアップロードできます。もちろんクリックしてファイルを選択する方法でもOKです。
自動圧縮— 1MBを超える画像はアップロード時に自動で圧縮されます。見た目の品質を保ちながらファイルサイズを削減するため、サイトの表示速度に影響しません。
推奨画像サイズ:横幅1200px以上。JPG・PNG・WebP形式に対応しています。スマートフォンで撮影した写真であれば、通常そのまま使えるサイズです。

プレビューモード

編集中のホームページがどのように表示されるか、公開前に確認できる機能です。

エディタ上部の「プレビュー」ボタンをクリックすると、編集パネルが非表示になり、実際の公開ページと同じ見た目で確認できます。PC表示とスマホ表示を切り替えてチェックしましょう。特にスマホ表示は訪問者の多くが利用するため、必ず確認することをおすすめします。
プレビューで問題がなければ、あとは「公開する」ボタンを押すだけです。公開の手順は公開・運用ガイドで詳しく解説しています。

さっそくホームページを作ってみましょう

月額500円で、プロ品質のホームページが誰でも簡単に作れます。