初心者向けガイド

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

こんにちは、そしてようこそ！ - Zoho Sites!

この初心者向けガイドでは、Zoho Sitesで初めてWebサイトを作成する際に必要なすべての情報を解説します。ユーザーにやさしいインターフェイスと直感的なドラッグ＆ドロップ式Webサイトエディタにより、簡単にWebサイトをデザインできます。

このガイドの最後まで進めば、Webサイトを公開する準備が整います。さっそく始めましょう！

Zohoアカウントの認証情報を使用してZoho Sitesにログインします。まだアカウントをお持ちでない場合は、新規作成してください。

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

Webサイト名を入力し、Webサイトカテゴリーを選択します。
テンプレートを選択をクリックします。無料Webサイトテンプレートページへ移動します。
テンプレートにカーソルを合わせ、アイデアやコンテンツを最もよく表現できるWebサイトテーマを選択します。デモを有効をクリックしてWebサイトの見た目や動作を確認できます。テンプレートが気に入った場合は、戻ってカスタマイズするをクリックしてください。
Webサイトの色やフォント、ヘッダー、バナースタイルなど、テンプレートをさらにカスタマイズできます。
完了するをクリックします。数分でサイトが読み込まれ、追加のカスタマイズが可能な基本Webサイトが作成されます。

メモ:

テンプレートギャラリーには業界別の事前デザインテンプレートが豊富に用意されています。デザイン経験がなくても、プロフェッショナルなWebサイトの外観をすぐに実現できます。
テンプレート間の切り替えを行っても、コンテンツが失われることはありません。Webサイトの件名やスタイルも、いつでも変更可能です。

要素の追加

要素を使うことで、見やすく魅力的なWebサイトを設計できます。テキスト、画像、ボタン、アイコン、区切り線、音声、動画など、多様な要素から選択してWebサイトに追加しましょう。

ページに要素を追加する方法は2つあります。

ビルダー画面左上の追加する アイコンをクリックし、Elementを選択します。設定トレイから、ご希望の要素をWebサイトにドラッグ＆ドロップしてください。
要素を挿入したいセクションにカーソルを合わせて追加する Elementをクリックします。設定トレイが表示され、そこからページに追加したい要素を選択できます。

追加するアイコンから、設定メニューを利用してWebサイトにセクション、アプリ、フォームも追加できます。

Sections

Sectionsはページの構成要素であり、その中に要素を追加していきます。これらのコンテンツ行は重要度順に並べられ、個別にカスタマイズ可能です。ニュースレターセクション、アコーディオンメニュー、カルーセルなど、さまざまなセクションをページに選択・追加できます。この操作にはいくつかの方法があります。

メモ:追加する

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

要素の編集

テキスト編集に加えて、各エレメントには独自のカスタマイズ設定があります。エレメントをページに追加した後、これらの設定をエレメントの横で確認できます。また、エレメントをクリックすると設定が表示されます。カスタマイズオプションが表示されない場合は、設定アイコンをクリックしてください。設定をオンにすることで、テキストの配置や書体、間隔などを調整できます。さらに、スライド・バウンス・フェードなどのシャドウやアニメーションをコンテンツに追加することも可能です。カスタマイズ設定には、カスタムCSSスクリプト、スタイルエディタ、およびエレメント表示設定が含まれます。

エレメント表示設定を使うと、Webサイトの各エレメントをさまざまなデバイスで表示または非表示にできます。たとえば、デスクトップ版のWebサイトではエレメントを表示し、モバイルやタブレット版では非表示にする、またはその逆も可能です。エレメント表示設定は、異なるデバイス環境ごとにWebサイトの特定部分を表示・非表示にしたい場合に便利なツールです。