個人のウェブサイトを構築する方法(Zyroを使用)

更新日:11年2021月XNUMX日/記事:Jason Chow

個人のウェブサイトを作成するとき、 トップウェブサイトビルダー like Zyro serve a very important purpose in this day and age.ザイロのように、この時代において非常に重要な目的を果たします。 They offer those who aren't technically inclined an easy way of establishing a web presence.それらは、技術的に傾いていない人々にWebプレゼンスを確立する簡単な方法を提供します。

Zyroは使いやすいウェブサイトビルダーです Hostingerが提供。 Even as it enters what is becoming a crowded industry niche, Zyro comes with its own unique selling points.混雑した業界のニッチになりつつある分野に参入しても、Zyroには独自のセールスポイントがあります。 It's clean, easily manageable even by website builder standards, and starts at hard to beat prices.クリーンで、ウェブサイトビルダーの基準でも簡単に管理でき、価格に勝るものはありません。

個人のウェブサイトの作成にZyroを使用する理由

Zyroは、個人用サイトをセットアップしたい人にとって理想的なものです。 In these times, your personal site can act as a point of professional reference that is easily accessible.このような時代に、あなたの個人的なサイトは、簡単にアクセスできる専門家の参照のポイントとして機能することができます。

Aside from showcasing some of your skills, you can use the site to build a stronger profile.あなたのスキルのいくつかを紹介する以外に、あなたはより強いプロフィールを構築するためにサイトを使うことができます。 For example, adding some projects you've worked on along with your resume.たとえば、あなたが取り組んだいくつかのプロジェクトを履歴書と一緒に追加します。

Zyroをこのようなものに使用することは、非常にリーズナブルな価格で大量の無料ツールとまともなホスティングを組み合わせているので素晴らしいことです。 Free hosting doesn't get you very far is in many cases, the reliability of the hosting is suspected.多くの場合、無料ホスティングではそれほど遠くはありませんが、ホスティングの信頼性が疑われます。

ニキビ後の跡が目立たないよう設計されており、さらにより少ない処方で効果的なものは 他のプラットフォーム あなたが使用できるなど WordPress Weeblyの、しかしどちらの場合も、Zyroは学習曲線の点で切り札を出します。

Zyroのレビューの詳細はこちらをご覧ください.


Zyroを使用して個人のWebサイトを構築するためのステップバイステップガイド

それでも、私の人生のある時点で初心者だったので、デジタルへの移行がいかに恐ろしいものになるかを理解しています。

In this article, I'm going to go over the basics of building a personal site with Zyro.この記事では、Zyroを使用して個人用サイトを構築するための基本について説明します。 This starts from a plan selection all the way to some basic tips to improve your site.これは、プランの選択から始まり、サイトを改善するためのいくつかの基本的なヒントに至るまでです。

1.Zyroアカウントを登録します

The first thing you need to do is get registered with Zyro.最初に行う必要があるのは、Zyroに登録することです。 For them this is as simple as clicking the 'Join Zyro' button on the home page.彼らにとって、これはホームページの「Zyroに参加」ボタンをクリックするのと同じくらい簡単です。 To sign up you will need a valid email address.サインアップするには、有効なメールアドレスが必要です。

Enter the email address you wish to use and a password to go along with it.使用したいメールアドレスとパスワードを入力してください。 Once you've done this you will be brought to a welcome screen.これを実行すると、ウェルカム画面が表示されます。 Yes, it's as simple as that.はい、それはそれと同じくらい簡単です。

ここをクリック> Zyroを使用した個人用Webサイトの作成を無料で開始するには。

2.テンプレートを選択します

Zyro templates - Zyro offers two categories of templates for Regular Websites and Online Stores.
Zyroは、通常のWebサイトとオンラインストアのXNUMXつのカテゴリのテンプレートを提供しています。

At the welcome screen the most obvious choice is to hit the 'Get Started' button on the screen.ウェルカム画面で最も明白な選択は、画面の[開始]ボタンを押すことです。 There is an option to close this screen and head to the dashboard directly, but I suggest you go with the recommended flow.この画面を閉じてダッシュボードに直接移動するオプションがありますが、推奨されるフローに従うことをお勧めします。

Zyroは、通常のWebサイト用とオンラインストア用のXNUMXつのカテゴリのテンプレートを提供しています。 Regular templates will be those offering a mix of information and images.通常のテンプレートは、情報と画像を組み合わせて提供するテンプレートになります。 Online store templates will generally have more of a brochure-like feel.オンラインストアのテンプレートは、通常、パンフレットのような感覚になります。

