チュートリアル:Weeblyで最初のサイトを作成する方法

更新日:08年2020月XNUMX日/記事:Jerry Low

Weeblyは 最も強力なウェブサイトビルダー in the business.ビジネスで。 It offers those who want a web presence the opportunity of building one without the need to learn web coding.これは、Webプレゼンスを必要とする人に、Webコーディングを学ぶ必要なしにWebプレゼンスを構築する機会を提供します。 For small business owners with tight budget constraints, this can be a way to expand business without significantly increasing overhead.予算の制約が厳しい中小企業の所有者にとって、これはオーバーヘッドを大幅に増やすことなくビジネスを拡大する方法になり得ます。

Using a website builder is a very visual experience and building a website using one is like playing with a stack of Lego – except even easier.ウェブサイトビルダーを使用することは非常に視覚的な体験であり、それを使用してウェブサイトを構築することは、レゴのスタックで遊ぶようなものですが、さらに簡単です。 Today I'll run you through the basics of everything you need to create your first website with Weebly.今日は、Weeblyで最初のWebサイトを作成するために必要なすべての基本について説明します。

Weeblyホームページのスクリーンショット
Weeblyでプロのウェブサイトまたはオンラインストアを作成します。


Weeblyを使用して最初のWebサイトを作成する方法

1.Weeblyアカウントにサインアップします

Weebly PlansFreeプロプランビジネス
年間価格$ 0.00 /月$ 12.00 /月$ 25.00 /月
ディスクストレージ500 MB無制限の無制限の
SSLセキュリティありありあり
ドメインを接続いいえありあり
フリードメインいいえありあり
取引手数料3%0%
製品を追加25商品無制限の
に適し…チラシサイト中小企業/オンラインストアすべてともっと

Weeblyはサービスプロバイダーであり、サービスを利用する前に、アカウントを作成する必要があります。 Weeblyにサインアップするには、Facebookアカウント、Googleアカウント、または電子メールのXNUMXつの方法があります。

Weeblyでアカウントを作成するのは 無料です。.

ここから開始>クリックしてサインアップし、WeeblyでWebサイトを作成します。

2.テーマを選択します

Weeblyテーマ-Weeblyに組み込まれているWebサイトテンプレート
Weeblyのテーマを一目で確認できます。

Once you've created your account, Weebly will start with the basics.アカウントを作成したら、Weeblyは基本から始めます。 The first thing you need to choose is whether you want to build just a basic website or an online store.最初に選択する必要があるのは、基本的なWebサイトだけを構築するかオンラインストアを構築するかです。 If this is your first website, don't worry too much about that and simply select one or the other.これが初めてのWebサイトの場合は、それほど心配する必要はなく、どちらかを選択するだけです。

Weeblyは、テーマをビジネス、個人、ブログなどのカテゴリに分類しています。 Take your time and browse through the themes to choose what would suit your needs.時間をかけてテーマを閲覧し、ニーズに合ったものを選択してください。

ここですべてのWeeblyテーマを探索して確認してください.

3.ドメインを選択します

Weeblyでドメイン名を選択してください
Weeblyでドメイン名を選択します。

WeeblyWebサイトにドメインを追加する方法はXNUMXつあります。

  1. 検索して購入する –Weeblyを使用して ドメイン名を検索して購入する through them.それらを通して。 This will involve the usual cost for the domain name and there will be yearly renewal fees for it as well.これには、ドメイン名の通常の費用が含まれ、ドメイン名にも年間更新料がかかります。 Although this may seem like a convenient option, I do not really recommend it as Weebly domain names and renewal prices are quite steep at $19.95 per year.これは便利なオプションのように思えるかもしれませんが、Weeblyのドメイン名と更新価格は年間XNUMXドルと非常に高額であるため、あまりお勧めしません。
  2. 既存のドメイン名を接続します –すでに所有しているドメイン名を使用する場合は、移管が適しています。 BUT, remember that doing so means you'll be paying Weebly domain name renewal fees after the move.ただし、そうすることは、移動後にWeeblyドメイン名の更新料金を支払うことを意味することを忘れないでください。
  3. 無料のサブドメインを使用する –最適な選択ではありませんが、開始するのに適した場所です。 Free subdomains are forced to use Weebly branding on their site but are a good way to just explore the system first before you connect an official domain name later.無料のサブドメインは、サイトでWeeblyブランドを使用することを余儀なくされていますが、後で公式ドメイン名を接続する前に、まずシステムを探索するための良い方法です。

4.WeeblyのWebサイトをデザインします

WeeblyWebサイトビルダーはWYSIWYGワードプロセッサーと非常によく似ています
Weebly Webサイトビルダーは、WYSIWYGワードプロセッサと非常によく似ています。

Weebly Webサイトビルダーは、WYSIWYGワードプロセッサと非常によく似ています。 It makes use of elements like text boxes, images and other building blocks to make up a website.テキストボックス、画像、その他の構成要素などの要素を利用してWebサイトを構成します。 Using them is just a matter of putting them together and filling out some blank spots with your own text.それらを使用するには、それらを組み合わせて、いくつかの空白部分に独自のテキストを入力するだけです。

