InstantSiteを使用してページ要素を追加する方法

<強い色：＃e77600！重要; font-size：18px; ">注意：このガイドは、2020年8月18日より前に購入されたレガシーInstantSiteを対象としています。新しいInstantSiteをお持ちの場合は、こちらにある新しいビルダーに固有のガイドをご覧ください。

要素は、Webページの個々のコンポーネントです。これは、たとえば、画像、フォーム、またはテキストボックスである可能性があります。このガイドは、LCN InstantSiteのお客様に、各タイプの要素の用途と、ページに要素を追加する方法を示すことを目的としています。

特定の要素に関する詳細情報をお探しの場合は、以下のリストから選択できます。

テキスト
画像
ギャラリー
フォーム
ボタン
地図
埋め込みビデオ
アイコン
セパレーター

始めましょう…

テキスト

テキスト elementは、ページのどこにでも文や段落を追加できるテキストボックスを作成します。 テキストのスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. テキストをクリックしますドロップダウンメニューから。
4. テキストボックスは、現在選択されている行と列に配置されます。行または列が選択されていない場合、テキストボックスがページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

1. テキストのテキストを編集するには要素の場合は、テキストボックスをダブルクリックします。これにより、テキストエディタが開き、テキスト、フォントサイズ、形式などを変更できるようになります。

<強い色：＃e77600！重要; font-size：18px;">注意：テキストエディタの動作とそのカスタマイズの詳細については、InstantSiteガイドのテキストエディタの使用方法をご覧ください。

テキストを編集したら、[保存]をクリックしますテキストエディタのボタンをクリックするか、テキストフィールドをクリックすると、変更が自動的に保存されます。

画像

画像要素は画像を追加するために使用されます。無料の画像のライブラリから選択するか、独自の画像をアップロードできます。画像のスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. 画像をクリックしますドロップダウンから。
4. いずれかのマイ画像から画像を選択してください、テンプレート画像 または無料のInstantSite画像 。気に入った画像が見つからない場合は、[画像をアップロード]をクリックして自分の画像をアップロードしてください。コンピュータから画像を選択します。
5. 画像を選択したら、[ページに追加]をクリックします。
6. 画像は現在選択されている行と列に配置されます。行または列が選択されていない場合、画像はページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

画像の周りの緑色の境界線をクリックしてドラッグするだけで、画像のサイズを変更できますセクション。

ギャラリー

1つの画像で切り取られない場合があります。 ギャラリー elementは、画像のギャラリーをWebサイトに追加するために使用されます。 グリッドのいずれかを追加できます画像またはカルーセル スクロール画像の。 ギャラリーのスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. ギャラリーをクリックしますドロップダウンから。
4. ギャラリーは現在選択されている行と列に配置されます。行または列が選択されていない場合、ギャラリーはページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

[画像を追加]をクリックします ギャラリー内から要素。
いずれかのマイ画像から複数の画像を選択します、テンプレート画像 または無料のInstantSite画像 。気に入った画像が見つからない場合は、[画像をアップロード]をクリックして自分の画像をアップロードしてください。コンピュータから複数の画像を選択します。
ギャラリーで必要な画像をすべて選択したら、[確認]をクリックします。
ギャラリーの周りの緑色の境界線をクリックしてドラッグするだけで、ギャラリーのサイズを変更できます要素。

フォーム

フォーム elementを使用して、InstantSiteの任意のページに連絡フォームを追加できます。この要素を使用して、電子メール連絡フォームを作成したり、顧客から電子メールアドレスを収集したりできます。 フォームのスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. フォームをクリックしますドロップダウンから。
4. フォームは現在選択されている行と列に配置されます。行または列が選択されていない場合、フォームはページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

各フィールドの名前は、テキストをダブルクリックすることで変更できます。
フィールドを追加するには、歯車をクリックしますフォーム要素の右上にある[新しいフィールドの追加]をクリックします。入力のいずれかを選択しますフィールドまたはテキスト領域 。
- 入力フィールド 名前、メールアドレス、電話番号など、回答が短く同じ形式である可能性が高い単純なフィールドに使用されます。
- テキスト領域 長い文や段落に使用されます。これは通常、顧客が問題を説明したり、顧客から連絡があった理由を説明したりするために使用されます。
フォームの送信に使用するボタンは、歯車をクリックして変更できます。フォーム要素の右上にあり、ボタンテキストに新しいテキストを入力します分野。例：送信。
最後に、送信時にお問い合わせフォームの送信先アドレスを変更する必要があります。これは、歯車をクリックして変更できます。 フォームの上部にあります要素を入力し、メール送信先にメールアドレスを入力しますフィールド。