For this guide we're going to be building a simple, personal website.このガイドでは、シンプルで個人的なWebサイトを構築します。 Browse through the selection of roughly 38 templates to see what you like.約XNUMXのテンプレートの選択を参照して、気に入ったものを確認してください。 Hovering over a template will allow you to either preview it or start working with that template.テンプレートにカーソルを合わせると、テンプレートをプレビューするか、そのテンプレートでの作業を開始できます。

When you know which one you want, hover your mouse over that template then click 'Start Building'.必要なテンプレートがわかったら、そのテンプレートの上にマウスを置いて、[ビルドの開始]をクリックします。 This will bring you to the Zyro editor.これにより、Zyroエディターが表示されます。

ここをクリック> Zyroテンプレートをもっと見る.

Step #3.ステップXNUMX。 Modify Your Templateテンプレートを変更する

Zyroはビルディングブロックのシステムに取り組んでいます。 These blocks are called 'Elements' and can be added, deleted, and modified.これらのブロックは「要素」と呼ばれ、追加、削除、および変更できます。 Imagine a set of plain building blocks which you can shuffle around and use to create something.シャッフルして何かを作成するために使用できるプレーンなビルディングブロックのセットを想像してみてください。

a。 Adding Elements要素の追加

adding elements to Zyro template
上部のメニューバーをクリックして、Zyroテンプレートに要素を追加します。

Zyroは、個人のWebサイトを作成するために一般的に使用される特定の要素セットを提供するように事前構成されています。 This includes text (which actually places a resizable box you can add text to), images, and more.これには、テキスト(実際には、テキストを追加できるサイズ変更可能なボックスが配置されます)、画像などが含まれます。

To add an element on your template, click the 'Add elements' option, decide which type you want.テンプレートに要素を追加するには、[要素の追加]オプションをクリックして、必要なタイプを決定します。 Next, left click on it and while holding your mouse button down, drag it over onto your template.次に、それを左クリックし、マウスボタンを押したまま、テンプレートにドラッグします。 It is now that you'll notice the grid system.これで、グリッドシステムに気付くでしょう。

b。 Following the Grid Systemグリッドシステムに従う

The grid system serve as the basic guidelines when editing the template.
グリッドシステムは、テンプレートを編集する際の基本的なガイドラインとして機能します。

The grid system appears as you're dragging elements on to your template (or moving existing elements around).要素をテンプレートにドラッグする(または既存の要素を移動する)と、グリッドシステムが表示されます。 These blocks serve as basic guidelines to let you see the permissible spots where you can place your elements.これらのブロックは、要素を配置できる許容スポットを確認するための基本的なガイドラインとして機能します。

Any placements or resizing of elements need to follow the basic sizes of each square in the grid system.要素の配置やサイズ変更は、グリッドシステムの各正方形の基本サイズに従う必要があります。 Consider it a sort of 'minimum size or resize guideline.一種の最小サイズまたはサイズ変更ガイドラインと考えてください。

c。 Editing Elements要素の編集

editing elements on Zyro is easy.
To edit on an element, just click the element to move, resize or change it.要素を編集するには、要素をクリックするだけで、移動、サイズ変更、または変更できます。 You can view the result while editing.編集中に結果を表示できます。

If there are existing elements on your page you don't like or want to move, this can easily be fixed.ページ上に移動したくない要素や移動したくない要素がある場合、これは簡単に修正できます。 Clicking on the element in question will highlight it with a blue outline.問題の要素をクリックすると、青い輪郭で強調表示されます。 From there you can either drag to move, resize, or choose to edit it.そこから、ドラッグして移動、サイズ変更、または編集を選択できます。

For example, highlighting a text box will display an option to 'edit text'.たとえば、テキストボックスを強調表示すると、「テキストを編集する」オプションが表示されます。 You will see changes being made immediately as you're doing them.変更を行うとすぐに変更が加えられていることがわかります。 It's exactly the same as you would expect when using a text editing program.これは、テキスト編集プログラムを使用するときに期待するものとまったく同じです。

d。 Working With Sectionsセクションの操作

Adding Sections to Zyro website
Zyroテンプレートにセクションを追加すると、Webサイトをパーソナライズするのに役立ちます。

XNUMXつの非常に長いページで構成されたWebサイトを持つことは、あまりユーザーフレンドリーではありません。

