初心者ガイド
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
こんにちは、ようこそ！ - Zoho Sites!
この初心者向けガイドでは、Zoho Sitesで初めてWebサイトを作成するために必要なすべての情報を紹介します。ユーザーフレンドリーなインターフェイスと直感的なドラッグ＆ドロップ式Webサイトエディターにより、簡単にWebサイトをデザインできます。
このガイドを最後まで読めば、Webサイトを公開する準備が整います。それでは、始めましょう！
はじめに
Zohoアカウントの認証情報を使ってZoho Sitesにログインしてください。まだアカウントをお持ちでない場合は、新規作成が必要です。
アカウントを作成するには:
- sites.zoho.comにアクセスします。
- メールアドレス、パスワード、電話番号を入力します。
- 利用規約を読み、同意します。
- 無料でユーザー登録するをクリックします。
GoogleまたはLinkedInアカウントを使ってサインインすることも可能です。
Webサイトの作成
- Webサイト名を入力し、Webサイトカテゴリーを選択します。
- テンプレートを選択をクリックします。無料Webサイトテンプレートのページに移動します。
- テンプレートにカーソルを合わせて、アイデアやコンテンツを最も効果的に表現できるWebサイトテーマを選択します。デモを有効化をクリックして、Webサイトの見た目や操作感を確認できます。テンプレートが気に入った場合は、戻ってカスタマイズをクリックしてください。
- Webサイトの色、フォント、ヘッダー、バナースタイルなどを選択して、テンプレートをさらにカスタマイズできます。
- 完了をクリックします。数分でサイトが読み込まれ、さらにカスタマイズ可能な基本Webサイトが作成されます。
メモ:
- テンプレートギャラリーには、業界別の事前デザイン済みテンプレートが豊富に用意されています。デザイン経験がなくても、プロが作成したようなWebサイトをすぐに実現できます。
- テンプレート間の切り替えも、コンテンツを失うことなく行えます。また、Webサイトの件名やスタイルもいつでも変更可能です。
要素の追加
要素を活用することで、見やすく魅力的なWebサイトを構築できます。テキスト、画像、ボタン、アイコン、区切り線、オーディオ、ビデオなど、さまざまな要素から選択してWebサイトに追加しましょう。
ページに要素を追加する方法は2つあります。
- ビルダーの左上隅にある追加する
アイコンをクリックし、Elementを選択します。設定のトレイから、Webサイトに追加したい要素をドラッグ＆ドロップしてください。
- 要素を挿入したいセクションにカーソルを合わせ、追加する Elementをクリックします。設定のトレイが表示されるので、ページに追加したい要素を選択できます。
追加するアイコンから設定を開き、Webサイトにセクション、アプリ、フォームを追加することも可能です。
セクション
セクションはページの基本構成要素であり、その中に要素を追加します。これらのコンテンツ行は重要度の順番で配置され、個別にカスタマイズできます。ニュースレターセクション、アコーディオンメニュー、カルーセルなど、さまざまなセクションをページに追加することが可能です。追加方法はいくつかあります。
- ページ上のコンテンツ地域にカーソルを合わせてセクションを追加します。
- コンテンツをクリックし、ドロップダウンリストから選択します。
メモ:追加する
アイコンをクリックし、「Section」を選択すると、セクションのコンテンツトレイにアクセスできます。ここから、さまざまなレイアウトのセクションを選択して追加できます。
要素の編集
-
要素をクリックし、四方向矢印
を使ってドラッグ＆ドロップし、ページ上の所定の位置に移動できます。
- 要素を削除するには、該当する要素をクリックし、ごみ箱アイコン
をクリックします。
- テキストの編集に加えて、各エレメントには独自のカスタマイズ設定があります。これらの設定は、エレメントをページに追加した後や、エレメントをクリックした際に表示されます。カスタマイズオプションが表示されない場合は、
設定アイコンをクリックしてください。設定をクリックすることで、テキストの配置やタイポグラフィ、間隔の調整など、細かな変更が可能です。また、スライドやバウンス、フェードなどのシャドウやアニメーションをコンテンツに追加することもできます。カスタマイズ設定には、カスタムCSSスクリプト、スタイルエディター、およびエレメント表示設定が含まれます。
- エレメント表示設定を使用すると、Webサイトのさまざまなパーツをデバイスごとに表示または非表示にできます。たとえば、デスクトップ版のWebサイトではエレメントを表示し、モバイルやタブレット版では非表示にする、といった使い方が可能です。
ページの追加
- ビルダーの左上にある追加
アイコンをクリックし、ページを選択します。
2. ページの名前とURLを入力します。
3. 保存をクリックします。
メモ: できることは、SEO、Menu 設定、Header や Footer コード、Sidebar などのページ設定も有効にできます。
ページの管理
- 左上のハンバーガーアイコン
をクリックします。「Pages」を選択してください。
2. ここでは、すべてのページが一覧で表示されます。ページを移動せずに、他のページの閲覧や追加が可能です。
3. ページの削除、移動、または複製を行う場合は、左側のチェックボックスをクリックし、ご希望の操作を選択してください。
ブログ投稿
ブログページは、オーディエンスとのエンゲージメントを高める最適な方法の一つです。ブログは交流を促進し、Webサイトの表示設定を向上させます。
新規投稿を追加するには:
- 追加する
アイコンをクリックし、「Blog Post」をクリックします。
- 作成 Blogを選択します。
- 追加する Postをクリックします。
- 投稿のURLを追加し、ブログカテゴリーを選択または新規作成し、タグを含め、コメント機能を有効または無効にし、簡単な概要を入力し、カバー画像を設定します。
- ブログ本文を入力し、書式設定や画像の挿入を行います。
- 公開 Postボタンをクリックします。
Webサイトメニューが有効な場合、ナビゲーション棒グラフの上部にあるブログオプションをクリックしてブログページにアクセスできます。そこから、追加する Postをクリックして新規ブログ投稿を追加できます。
メモ: 「公開 Post」をクリックすると、ブログが公開されます。ただし、Webサイトが公開済みでない場合は有効になりません。
ブログページを管理するには
- ビルダーの左上にあるBlog 各種設定をクリックします。
2. 次の画面で、ブログの件名、URL、表示する投稿数、RSSフィードの有効化／無効化、SEOのタイトルや説明など、各種ブログ設定を追加できます。Blog 各種設定をクリックし、続けてBlog 設定をクリックします。
サイトのカスタマイズ:
テンプレートのスタイルをお好みに合わせて調整できます。プリセットカラー、ヘッダーのレイアウト、バナーのレイアウトなどのプロパティを、複雑なコードを書くことなく変更可能です。ビジュアルエディターを開き、希望する設定を選択してください。
ビジュアルエディターにアクセスするには:
- ビルダーの右側にあるパレットアイコンをクリックします。
2. また、ダッシュボードに移動してビジュアルエディターを開くこともできます。カスタマイズをクリックし、Visual Editorを選択してください。
3. 利用可能な設定リストからテンプレートをカスタマイズします。保存をクリックしてください。
メモ:
- メニューに表示されているVisual Editor設定を確認したり、詳細 Visual Editor設定でさらに多くの操作を行うことができます。
- HTML/CSS Editorにアクセスすると、テンプレートを一からコーディングしたり、既存テンプレートを編集したりできます。
- ダッシュボードでカスタマイズをクリックし、テンプレートを選択します。
- 編集 テンプレートをクリックします。
その他の設定
ビルダーの左上隅にあるハンバーガーアイコン 
をクリックすると、サイトのコメント、SEO、Memberポータルなどの設定にアクセスできます。
プレビューする
Webサイトを公開する前にプレビューを表示し、訪問者にどのように見え、機能するかを確認して、誤りがないかチェックしましょう。
- プレビューするアイコン
をビルダーの右上隅のヘッダーでクリックすると、Webサイトのレプリカが生成されます。
- 作成したWebサイトは自動的にモバイルやタブレット向けに最適化されます。スマートフォン、タブレット、デスクトップでも美しく表示されます。
- Webサイトのプレビューで、各デバイスでどのように表示されるか確認できます。
公開
Webサイトのデザインが完了したら、公開する必要があります。ユーザーはどのデバイスからでもWebサイトにアクセスできます。公開をビルダーの右上隅でクリックすることで、Webサイトの公開やその後の編集が可能です。
メモ:
サイトを有効にする前に、ドメイン名前が必要です。iDEALなドメイン名前は、Webサイトの内容に合ったものを選ぶと良いでしょう。まだドメインをお持ちでない場合は、新たに設定する必要があります。
ドメインの設定
初めて公開ボタンをクリックすると、以下のドメイン設定から選択できます。
- 無料サブドメインを作成する。
- 新しいドメイン名前を購入する。
- 既存のドメインをマッピングする。
公開後のサポート
このヘルプガイドの最後までご覧いただいた方は、いよいよ初めてのWebサイトを公開する準備が整ったことでしょう。もしお困りの際は、24時間365日対応のサポートチームまでお気軽にご連絡ください。サポート@zohosites.comまでお問い合わせいただけます。
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho Campaigns Resources
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
始めるためのステップ
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 この初心者ガイドでは、最初のWebサイトを作成するために必要なすべての手順を解説します。使いやすいインターフェースにより、Webサイトの作成がこれまでになく簡単になりました。 まず、Zohoアカウントの認証情報を使用してZoho ...