線ブロック

カスタマイズ可能な水平線でコンテンツを分かりやすく区切ります⁠。

最終更新日 2024年5月28日

サイトのブロ⁠ック間に水平線を追加するには⁠、線ブロ⁠ックを使用します⁠。これは⁠、テキストを分割したり⁠、ペ⁠ージ⁠、投稿⁠、サイドバ⁠ー⁠、フ⁠ッタ⁠ーのコンテンツを分かりやすく区切るのに最適な方法です⁠。

Line_Block.png

備考

線ブロ⁠ックでは垂直線は追加できません⁠。垂直線を追加するには⁠、Squarespace以外の画像エデ⁠ィタ⁠ーで線の画像を作成し⁠、それを画像ブロ⁠ックにア⁠ップロ⁠ードします⁠。

線ブロ⁠ックを追加する

線ブロ⁠ックを追加する方法は以下の通りです⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックして⁠、メニ⁠ュ⁠ーから [⁠⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご覧ください⁠。
  2. 線ブロ⁠ックをクリ⁠ックしてドラ⁠ッグし⁠、ペ⁠ージ上の別の場所に移動します⁠。配置にはガイドラインが役立ちます⁠。ブロ⁠ックの配置について詳しくは⁠、「⁠ブロ⁠ックを移動する⁠」をご参照ください⁠。

ヒント

水平線をよりカスタマイズしやすくするために⁠、バ⁠ージ⁠ョン7⁠.1のほとんどのペ⁠ージ セクシ⁠ョンには組み込みのセクシ⁠ョンの仕切りが含まれています⁠。セクシ⁠ョンを分かりやすく区切るためには⁠、線ブロ⁠ックの代わりにこれらを使用することをおすすめします⁠。

色を変更する

線の色を変更する方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

サイト上の線ブロ⁠⁠ックの色を変更する方法は以下の通りです⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開いて [⁠⁠⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. 選択したテ⁠⁠ーマにカ⁠⁠ーソルを合わせ⁠⁠、鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠線ブロ⁠⁠ック⁠⁠] で⁠⁠、[⁠⁠線の色⁠⁠] の微調整オプシ⁠⁠ョンをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠パレ⁠⁠ット ⁠⁠] タブでは⁠⁠、パレ⁠⁠ットから色を選択するか⁠⁠、[⁠⁠カスタム ⁠⁠] をクリ⁠⁠ックして別の色を選択できます⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

これらの各テンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーで線の色を変更する際に使用するスタイル微調整オプシ⁠⁠ョンは以下の通りです⁠⁠。

  • Brine -
  • Farro -
  • Five - 線とデコレ⁠⁠ーシ⁠⁠ョン
  • Montauk - ペ⁠⁠ージ境界線の色
  • Skye - サイトの背景の微調整オプシ⁠⁠ョンに応じて⁠⁠、色が自動的に暗くな⁠⁠ったり明るくな⁠⁠ったりします⁠⁠。

以下の点に留意してください⁠⁠。

  • 線の太さと形状は⁠⁠、テンプレ⁠⁠ート間で共通です⁠⁠。
  • 線ブロ⁠⁠ックの色を変更すると⁠⁠、サイト上のすべての線と境界線の色が変わります⁠⁠。
  • AvenueやIshimotoなどの一部のテンプレ⁠⁠ートにはペ⁠⁠ージ境界線用の微調整オプシ⁠⁠ョンがあり⁠⁠、これらは線ブロ⁠⁠ックに影響を与えません⁠⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。