テキスト ブロック

Webサイトのコピ⁠ーを追加してスタイルを設定します⁠。

最終更新日 2025年2月05日

テキスト ブロ⁠ックは⁠、サイトにテキストを追加するために主に使われます⁠。テキスト ブロ⁠ックで⁠、見出し⁠、ハイパ⁠ーリンク⁠、リスト⁠、引用符⁠、および書式設定済みのテキストを追加することもできます⁠。

動画を見る

始める前に

  • テキスト ブロ⁠ックを使用して⁠、サイトのコンテンツ領域にテキストを追加します⁠。サイトの他の領域では⁠、別の手段でテキストを追加することもできます⁠。テキスト ブロ⁠ックを追加できる場所と追加できない場所のリストについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご参照ください⁠。
  • 特定の権限を持つサイト所有者と作成者のみがテキスト ブロ⁠ックにテキストを入力できます⁠。訪問者が入力して送信できるテキスト フ⁠ィ⁠ールドを追加するには⁠、フ⁠ォ⁠ーム ブロ⁠ックを使用します⁠。
  • Squarespace AIを使用すると⁠、サイトのテキスト コンテンツの最初の下書きを生成できます⁠。詳細については⁠、「⁠Squarespace AIを使用する⁠」をご参照ください⁠。

制限事項

  • テキスト ブロ⁠ックには⁠、テキストに下線を引くためのツ⁠ールが組み込まれていません⁠。
  • テキスト ブロ⁠ックでは⁠、右から左 (⁠RTL⁠) に書かれたスクリプトやテキストはサポ⁠ートしていません⁠。
  • 特殊文字を使用するとテキスト ブロ⁠ックの書式設定の問題が発生する可能性があります⁠。

テキスト ブロ⁠ックを追加する

