初心者向けガイド

初心者向けガイド

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

こんにちは、Zoho Sitesにようこそ！

この初心者向けガイドでは、Zoho Sitesで初めてWebサイトを作成する際に必要な情報をすべて説明します。使いやすい操作画面とスムーズなドラッグ＆ドロップ対応のWebサイト編集画面により、簡単にWebサイトをデザインできます。

このガイドを最後まで読むと、Webサイトの公開準備が整います。それでは始めましょう。

はじめに

Zohoアカウントの認証情報を使用して、Zoho Sitesにログインします。アカウントをお持ちでない場合は、作成する必要があります。

アカウントを作成するには

  1. sites.zoho.comに移動します。
  2. メールアドレス、パスワード、電話番号を入力します。
  3. 利用規約を読み、同意します。
  4. ［無料でユーザー登録］をクリックします。



GoogleアカウントまたはLinkedInアカウントを使用してサインインすることもできます。

Webサイトの作成

  1. Webサイト名を入力し、Webサイトのカテゴリーを選択します。
  2. ［テンプレートを選択する］をクリックします。無料のWebサイトテンプレートのページに移動します。
  3. テンプレートにカーソルを合わせ、アイデアやコンテンツを最も効果的に表現できるWebサイトのテーマを選択します。Webサイトの外観や操作感を確認するには、［ライブデモ］をクリックします。Webサイトのテンプレートが気に入った場合は、戻って［カスタマイズする］をクリックします。
  4. Webサイトの色、フォント、ヘッダー、バナーのスタイルを選択して、テンプレートをさらにカスタマイズできます。
  5. ［完了する］をクリックします。数分でサイトが読み込まれ、さらにカスタマイズできる基本的なWebサイトが作成されます。

メモ。
  2. テンプレートのギャラリーには、業界別にあらかじめデザインされたテンプレートが用意されています。デザイン経験がなくても、プロがデザインしたようなWebサイトの外観をすぐに実現できます。
  3. コンテンツを失うことなく、別のテンプレートに切り替えられます。また、Webサイトのタイトルやスタイルはいつでも変更できます。

要素の追加

要素を使用すると、見やすく、閲覧者にとって魅力的な、構成の整ったWebサイトをデザインできます。テキスト、画像、ボタン、アイコン、仕切り、音声、動画など、さまざまな要素から選択してWebサイトに追加できます。
ページに要素を追加する方法は2つあります。

  1. 編集画面の左上にある［追加する］ アイコンをクリックし、［要素］を選択します。表示された設定トレイから、目的の要素をWebサイトにドラッグ＆ドロップします。
  2. 要素を挿入したいセクションにカーソルを合わせ、［要素を追加する］をクリックします。設定トレイが表示されるので、ページに追加する要素を選択できます。
［追加する］アイコンの設定から、セクション、アプリ、フォームをWebサイトに追加することもできます。



セクション

セクションはページのコンテンツを追加するための基本単位で、その中に要素を追加します。これらのコンテンツの行は重要度に応じた順序で配置され、個別にカスタマイズできます。ニュースレターのセクション、アコーディオンメニュー、カルーセルなどのセクションをページに追加できます。追加する方法は次の2つです。

  1. セクションを追加するには、ページのコンテンツ領域にカーソルを合わせます。
  2. コンテンツをクリックし、ドロップダウン一覧から選択します。

メモ：［追加する］アイコンをクリックして［セクション］を選択すると、セクションのコンテンツトレイにアクセスできます。ここから、さまざまなコンテンツレイアウトのセクションを選択して追加できます。

要素の編集
  1. 要素をクリックし、四方向矢印を使用してページ上の目的の位置にドラッグ＆ドロップすると、要素の位置を変更できます。
  2. 要素を削除するには、対象の要素をクリックし、ごみ箱アイコンをクリックします。

  1. テキストの編集に加えて、各要素には固有のカスタマイズ設定があります。これらの設定は、要素をページに追加した後、その要素の横に表示されます。要素をクリックしたときにも表示されます。カスタマイズ設定が表示されない場合は、設定アイコンをクリックします。［設定］をクリックすると、テキストの配置、文字デザイン、間隔などを個別に調整できます。また、スライド、バウンス、フェードなど、影やアニメーションをコンテンツに追加することもできます。カスタマイズ設定には、カスタムCSSスクリプト、スタイルエディター、要素の公開範囲があります。

  1. 要素の公開範囲を使用すると、デバイスごとにWebサイトの各部分を表示または非表示にできます。たとえば、Webサイトのデスクトップ版では要素を表示し、モバイル版やタブレット版では非表示にする場合や、その逆の場合に便利です。


ページの追加
  1. 編集画面の左上にある［追加する］ アイコンをクリックし、［ページ］をクリックします。


2. ページの名前とURLを入力します。
3. ［保存する］をクリックしてください。


