ブロックの装飾方法:枠線、背景、余白、影

← 戻る

ブロックにカーソルを合わせて歯車をクリックすると、スタイルウィンドウが開き、「境界線」「ブロック」「テキスト」「リンク」「アニメーション」「位置」タブが表示されます。

ブロック(ヘッダー、フッター、コンテンツ領域、フォームの列、カードなど)にカーソルを合わせると歯車アイコンが表示されます。これをクリックするとスタイル設定ウィンドウが開きます。編集内容は入力と同時に自動保存されます。ボタン 「クリア」 はブロックの装飾をリセットします。

各項目の内容:

  • 「境界線」 — 位置(全辺または個別)、色、太さ、角の丸み。
  • 「ブロック」 — 背景色、グラデーション(「背景グラデーションを使用」)、「ブロックの影」、「内側の余白」、「外側の余白」、背景画像、幅と高さ(最小・最大を含む)、「テキストの配置」、「ブロックの配置」、「表示」— PC、タブレット、スマートフォンでブロックを非表示にできます。
  • 「テキスト」 — フォント、サイズ、色。
  • 「リンク」 — ブロック内のリンクの色を通常のテキストとは別に設定。
  • 「アニメーション」 — 表示時のアニメーション、ホバー時の反応、常時アニメーション。
  • 「ポジショニング」 — 「ポジショニングの種類」(ウィンドウの上部または下部に固定するブロック)、オフセット、回転。

ホバー時の表示 はウィンドウ上部の切り替えスイッチで設定します: 「通常」 / 「ホバー時」 / 「アクティブ」 (最後はメニュー項目のみ)。「境界線」、「ブロック」、「テキスト」、「リンク」タブの設定は選択した状態に適用されます。空欄は「通常と同じ」を意味します。

メインの切り替えスイッチ — 「このブロックにのみ適用」。 チェックを外すと、設定はサイト全体のこの種類のすべてのブロックに適用されます。コンテンツ領域に枠を設定すると、すべてのページに表示されます。チェックを入れると、このページのこのブロックにのみ適用されます。

うまくいかない場合

  • 意図しないブロックが装飾された。 ブロックは入れ子になっています。より正確にカーソルを合わせてください。歯車はカーソルがあるブロックに表示されます。
  • あるページで変更したら、すべてのページで変わった。 「このブロックにのみ適用」にチェックが入っていませんでした。値を元に戻し、チェックを入れて再試行してください。
  • テキストの配置が機能しない。 同じブロックにブロック自体の配置が設定されていないか確認してください。これらは競合します。
記事は役に立ちましたか?

こちらもご覧ください

ヘルプセクションでは、よくある質問への回答と、Site Lookサイトビルダーの操作に関する役立つ手順を見つけることができます。ここでは、セクションの管理方法、オブジェクトの追加方法、サイトの設定方法を学ぶことができます。資料は初心者にも経験者にも役立ちます。回答が見つからない場合は、サポートにお問い合わせください。