[⁠編集⁠] をクリ⁠ックすると⁠、プレ⁠ースホルダ⁠ー テキスト ブロ⁠ックが空のコンテンツ エリアに自動的に表示されます⁠。

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

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックしてから⁠、[⁠テキスト⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご覧ください⁠。
  2. テキスト ブロ⁠ックをクリ⁠ックしてテキストを追加します⁠。Enterを押して新しい段落を作成します⁠。
  3. [⁠保存⁠] をクリ⁠ックして変更を保存します⁠。

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

  • 別のソ⁠ースからテキストを貼り付ける場合は⁠、プレ⁠ーン テキストとして貼り付けてください⁠。このアクシ⁠ョンは⁠、テキストの表示を邪魔する書式を削除します⁠。Squarespaceの外でテキストを準備する場合は⁠、Windowsのメモ帳やMacのTextEditなどのプレ⁠ーン テキスト エデ⁠ィタ⁠ーを使用してみてください⁠。
  • 既に貼り付けたテキストのトラブルシ⁠ュ⁠ーテ⁠ィングを行うには⁠、テキスト ツ⁠ールバ⁠ーを使用して書式設定を削除します⁠。その他のヒントについては⁠、「⁠テキストの書式設定を修正する⁠」をご参照ください⁠。
  • 行間を狭くするには⁠、コンピ⁠ュ⁠ータ⁠ーでShift+Enterを押して改行を追加します⁠。改行を作成するときに書式設定の問題が発生した場合は⁠、「⁠テキストの書式を修正する⁠」をご参照ください⁠。

テキストの書式設定とスタイル設定

テキストの書式やスタイルを設定するには⁠、マウスでテキストを強調表示します⁠。次に⁠、テキスト ツ⁠ールバ⁠ーのアイコンをクリ⁠ックします⁠。

  • テキスト ツ⁠ールバ⁠ーと書式設定オプシ⁠ョンについて詳しくは⁠、「⁠テキストの書式設定⁠」をご参照ください⁠。
  • フ⁠ォント⁠、色⁠、テキスト サイズの変更について詳しくは⁠、「⁠テキストのスタイル設定⁠」をご参照ください⁠。

テキスト ブロ⁠ックのスタイルを設定する

背景色やその他のスタイル エレメントを追加することで⁠、テキスト ブロ⁠ックをさらにカスタマイズできます⁠。

  1. テキスト ブロ⁠ックをクリ⁠ックし⁠、背景スタイル設定アイコンをクリ⁠ックして⁠、[⁠背景のスタイルを設定⁠] パネルを開きます⁠。
  2. 背景を有効にするには⁠、[⁠背景⁠] の横にあるトグルをオンに切り替えます⁠。[⁠⁠] を選択し⁠、[⁠角の半径⁠] を設定して⁠、[⁠パデ⁠ィング⁠] を変更します⁠。
  3. [⁠ストロ⁠ーク⁠] の横で⁠、図形の輪郭を描く実線または点線を有効にします⁠。実線と点線の両方で⁠、ストロ⁠ークの太さを設定します⁠。
  4. [⁠ブレンド モ⁠ード⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーをクリ⁠ックして⁠、透明度の設定を選択します⁠。こうしたエフ⁠ェクトは⁠、画像やその他のビジ⁠ュアル コンテンツの前にテキスト ブロ⁠ックを重ねる場合に最適です⁠。
  5. [⁠エレメント⁠] または [⁠背景⁠] をぼかすには⁠、[⁠ぼかし⁠] の横にあるトグルをオンに切り替え⁠、スライダ⁠ーを使用してぼかしのレベルを変更します⁠。
  6. [⁠保存⁠] をクリ⁠ックして変更を保存し⁠、そのまま編集を続けるか⁠、[⁠終了⁠]⁠、そして [⁠保存⁠] の順にクリ⁠ックしてエデ⁠ィタ⁠ーを閉じます⁠。

この機能へのアクセス

テキスト ブロ⁠ックの背景色は⁠、バ⁠ージ⁠ョン7⁠.1サイトにのみ対応しています⁠。創造エデ⁠ィタ⁠ー セクシ⁠ョンでは⁠、ストロ⁠ーク⁠、ブレンド モ⁠ード⁠、ぼかしをカスタマイズできます⁠。クラシ⁠ック エデ⁠ィタ⁠ーが使用されているセクシ⁠ョンでは⁠、ストロ⁠ークのみ使用できます⁠。

テキスト ブロ⁠ックを削除する

テキスト ブロ⁠ックを削除するには⁠、テキスト ツ⁠ールバ⁠ーのゴミ箱アイコンをクリ⁠ックします⁠。詳しい手順については⁠、「⁠ブロ⁠ックの削除⁠」をご参照ください⁠。

備考

バ⁠ージ⁠ョン7⁠.0では⁠、[⁠保存⁠] をクリ⁠ックする前にペ⁠ージに対するすべての編集をキ⁠ャンセルしないと⁠、この操作を元に戻すことはできません⁠。

テキスト ブロ⁠ックを削除できない場合は⁠、プレ⁠ースホルダ⁠ー テキスト ブロ⁠ックである可能性があります⁠。詳細については⁠、次のセクシ⁠ョンをご参照ください⁠。

プレ⁠ースホルダ⁠ー テキスト ブロ⁠ック

プレ⁠ースホルダ⁠ー テキスト ブロ⁠ックは⁠、コンテンツ エリアが空の場合⁠、ブロ⁠ックを追加できる場所に表示されます⁠。たとえば⁠、白紙ペ⁠ージを作成した場合⁠、ペ⁠ージの編集を開始するとテキスト ブロ⁠ックが表示されます⁠。

コンテンツを追加するまでこれらのブロ⁠ックは削除できませんが⁠、空のプレ⁠ースホルダ⁠ー ブロ⁠ックによ⁠ってペ⁠ージにパデ⁠ィングが追加されたり⁠、訪問者に表示されたりということはありません⁠。

エラ⁠ー メ⁠ッセ⁠ージ⁠: コンテンツの保存中にエラ⁠ーが検出されました⁠。再度お試しください⁠。

既存のコレクシ⁠ョン アイテムからコンテンツを削除すると⁠、保存時にこのエラ⁠ーが表示されることがあります⁠。このエラ⁠ーは⁠、コンテンツが失われないようにするためのものです⁠。エラ⁠ーを防ぎ⁠、正常に保存するには⁠、コンテンツ エリアにスペ⁠ース調整ブロ⁠ックを追加します⁠。このエラ⁠ーは⁠、ブログ投稿⁠、イベントの説明⁠、商品の追加情報に表示される可能性があります⁠。

よくある質問

フ⁠ォントを変更するにはどうすれば良いですか⁠?

サイト スタイルでフ⁠ォントの種類とサイズを変更できます⁠。詳細については⁠、「⁠フ⁠ォントを変更する⁠」をご参照ください⁠。

キ⁠ーボ⁠ード シ⁠ョ⁠ートカ⁠ットはありますか⁠?

はい⁠。完全なリストについては⁠、「⁠Squarespaceのキ⁠ーボ⁠ード シ⁠ョ⁠ートカ⁠ットとヒント⁠」をご参照ください⁠。

テキストに下線を引くことはできますか⁠?

バ⁠ージ⁠ョン7⁠.1のサイトでは⁠、テキスト ブロ⁠ック内のテキストにスタイル設定した下線をテキストのハイライトで追加できます⁠。

それ以外の場合⁠、テキスト ブロ⁠ックはテキスト ツ⁠ールバ⁠ーを使用してテキストに適用した下線をサポ⁠ートしません⁠。そのため⁠、サイトのバ⁠ージ⁠ョンに応じて⁠、キ⁠ーボ⁠ード シ⁠ョ⁠ートカ⁠ットまたはサイトのスタイル微調整オプシ⁠ョンを使用して下線を追加してください⁠。

詳細については⁠、「⁠テキストの書式設定⁠」をご覧ください⁠。

テキストのスタイルを異なる色にすることはできますか⁠?

バ⁠ージ⁠ョン7⁠.1のテキスト ブロ⁠ックでは⁠、個⁠々の文字⁠、単語⁠、または文章を異なる色でスタイル設定できます⁠。テキスト ブロ⁠ック ツ⁠ールバ⁠ーのカラ⁠ー アイコンを使用して⁠、サイト全体のパレ⁠ットから色を選択するか⁠、カスタム カラ⁠ーを選択します⁠。テキスト ブロ⁠ックのツ⁠ールバ⁠ーで選択した色で⁠、そのセクシ⁠ョン テ⁠ーマのテキストの色が上書きされます⁠。詳しくは⁠、「⁠テキストのスタイル設定⁠」をご覧ください⁠。

バ⁠ージ⁠ョン7⁠.0のテキスト ブロ⁠ックでは⁠、すべてのサイト テキストは⁠、サイト スタイルでそのグル⁠ープに対して選択された色と一致します⁠。これを上書きできるのは⁠、カスタムCSSを使用するか⁠、テキスト ブロ⁠ックの代わりにマ⁠ークダウン ブロ⁠ックまたはコ⁠ード ブロ⁠ックを使用する場合のみです⁠。こうした高度な変更はサポ⁠ートされていません⁠。詳細については⁠、「⁠カスタム コ⁠ードをサイトへ追加する⁠」をご参照ください⁠。

テキスト ブロ⁠ックに異なる背景色を付けることはできますか⁠?

はい⁠。バ⁠ージ⁠ョン7⁠.1サイトでは⁠、テキスト ブロ⁠ックに背景色を追加できます⁠。バ⁠ージ⁠ョン7⁠.0サイトでは⁠、テキスト ブロ⁠ックに固有の背景色の設定がありません⁠。これを作成する最良の方法は⁠、単色の画像を含むポスタ⁠ー画像ブロ⁠ックを使用することです⁠。

テキスト ブロ⁠ックに画像を追加できますか⁠?

はい⁠。創造エデ⁠ィタ⁠ーでは⁠、テキスト ブロ⁠ックを画像の上に直接配置できます⁠。クラシ⁠ック エデ⁠ィタ⁠ーでは⁠、画像ブロ⁠ックをテキスト ブロ⁠ックにフロ⁠ーテ⁠ィングさせることで⁠、画像の周囲でテキストを折り返すことができます⁠。

一部のテキストが他のテキストと異なる表示になるのはなぜですか⁠?

これは⁠、テキストをコピ⁠ーしてテキスト ブロ⁠ックに貼り付けたことが原因と思われます⁠。詳細については⁠、「⁠テキストの書式設定を修正する⁠」をご参照ください⁠。

テキスト ブロ⁠ックが結合されるのはなぜですか⁠?

クラシ⁠ック エデ⁠ィタ⁠ーでは⁠、縦に積み重ねられた2つ以上のテキスト ブロ⁠ックは常に1つに結合されます⁠。これを防ぐには⁠、各テキスト ブロ⁠ックをスペ⁠ース調整ブロ⁠ックまたは線ブロ⁠ックで区切ります⁠。

水平方向に隣り合⁠って配置されたテキスト ブロ⁠ックは結合されません⁠。各テキスト ブロ⁠ック間にスペ⁠ース調整ブロ⁠ックを使用して列間にスペ⁠ースを作ることもできます⁠。詳細については⁠、「⁠ブロ⁠ックを移動してレイアウトをカスタマイズする⁠」をご参照ください⁠。

テキスト ブロ⁠ックの中に無意味な単語があるのはなぜですか⁠?

一部のテンプレ⁠ートには⁠、デモ コンテンツに「⁠Lorem Ipsum⁠」というテキストが含まれています⁠。これは⁠、サイト レイアウトでテキストがどのように表示されるかを示すためのプレ⁠ースホルダ⁠ー テキストです⁠。テキストを編集したり⁠、テキスト ブロ⁠ック全体を削除したりできます⁠。

テキスト ブロ⁠ックのスペルチ⁠ェ⁠ックはできますか⁠?

Squarespaceにはスペル チ⁠ェ⁠ッカ⁠ーが組み込まれていませんが⁠、サポ⁠ートされているブラウザ⁠ーにスペル チ⁠ェ⁠ッカ⁠ーが搭載されています⁠。ブラウザ⁠ーのスペルチ⁠ェ⁠ッカ⁠ーを有効にすると⁠、ペ⁠ージやブログ投稿のテキスト ブロ⁠ックを編集しているときに⁠、スペルミスのある単語や文法上の誤りを特定できます⁠。ブラウザ⁠ーのスペルチ⁠ェ⁠ッカ⁠ーに関する詳しい情報は⁠、こちらをご覧ください⁠。

また⁠、サイトに追加する前に⁠、編集プログラムでテキストのスペル チ⁠ェ⁠ックを行うという方法もあります⁠。別のプログラムからテキストをコピ⁠ーして貼り付けると⁠、書式設定が引き継がれる可能性があるため⁠、「⁠テキストの書式設定を修正する⁠」を参照して問題を回避することをおすすめします⁠。

 

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

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

  • Squarespace Expertを雇う

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