メモ：SEO、メニュー設定、ヘッダーとフッターのコード、サイドバーなどのページ設定を有効にすることもできます。
ページの管理
  1. 左上にあるハンバーガーアイコンをクリックします。［ページ］を選択します。


2. ここでは、すべてのページを1か所で一覧表示できます。このページを離れることなく、ページを確認したり、さらに追加したりできます。
3. ページを削除、移動、または複製するには、左側のチェックボックスをクリックし、希望する操作を選択します。



ブログ投稿

ブログページは、閲覧者との関係を深めるための最適な方法の1つです。ブログを通じて交流を促進し、Webサイトの認知度を高めることができます。

新しい投稿を追加するには
  1. ［追加する］ アイコンをクリックし、［ブログ投稿］をクリックします。
  2. ［ブログを作成する］を選択します。
  3. ［投稿を追加する］をクリックします。
  4. 投稿URLを追加し、ブログのカテゴリーを選択するか新しいカテゴリーを作成します。さらに、タグの追加、コメントの有効化または無効化、簡単な概要の入力、カバー画像の設定を行います。
  5. ブログの本文を入力して形式を整え、画像を追加します。
  6. ［投稿を公開する］ボタンをクリックします。

Webサイトのメニューが有効になっている場合は、編集画面上部のナビゲーションバーにある［ブログ］をクリックすると、ブログページにアクセスできます。そこで、［投稿を追加する］をクリックすると、新しいブログ投稿を追加できます。


メモ：［投稿を公開する］をクリックすると、ブログが投稿されます。ただし、Webサイトを公開するまで一般には公開されません。
ブログページを管理するには
  1. 編集画面の左上にある［ブログ設定］をクリックします。

2. 次の画面では、ブログのタイトル、URL、表示するブログ投稿数を追加できるほか、RSSフィードの有効化または無効化、SEOのタイトルと説明の設定、その他のブログ設定を行えます。［ブログ設定］をクリックし、続けて［ブログの設定］をクリックします。

サイトのカスタマイズ

テンプレートを好みに合わせてデザインできます。複雑なコードを編集することなく、プリセットの色、ヘッダーのレイアウト、バナーのレイアウトなどの設定を変更できます。ビジュアルエディターを開き、希望する設定を選択します。

ビジュアルエディターにアクセスするには
  1. 編集画面の右側にあるパレットアイコンをクリックします。

2. ダッシュボードからビジュアルエディターを開くこともできます。［カスタマイズ］をクリックし、［ビジュアルエディター］を選択します。
3. 利用可能な設定の一覧を使用して、テンプレートをカスタマイズします。［保存］をクリックします。



メモ：
  1. メニューに表示されているビジュアルエディターの設定を確認できます。さらに高度なカスタマイズを行うには、高度なビジュアルエディターの設定も確認できます。
  1. テンプレートを一からコーディングする場合や、既存のテンプレートを編集する場合は、HTML／CSSエディターにアクセスします。

  1. ダッシュボードで［カスタマイズ］をクリックし、［テンプレート］を選択します。
  2. ［テンプレートを編集する］をクリックします。


その他の設定
編集画面の左上にあるハンバーガーアイコンをクリックすると、コメント、SEO、メンバーポータルなど、サイトに関する各種設定にアクセスできます。

プレビュー

Webサイトを公開する前にプレビューして、訪問者に対するサイトの表示や動作を確認し、問題がないことを確かめます。
  1. 編集画面のヘッダー右上にある［プレビュー］アイコンをクリックすると、Webサイトのプレビューが生成されます。
  2. 作成したWebサイトはすべて、モバイルとタブレット向けに自動的に最適化されます。スマートフォン、タブレット、デスクトップのいずれでも適切に表示されます。
  3. Webサイトをプレビューして、これらのデバイスでの表示を確認できます。
公開

Webサイトのデザインが完了したら、公開する必要があります。ユーザーは、使用しているデバイスにかかわらずWebサイトにアクセスできます。編集画面の右上にある［公開する］をクリックすると、Webサイトを公開できます。公開後も編集できます。



メモ：
サイトを公開するには、ドメイン名が必要です。Webサイトの内容に合ったドメイン名が理想的です。ドメインをまだ所有していない場合は、設定する必要があります。

ドメインの設定

初めて［公開する］ボタンをクリックすると、次のドメイン設定から選択できます。
  1. 無料のサブドメインを作成する。
  2. 新しいドメイン名を購入する。
  3. 既存のドメインを関連付ける。

公開後のサポート

このヘルプガイドを最後までお読みいただいた方は、最初のWebサイトを公開する準備が整ったことでしょう。お困りの際は、24時間365日対応のサポートチームまでお気軽にお問い合わせください。support@zohosites.comまでご連絡ください。
 
サイトを作成したら、さらに高度な活用方法を学びましょう。カスタマイズ、共同作業、各種設定について詳しくは、ヘルプガイドをご確認ください。