Weeblyサイトの編集

Weeblyで最初のウェブサイトを編集する
Weeblyで最初のWebサイトを編集します。

Weeblyエディターは、一部のブラウザーが警告するスクリプトを実行します。Weeblyが問題なく動作するには、スクリプトの実行を許可する必要があります。

XNUMXつ目は、ビルディングブロックを左側のナビゲーションバーから画面の右側にあるサイトにドラッグすることです。 XNUMXつ目は、そのビルディングブロックを編集してカスタマイズすることです。

For example, let's say you click on a text box and drag it on to the theme on the right.たとえば、テキストボックスをクリックして、右側のテーマにドラッグするとします。 Once that is done, you need to type out the text which you want to appear in that box.それが完了したら、そのボックスに表示するテキストを入力する必要があります。 Using the building blocks effectively can take a bit of experimentation to get right, but it is a pretty streamlined experience.ビルディングブロックを効果的に使用するには、少し実験が必要ですが、かなり合理化されたエクスペリエンスです。

eコマース機能を使用してオンラインストアを構築する

Weeblyオンラインストアに含まれる主な機能
Weeblyオンラインストアを使用して、オンラインストアのフロントを設計し、支払いを受け入れ、配送ルールと料金を設定し、税金を設定し、顧客の注文を処理します。

上部のナビゲーションバーにある[ストア]をクリックすると、追加の設定を構成できます。これは、 オンラインストア。 Just fill in those details if you need them.必要に応じて、これらの詳細を入力するだけです。 The store configuration menu will let you do almost everything you need for eCommerce, from basic information about your online store and accepting payments to creating coupons and handling shipping.ストア構成メニューを使用すると、オンラインストアに関する基本情報や支払いの受け取りから、クーポンの作成や配送の処理まで、eコマースに必要なほぼすべてのことを実行できます。

アプリを使用して機能を向上させる

Weeblyアプリセンター
Weeblyアプリセンター

Weebly自体は非常に基本的なWebサイトビルダーであり、Webサイトを構築するためのシンプルで管理しやすい方法をユーザーに提供するため、これは素晴らしいことです。 However, users who are more advanced may have different needs which can be met through theただし、より高度なユーザーは、さまざまなニーズに対応できる場合があります。 Weeblyアプリセンター.

Click on 'Apps from the top navigation bar and you can browse the App Center.上部のナビゲーションバーから[アプリ]をクリックすると、アプリセンターを閲覧できます。 Here you will be able to find a ton of applications that extend the functionality of your store.ここでは、ストアの機能を拡張する多数のアプリケーションを見つけることができます。 Some of them are built by Weebly themselves while others are from third party developers.それらのいくつかはWeebly自身によって構築されていますが、その他はサードパーティの開発者からのものです。

There are apps for almost anything and you can add as many as you like.ほぼすべてのアプリがあり、好きなだけ追加できます。 For example, you can have apps which help you build more powerful contact forms, or others that let you build a mobile app with your website.たとえば、より強力な連絡先フォームの作成に役立つアプリや、ウェブサイトでモバイルアプリを作成できるアプリを作成できます。

Some apps are free, while others may have monthly fees you need to pay to use.無料のアプリもあれば、使用するために支払う必要のある月額料金がかかるアプリもあります。 Be cautious of what apps you add as the cost of running your website may escalate out of control if you use too many paid apps.有料アプリを使いすぎると、ウェブサイトの運営コストが暴走する可能性があるため、追加するアプリには注意してください。

サイト設定の変更

Weeblyの基本的なサイト設定
Weeblyの基本的なサイト設定

The Settings option on the navigation bar will let you change some general option about your site.ナビゲーションバーの[設定]オプションを使用すると、サイトに関する一般的なオプションを変更できます。 From site name to SEO options and people you want to collaborate with on your site design – all of this can be added or changed here.サイト名からSEOオプション、サイトデザインでコラボレーションしたい人まで、これらすべてをここで追加または変更できます。

Weeblyの主な目的はサイトを簡単に構築することであるため、SEOなど、これらのオプションの多くは非常に基本的なものであることを忘れないでください。 App Centerで適切なアプリを見つければ、より高度なSEO機能を実現できます。

モバイル向けに構築

モバイルでWeeblyWebサイトを構築してプレビューする
モバイルでWeeblyWebサイトを構築してプレビューします。

In this age of mobility, it is important for websites to work well on mobile devices as well as desktop computers.モビリティのこの時代では、Webサイトがデスクトップコンピュータだけでなくモバイルデバイスでもうまく機能することが重要です。 To ensure yours looks fine on mobile you can select the icon on the navigation bar to toggle the different views (desktop or mobile).モバイルで見栄えを良くするために、ナビゲーションバーのアイコンを選択して、さまざまなビュー(デスクトップまたはモバイル)を切り替えることができます。

