WPテーマShop WPテーマShop

ホームページエディターで作成

Step.2-2

Weeblyで作成する

Weeblyで作成する

ホームページエディター Powered by Weeblyは、下記2つのサービスが一体化した初心者向けサービスです。

1. レンタルサーバー
2. CMS(Weebly)

Weeblyを使えば、初めてホームページを作成する方でも、テンプレートを選択して、ドラッグ&ドロップの直感的な操作のみで簡単に編集と公開が可能です。

Weeblyで作成する手順

Step 1. Weeblyの管理画面にログインする

ホームページエディターであるSD-31/SD-32をご契約いただいた方なら、サーバー設定完了後、すぐにWeeblyをご利用いただけます。

Check Point

お名前.comレンタルサーバーのコントロールパネル上から、Weeblyにログインできます。

Weeblyのマニュアルをご覧いただきながら、ご利用ください。

Step 2. ホームページのイメージを決める

どのようなホームページを作りたいのか、ホームページのコンセプト、デザイン、構成などのイメージを決めます。

Step 3. ページに記載する内容を決める

キャッチコピーやテキスト(文章)など、各ページに記載する内容を決めます。

Step 4. 作りたいホームページに合った「テーマ」を選択する。

初めて管理画面にログインすると、テーマの選択画面が表示されます。
作成するホームページに合ったカテゴリーを選択いただくと、テーマ(テンプレート)が表示されますので、使用したいテーマを選んでください。

Step 5. TOPページを作成する

ホームページの顔となるTOPページを作成します。
メインビジュアルの画像変更や、ロゴやタイトル、テキストの追加・編集ができます。

例えば、左側メニューの「T」をドラッグ&ドロップすることで、お好きな場所にテキストを追加することができます。ツールバーで、フォントや下線などを選択することも可能です。

画面上部にマウスを合わせると、下記のようにツールバーが表示されます。
ここで「ロゴ」をクリックすることで、ロゴの追加が可能です。
ロゴではなく、タイトルを入れたい場合は、「テキスト」をクリックしてください。

ロゴの追加後「編集」をクリックすることで、ロゴの編集を行うことも可能です。

Step 6.下層ページのタイトルを決めてページを追加する

上部の「ページ」を選択すると、下記のような画面が表示されます。
(選択されたテーマによって画面は若干異なります。)こちらから、下層ページの追加や削除が可能です。

[Shop][About]など始めから設定されているページもありますが、自由に編集・削除することができます。また、左上にある「+」をクリックすることで、さらにページを追加することが可能です。

Step 7. 追加した下層ページを編集する

ページ名をクリックすることで、そのページの編集画面に移ります。
背景を編集したり、テキストや画像などを追加できます。

また「レイアウトの追加」をクリックすると、ギャラリー(※)やお問い合わせフォームなどのコンテンツを追加することも可能です。

  • ギャラリーとは、ポートフォリオのように複数の写真を並べて表示できる機能です。
    商品をまとめて見せたり、お店の雰囲気を伝えるのに便利です。

Step 8. スマートフォンページを確認する

ある程度ページを編集したら、[モバイル]に切り替えて、モバイル(スマートフォン)での表示の確認を行います。

Step 9. ショッピングサイトの場合は、ストア機能を追加する

上部の「ストア」をクリックすると、販売したい商品の登録や、配送の設定が簡単にできます。注文やクーポンなどさまざまな機能の中から必要な機能を選択し、設定します。

Step 10. ホームページ作成後に行う公開前の準備

ホームページを公開する前に、ホームページのタイトルや書式設定を確認してください。
また、必要に応じてヘッダー、フッター、メタキーワードなどを設定してください。

Step 11. ホームページを公開する

ページが完成したら、右上の[公開]をクリックして、ホームページをインターネット上に公開させましょう。

Check Point

「公開」ボタンをクリックするだけで、ホームページが公開されます。

  • ホームページの公開方法は、こちら