Using sections helps improve the user experience and allows you to call their attention to different parts of your website via the navigation menu.セクションを使用すると、ユーザーエクスペリエンスが向上し、ナビゲーションメニューを介してWebサイトのさまざまな部分に注意を向けることができます。 For example, for a personal resume site, you might like to have separate sections such as 'Skills' and 'Portfolio'.たとえば、個人の履歴書サイトの場合、「スキル」や「ポートフォリオ」などの個別のセクションが必要になる場合があります。

Similar to templates, Zyro has pre-built sections you can choose from when you click 'add section'.テンプレートと同様に、Zyroには、[セクションの追加]をクリックしたときに選択できるビルド済みのセクションがあります。 These will match your current template.これらは現在のテンプレートと一致します。 There is also the option to use a blank section which you can customize on your own.自分でカスタマイズできる空白のセクションを使用するオプションもあります。

Step #4.ステップXNUMX。 Check for Mobile Friendlinessモバイルフレンドリーを確認する

check for mobile friendliness
[公開]ボタンを押す前に、ウェブサイトがモバイルフレンドリーであることを確認してください。

When building a website today it is important to realize that many users are now using mobile devices to view web content.今日Webサイトを構築するときは、多くのユーザーがモバイルデバイスを使用してWebコンテンツを表示していることを認識することが重要です。 This means that your site needs to be properly formatted for those devices.これは、サイトがそれらのデバイス用に適切にフォーマットされている必要があることを意味します。

Zyroはこれを自動的に行いますが、 自分で確認してください。 On the top navigation bar there are icons for a desktop or mobile device.上部のナビゲーションバーには、デスクトップまたはモバイルデバイスのアイコンがあります。 Clicking either of those will toggle the view so you can see if that version of your site looks all right.これらのいずれかをクリックすると、ビューが切り替わり、そのバージョンのサイトが正常に表示されるかどうかを確認できます。

デスクトップ形式とモバイル形式の両方で個人サイトがどのように表示されるかに満足したら、右上隅にある[公開]ボタンを押すだけで、訪問者の獲得を開始できます。

ボーナス:Zyroに付属する便利なエクストラ

Zyroには、メインのWebサイトビルダーの他に、個人のWebサイト用の便利なツールがいくつか付属しています。 

AIヒートマップ

画像は通常、ウェブサイトの最も印象的な部分です。 ただし、画像内であっても、通常は注意が必要なホットスポットがあります。 これを使用すると、たとえば、製品など、画像内の適切なフォーカス領域に注意を向けていることを確認したい場合に役立ちます。

  AIヒートマップ does this for you.あなたのためにこれを行います。 All you need to do is upload your image and the tool will show you where user focus is drawn to.あなたがする必要があるのはあなたのイメージをアップロードすることだけであり、ツールはユーザーの焦点がどこに引き寄せられるかをあなたに示します。

AIライター

This is perhaps conceptually the most exciting part of Zyro.これはおそらく概念的にZyroの最もエキサイティングな部分です。 I say 'conceptually' because the idea is awesome, but since they're still new, it might need some kinks worked out of it.アイデアが素晴らしいので「概念的に」と言いますが、まだ新しいので、いくつかのねじれを解決する必要があるかもしれません。 Theザ・ AIライター 基本的に、使用可能なテキストを生成するのに役立ちます。

If language isn't your strong point, you can use AI Writer to help you build some basic content for free.言語が得意でない場合は、AI Writerを使用して、基本的なコンテンツを無料で作成できます。 There are limited categories of what it can generate at the moment, but I anticipate more to come.現時点で生成できるもののカテゴリは限られていますが、今後さらに増えると思います。

ロゴメーカー

私が最初にサイトを構築し始めたとき、 ロゴを探しています Zyroはあなたに彼らの使用を提供します ロゴメーカー for free and it's quite easy to use as well.無料で、使い方もとても簡単です。 More than sufficient for starter sites.スターターサイトには十分すぎるほどです。

ここをクリック>その他の機能を調べて、夢のような個人用Webサイトを作成してください。


Zyroで見事な個人ウェブサイトを作成するためのヒント

見事な個人用ウェブサイトの設定は簡単な作業ではありませんが、Zyroのようなツールのおかげで、今日でははるかに簡単になっています。 優れたサイトの外観と動作には大きな違いがありますが、覚えておいてください。サイトが最高である必要はありません。

多くの新しいウェブサイトビルダーは、完璧なサイトを作成することに過度に夢中になっています。 その過程で、彼らは最も重要なこと、つまり自分自身とターゲットの訪問者を忘れます。

