ME-Page の既製ブロックの使い方：ステップバイステップのチュートリアル

ME-Pageは、デザインスキルやコーディングスキルがなくても、初心者でも数分で完全に機能するウェブサイトを構築できる、使いやすく直感的なドラッグ＆ドロップエディタを提供しています。最も強力な機能の一つは、ヘッダー、ギャラリー、お客様の声、価格設定、フッター、フォームなど、数十種類のデザイン済みセクションを含む「Ready-Made Blocks」ライブラリです。

以下は、スクリーンショットに表示されている既製ブロックのすべてのカテゴリを理解して使用するのに役立つ、段階的な Web サイト設定です。

既製のブロックへのアクセス

ブロックライブラリを開くには:

ME ページエディターで[+ ブロックの作成] をクリックします。
2 つのタブがある大きなモーダルウィンドウが表示されます。

既製のブロック
要素

このME-Page チュートリアルでは、 [Ready-Made Blocks]タブに注目してください。

既存のブロックカテゴリーの概要

ブロックカテゴリ

典型的な使用例

含まれるレイアウトの例

ヘッダ

ウェブサイトのナビゲーション

ロゴ + メニュー、メニュー + CTA

ヒーロー

最初の画面コンテンツ

テキスト + CTA、画像 + テキスト、バナーヒーロー

スライダー

複数の画像を表示する

ワイドスライダー、マルチカルーセル

テキスト + 画像

概要 / 機能

左から右、右から左のレイアウト

文章

説明セクション

2列のテキスト、中央揃えの見出し

カード（サービス）

機能またはサービスリスト

3、4、6枚のカードのグリッド

価格

販売計画

2～3列の価格表

ボタン

CTA

シングル、デュアル、アイコンボタン

ギャラリー

写真の展示

3列、4列、大＋小

お客様の声

レビュー

星、引用、複数のレビューのレイアウト

ハイライト / 統計

実績

タイトル + 指標

よくある質問

Q&A形式のセクション

ソーシャルリンク

ソーシャルメディア

アイコンベースのリンク

接触

ユーザーからのお問い合わせ

フォーム + 連絡先

フッター

ページ終了

複数列のシンプルなフッター

既製ブロックのカテゴリー

スクリーンショットには、ME-Page で利用可能なブロックカテゴリがすべて表示されています。各カテゴリの内容と、一般的な使用方法は次のとおりです。

ヘッダー

これらのブロックはページの上部に配置されます。ブロック
には以下のものが含まれます。

ロゴ + メニューレイアウトオプション
大きな画像と見出しのあるヒーローセクション
中央揃え、左揃え、または右揃えのボタンとテキストを含むヘッダースタイル

これらを使用して、Web サイトを紹介し、雰囲気を設定します。

ギャラリーブロック

画像やポートフォリオアイテムの展示に最適です。
スタイルは以下のとおりです。

大きな画像1枚 + キャプション
2列のギャラリー
複数のサムネイルを含むグリッド形式

写真家、ショップ、レストラン、サービスプロバイダーに役立ちます。

テキスト + 画像セクション

これは最も柔軟性の高いブロックタイプの1つです。
以下のオプションがあります。

画像（左）+テキスト（右）
テキスト左 + 画像右
2列のテキストセクション
ボタン付きの幅広のテキストセクション

サービス、機能、または会社のストーリーを説明するのに最適です。

タイトルブロック

これらには次のものが含まれます。

セクションタイトル
小さな情報ブロック
強調表示されたテキストセクション

これらを使用してコンテンツを分離し、訪問者を視覚的に誘導します。

バナーブロック

これらは、次のような、より影響力のある行動喚起のセクションです。

全幅バナー
動機付けの発言
中央のボタンでブロックを強調表示します

「今すぐ予約」、「お問い合わせ」、「今すぐ購入」などの瞬間に最適です。

コンテンツカード

構造化された情報に最適です。
内容：

サービスカード
機能カード
マルチカードグリッド（3～6枚のカード）

サービス、利点、または製品カテゴリを一覧表示するのに人気があります。

アコーディオン

展開可能なテキスト領域:

よくある質問
ポリシーセクション
複数ステップの指示

長いコンテンツをすっきりと表示し、簡単に閲覧できるようにします。

ボタンブロック

これらのブロックには、あらかじめ設計されたボタンレイアウトが含まれています。

中央のボタン1つ
2つのボタンが並んでいる
複数ボタングループ

あらゆる行動喚起エリアに役立ちます。

リストと機能

これらのブロックには次のものが含まれます。

箇条書きリスト
アイコン+テキスト機能
複数列の機能ブロック

製品の利点やサービスの機能をリストする場合によく使用されます。

レビューブロック

顧客の証言スタイルが含まれます:

星評価 + テキスト
マルチレビューグリッドレイアウト
単一の証言セクション

信頼を築くのに最適です。

ソーシャルメディアブロック

既成のセクション:

ソーシャルプラットフォーム用アイコン
フォローボタン
リンクを共有

オンラインでの存在感を高めるのに役立ちます。

コンタクトブロック

これらは以下を提供します:

お問い合わせフォーム
地図
連絡先情報のレイアウト

リード生成や問い合わせに最適です。

フッター

フッターデザインの完全なライブラリ:

最小限のフッター
複数列のフッター
メニュー、言語、ソーシャルリンクを含むフッター

どのサイトにも 1 つ必要で、これによって構造が完成します。

ブロックを追加する方法

既製のブロックを開く
カテゴリーを選択
必要なブロックをクリックしてください
あなたのMEページに即座に表示されます
必要に応じてテキストを編集したり、画像を置き換えたり、レイアウトをカスタマイズしたりできます

ブロック内の任意の要素をクリックするだけで、フォント、色、間隔、背景などを変更できます。

ブロックの順序を変更または削除する方法

ブロックツールバーを使用してブロックを上下にドラッグします
ゴミ箱アイコンを使用してブロックを削除します
同じ構造を再度必要とする場合はブロックを複製します

これにより、ページレイアウトは完全に柔軟になります。

適切なブロックを選ぶためのヒント

初心者向けの ME ページを構成する方法は次のとおりです。

開始するための必須ブロック

ヘッダ
ヒーロー（テキスト + 画像）
サービス / 機能
お客様の声
接触
フッター

ページをより魅力的にするブロック

ギャラリー
CTA付きバナー
統計
ソーシャルリンク

プロフェッショナルページ用のブロック

FAQ用のアコーディオン
マルチカードグリッド
レビュー
機能の詳細リスト

結論

既製のブロックの使い方を理解すれば、ME-Pageの使い始めは劇的に簡単になります。これらのあらかじめデザインされたセクションを使えば、レイアウト、コード、デザインに悩むことなく、わずか数分でプロフェッショナルな完成度の高いウェブサイトを構築できます。大胆なヘッダー、魅力的なギャラリー、詳細なサービスセクション、洗練されたフッターなど、あらゆる構成要素が既に用意されています。自分のスタイルに合ったレイアウトを選び、ブランドに合わせてコンテンツをカスタマイズし、ページが自然に流れるようにセクションを並べ替えるだけです。

初心者にとって、このシステムは美しいウェブサイトを素早く直感的に立ち上げる方法を提供します。上級者にとっては、ブロックの柔軟性を活かして、ユニークで視覚的に印象的なページを作成できます。ヘッダーからフッター、カードからフォームまで、各カテゴリーを詳しく見ていくことで、ME-Pageウェブサイトテンプレートのウォークスルーのクリエイティブな可能性を最大限に引き出し、プロフェッショナルでありながら個性的なウェブサイトを構築するためのツールを習得できます。