InstantSiteで個々の要素のスタイルを設定する方法

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

InstantSiteの各要素は、ニーズに合わせて個別にスタイルを設定できます。このガイドは、LCNInstantSiteのお客様に個々の要素のスタイルを設定する方法を示すことを目的としています。

始めましょう…

テキスト、ギャラリー、フォーム、マップ、埋め込みビデオ、セパレーター

​​背景

すべてのWebサイトの背景が白であるとは限りません。 背景 オプションを使用すると、要素の背景色を変更したり、背景として画像を追加したりすることができます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. 背景をクリックします 。
4. 背景色を変更するには;
   • 色をクリックします オプション
   • 左側の事前定義された色から選択するか、カラーピッカーツールを使用してカスタム色を選択します。


5. 背景画像を追加するには;
   • [画像を選択]をクリックします
   • いずれかのマイ画像から画像を選択してください 、テンプレート画像 または無料のInstantSite画像 。気に入った画像が見つからない場合は、[画像をアップロード]をクリックして自分の画像をアップロードしてください。 コンピュータから画像を選択します。
   • 画像を選択したら、[確認]をクリックします 。

配置

配置により、要素のスタイル設定が簡単になります。要素を左、中央、または右に揃えることを選択できます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. [配置]をクリックします 。
4. 左揃えのいずれかを選択します 、中央揃え または右揃え 。

パディング

パディングを使用すると、コンテンツの周囲（境界線の内側）にスペースを生成できます。これにより、要素とそのコンテンツを目的の場所に正確に配置できます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. パディングをクリックします 。
4. 要素の上下左右に個別のパディングを追加できます。変更する側をクリックし、スライダーを使用してパディングを増減します。
5. すべての側面に一度にパディングを追加できます。パディングオプションの中央をクリックし、スライダーを使用してパディングを増減します。

<強い色：＃e77600！重要; font-size：18px;">注意 pxでパディングを適用することを選択できます （ピクセル）または％ （パーセンテージ）。パディングを適用するときはパーセンテージを使用することをお勧めします。これにより、デバイスの幅に応じてパディングを変更できるようになります。

境界線

境界線オプションを使用すると、境界線の幅を追加および変更できます。また、境界線の半径を使用して境界線のエッジを丸めることもできます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. 境界線をクリックします 。
4. 要素の上下左右に個別の境界線を追加できます。変更する側をクリックして、境界線のスタイル、幅、色を選択します。
5. すべての側面に一度に境界線を追加することもできます。境界線オプションの中央をクリックしてから、境界線のスタイル、幅、色を選択します。

画像、ボタン、アイコン

リンク

リンクを使用して、Webサイトの他のコンテンツにアクセスしたり、別のWebサイトの別のページや記事にリンクしたりできます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. リンクをクリックします 。
4. 外部のウェブサイトにリンクするには、外部をクリックします 次に、リンクするページのURLを URLに入力します フィールド。
5. InstantSiteの内部ページにリンクするには、[内部]をクリックします ページからリンクするページを選択します ドロップダウン。

<強い色：＃e77600！重要; font-size：18px;">注意 デフォルトでは、リンク先のページは新しいブラウザタブで開きます。ページをこのリンクにリダイレクトする場合は、[新しいタブでリンクを開く]のチェックを外してください。 オプション。

背景

すべてのWebサイトの背景が白であるとは限りません。 背景 オプションを使用すると、要素の背景色を変更したり、背景として画像を追加したりすることができます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. 背景をクリックします 。
4. 背景色を変更するには;
   • 色をクリックします オプション
   • 左側の事前定義された色から選択するか、カラーピッカーツールを使用してカスタム色を選択します。


5. 背景画像を追加するには;
   • [画像を選択]をクリックします
   • いずれかのマイ画像から画像を選択してください 、テンプレート画像 または無料のInstantSite画像 。気に入った画像が見つからない場合は、[画像をアップロード]をクリックして自分の画像をアップロードしてください。 コンピュータから画像を選択します。
   • 画像を選択したら、[確認]をクリックします 。

配置

配置により、要素のスタイル設定が簡単になります。要素を左、中央、または右に揃えることを選択できます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. [配置]をクリックします 。
4. 左揃えのいずれかを選択します 、中央揃え または右揃え 。

パディング

パディングを使用すると、コンテンツの周囲（境界線の内側）にスペースを生成できます。これにより、要素とそのコンテンツを目的の場所に正確に配置できます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. パディングをクリックします 。
4. 要素の上下左右に個別のパディングを追加できます。変更する側をクリックし、スライダーを使用してパディングを増減します。
5. すべての側面に一度にパディングを追加できます。パディングオプションの中央をクリックし、スライダーを使用してパディングを増減します。

<強い色：＃e77600！重要; font-size：18px;">注意 pxでパディングを適用することを選択できます （ピクセル）または％ （パーセンテージ）。パディングを適用するときはパーセンテージを使用することをお勧めします。これにより、デバイスの幅に応じてパディングを変更できるようになります。

境界線

境界線オプションを使用すると、境界線の幅を追加および変更できます。また、境界線の半径を使用して境界線のエッジを丸めることもできます。

1. 変更する要素をクリックします。
2. 設定をクリックします アイコン。
3. 境界線をクリックします 。
4. 要素の上下左右に個別の境界線を追加できます。変更する側をクリックして、境界線のスタイル、幅、色を選択します。
5. すべての側面に一度に境界線を追加することもできます。境界線オプションの中央をクリックしてから、境界線のスタイル、幅、色を選択します。

それでおしまい！これで、すべてのInstantSite要素のスタイルを設定する方法がわかりました。