Zyroで個人のウェブサイトを構築するときに覚えておくべきいくつかの簡単なヒントがあります。

スピードを重視して構築

Sometimes, less is more.時には、少ないほど多いです。 Having fewer elements on your page can speed up site performance which is great for your visitor's experience.ページの要素を少なくすると、サイトのパフォーマンスが向上し、訪問者のエクスペリエンスに最適です。

過度にイメージしないでください

Images may look stunning, but it is text that helps the most in capturing visitors from search engines.画像は見事に見えるかもしれませんが、検索エンジンからの訪問者を捉えるのに最も役立つのはテキストです。 Try to balance a combination with both.両方の組み合わせのバランスをとるようにしてください。

構造を定義する

The way a site navigates is important to your user experience.サイトがナビゲートする方法は、ユーザーエクスペリエンスにとって重要です。 Try to avoid confusing your visitors, especially if you're building a personal site for professional use.特にプロ用の個人用サイトを構築している場合は、訪問者を混乱させないようにしてください。 If you're unsure about this, stick to Zyro's templates first to begin with.これについて確信が持てない場合は、最初にZyroのテンプレートに固執してください。

Zyroリソースを使用する

Zyroですべてを使用できるとは限りませんが、それでも役に立ちます。 For example, you only need one template, but draw inspiration from their other templates to help give you ideas in modifying the one you've chosen.たとえば、必要なテンプレートはXNUMXつだけですが、他のテンプレートからインスピレーションを得て、選択したテンプレートを変更するためのアイデアを得ることができます。

ストーリーを伝える

The most effective sites have a strong identity.最も効果的なサイトには強いアイデンティティがあります。 These sites often clearly represent their owners and have clear characteristics.これらのサイトは多くの場合、所有者を明確に表しており、明確な特徴を持っています。 

ザイロの計画と価格

の特徴FreeベーシックアンリーシュドeコマースeComm +
応答周波数500 MB3 GB無制限の無制限の無制限の
ストレージ500 MB1 GB無制限の無制限の無制限の
SSLはいはいはいはいはい
ザイロ広告はいいいえいいえいいえいいえ
ドメインを接続するいいえはいはいはいはい
メッセンジャーライブチャットいいえいいえはいはいはい
Googleアナリティクスいいえいいえはいはいはい
オンライン決済を受け入れるいいえいいえいいえはいはい
製品数いいえいいえいいえ100無制限の
財布にやさしい$ 0 /月$ 1.99 /月$ 3.49 /月$ 14.99 /月$ 21.99 /月

ZyroにはXNUMXつの主要なプランのカテゴリがあります。最初のセットは通常のWebサイト用で、XNUMX番目のセットはeコマースサイト用です。 どちらを選択するかは、構築しようとしているWebサイトの種類によって異なります。

If you're brand new to website building, chances are that you'll be first looking at establishing a basic digital presence.あなたがウェブサイト構築に真新しいなら、あなたが最初に基本的なデジタルプレゼンスを確立することを検討している可能性があります。 This means a website where you're looking to share content such as information and images.これは、情報や画像などのコンテンツを共有しようとしているWebサイトを意味します。

今すぐプランを選択しても、後で変更できないわけではないので、小さなことから始めて、上に向かって進んでください。 

ここをクリック> Zyroのプランと価格の詳細をご覧ください。

個人のウェブサイトを構築する上での最終的な考え

Zyroを使用して個人のWebサイトを作成することは、間違いなく推奨される選択です。 それは最も基本的な概念から始まり、ウェブサイトを構築する上で私たちの中でまったく新しい人でも物事を簡単にします。

ただし、それらは非常にスケーラブルであり、強力な価格で提供されます。

何のために何よりも安い あなたは他の多くのサイトでホスティングするだけでお金を払うでしょう、どの程度高度にパーソナライズしたいかに応じて、数時間で完全なWebサイトを構築できます。 

ザイロのように–小さく始めて、大きく目指します。 あなたはできる あなたのウェブサイトをスケールアップする あなたが成長するにつれて彼らと一緒に。

開始するには、ここをクリックしてサインアップしてください

Zyroにサインアップ
Zyroに参加して個人のWebサイトを作成します

周杰倫について

ジェイソンは技術と起業家精神のファンです。 彼はウェブサイトを作るのが大好きです。 あなたはTwitter経由で彼と連絡を取ることができます。

接続します。