Unfortunately, you can build a site specifically for mobile and you need to rely on the responsive theme to do this for you.残念ながら、モバイル専用のサイトを構築することができ、これを行うにはレスポンシブテーマに依存する必要があります。 This tool at least helps you ensure that whatever you do fits well on both formats.このツールは、少なくとも、実行する内容が両方の形式にうまく適合することを確認するのに役立ちます。

5.WeeblyのWebサイトを公開します

公開されたWeeblyWebサイトのスクリーンショット

[公開]をクリックするだけで、準備完了です。

Weeblyで構築されたサンプルサイト
ワグ&ポー(ここを参照してください)–このチュートリアルの作成中にWeeblyを使用して構築したサイト。

あなたのウェブサイトのマーケティング

Launching a website is more than just slapping it together.ウェブサイトを立ち上げることは、単にそれをたたくだけではありません。 To be more effective, you need to be able to build leads and reach out to people.より効果的にするには、リードを構築し、人々に手を差し伸べることができる必要があります。 To help you with this, Weebly has a marketing feature where you can configure some marketing tools.これを支援するために、Weeblyにはいくつかのマーケティングツールを構成できるマーケティング機能があります。

For example, you can set up a popup which asks your visitors to sign up for a newsletter you can send to them regularly or for special promotions.たとえば、訪問者に定期的に送信できるニュースレターや特別なプロモーションにサインアップするように求めるポップアップを設定できます。 You can also create personalized newsletters and schedule them in advance for automated sending.パーソナライズされたニュースレターを作成し、自動送信用に事前にスケジュールすることもできます。

繰り返しますが、これらは基本的なオプションであり、より強力なツールはAppCenterにあります。

WeeblyのWebマーケティングオプション
Weeblyに組み込まれているWebマーケティング機能

Weeblyの最初のウェブサイトの費用はいくらですか?

最も基本的には、Weeblyを使用してWebサイトを構築および公開することができます。無料です。 ただし、Weeblyを使用した無料のWebサイトには多くの制限があります。 たとえば、構築して公開するサイトにはWeeblyのブランドがあり、基本的には無料のWeeblyサブドメインに固執します。

Weeblyの最下位層である「Connect」プランを検討する方が現実的です。このプランは月額7ドルで提供されます(年払いの場合、価格は月額4ドルに下がります)。 On top of that, you also need to consider the price of a domain name, which would be $19.95 per year.さらに、ドメイン名の価格も考慮する必要があります。これは、年間XNUMXドルになります。

物事を平均化すると、支払うことが期待できます。

($ 4 x 12)+ $ 19.95 =年間$ 67.95

…Weeblyで基本的なWebサイトを構築および維持するため。

Weeblyを使用した現実的なWebサイトの費用は年間約67.95ドルであることを知っているので、基本的な価格比較を行うことができます。 If you were toあなたがするなら あなた自身のウェブサイトを構築する 影響により 独自のホスティングとドメイン名を見つける、すべてを自分でまとめる必要があります。

The average price of a domain name will run you around $10 to $12 per year, and budget shared web hosting will cost anywhere between $1 to $8 per month depending on features.ドメイン名の平均価格は年間約59ドルからXNUMXドルで、予算の共有Webホスティングは機能に応じて月額XNUMXドルからXNUMXドルの範囲で費用がかかります。 This means that if you were to build and host your own site your annual fees will run in the average of $XNUMX which to be honest, isn't significantly cheaper.つまり、独自のサイトを構築してホストする場合、年会費は平均XNUMXドルになりますが、正直言って、それほど安くはありません。

結論:強力なウェブサイトビルダー

Finally, we have the main advantage of Weebly – the fact that it is a website builder at its core and allows those with zero web coding knowledge to build a website.最後に、Weeblyの主な利点は、Weeblyが中核となるウェブサイトビルダーであり、ウェブコーディングの知識がまったくない人でもウェブサイトを構築できるという事実です。 That is something worth far more than the small cost savings you would likely achieve by finding your own hosting.それはあなたがあなた自身のホスティングを見つけることによっておそらく達成するであろう小さなコスト削減よりはるかに価値がある何かです。

Weeblyを使用して最初のWebサイトを作成することは、困難な作業になる可能性はほとんどありません。 If you're even remotely familiar with computers or know how to use a Word Processor, I would think that you will have minimal issues.コンピュータにリモートで精通している場合、またはワードプロセッサの使用方法を知っている場合でも、問題は最小限であると思います。

問題が発生した場合でも、いつでもWeeblyに連絡して技術支援を受け、調査することができます。 知識ベース アイデアや助けを求めて、あるいは一般に手を差し伸べる Weeblyコミュニティ 助けて。

始めましょう、ここからサインアップしてください

Facebookアカウント、Googleアカウント、または電子メールを使用してWeeblyにサインアップします。
サインアップして、Weeblyで最初のWebサイトを作成します。

ジェリーローについて

WebHostingSecretRevealed.net(WHSR)の創設者 - 100,000のユーザによって信頼され、使用されているホスティングレビュー。 15年以上のWebホスティング、アフィリエイトマーケティング、およびSEOの経験。 ProBlogger.net、Business.com、SocialMediaToday.comなどへの貢献者。