ボタン

ボタン elementは、クリック可能なボタンをInstantSiteに追加するために使用されます。多くの場合、召喚状に使用され、ページで実行する必要のあるアクションを顧客に伝えるための優れた方法です。 ボタンのスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. ボタンをクリックしますドロップダウンから。
4. ボタンは、現在選択されている行と列に配置されます。行または列が選択されていない場合、ボタンはページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

ボタンの周りの緑色の境界線をクリックしてドラッグするだけで、ボタンのサイズを変更できます要素。
cog をクリックすると、ボタンのテキストを変更できます ボタンの上部にあります要素とテキストのテキストの変更フィールド。

マップ

マップ elementは、InstantSiteにマップを追加するために使用されます。連絡先/会社概要ページ、マップによく使用されます elementは、ビジネスの拠点を顧客に示す簡単な方法です。 マップのスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. 地図をクリックしますドロップダウンから。
4. マップは現在選択されている行と列に配置されます。行または列が選択されていない場合、マップはページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

地図上の場所を変更するには、歯車をクリックします マップの上部にあります要素を入力し、場所に郵便番号を入力します分野。検索をクリックしますフィールドの横にあるボタンをクリックすると、地図が自動的に現在地に合わせて調整されます。
Popupの説明に説明を入力して、場所アイコンの上にポップアップする追加のテキストを入力することもできます歯車の下のフィールド地図の右上にあります要素。

埋め込み動画

埋め込み動画 elementを使用すると、YouTubeなどの他のプラットフォームでホストされているビデオをInstantSiteに追加できます。 埋め込み動画のスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. 埋め込み動画をクリックしますドロップダウンから。
4. 埋め込みコード フィールドに、ビデオをホストしているプラットフォームによって提供される埋め込みURLを入力します。例：

<iframe width="560" height="315" src="https://www.youtube.com/embed/-3Rx4qONJhQ?ecver=1" frameborder="0" allowfullscreen></iframe>

1. アスペクト比からドロップダウンで、 16：9のいずれかを選択しますまたは4：3 。

<強い色：＃e77600！重要; font-size：18px;">注意：16：9のアスペクト比は、伝統的にワイドスクリーンとして知られているものですが、4：3は、90年代の古いテレビセットが使用していたものです。

[確認]をクリックします埋め込みビデオを追加します。
埋め込まれたビデオは、現在選択されている行と列に配置されます。行または列が選択されていない場合、埋め込まれたビデオがページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

アイコン

アイコン elementは、注目を集めるビジュアルをWebサイトに追加するための優れた方法です。多くの場合、電話番号やメールアドレスの横で使用されるため、訪問者はWebページをスキャンして、探しているものを簡単に見つけることができます。 InstantSiteガイドの個々の要素のスタイルを設定する方法に従って、アイコン要素のスタイルを変更できます。

1. InstantSiteエディターにログインします。
2. 左側のパネルで、プラスをクリックします。
3. アイコンをクリックしますドロップダウンから。
4. 表示されたリストから追加するアイコンを探し、確認をクリックします。
5. アイコンは現在選択されている行と列に配置されます。行または列が選択されていない場合、アイコンがページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

セパレータ

セパレーター elementは、InstantSiteのセクションを区切るために使用されます。それらはページ全体に実線を提供します。 セパレータのスタイルを変更できます InstantSiteガイドの個々の要素のスタイルを設定する方法に従って要素を作成します。

InstantSiteエディターにログインします。
左側のパネルで、プラスをクリックします。
セパレータをクリックしますドロップダウンメニューから。
セパレータは、現在選択されている行と列に配置されます。行または列が選択されていない場合、セパレータはページの下部に追加されます。

<強い色：＃e77600！重要; font-size：18px;">注意：InstantSiteでの行と列の動作の詳細については、InstantSiteの行と列についてのガイドをご覧ください。

それでおしまい！これで、すべてのInstantSite要素がどのように機能し、それらを追加する方法がわかりました。