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

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

動画を見る

始める前に

• テキスト ブロックを使用して、サイトのコンテンツ領域にテキストを追加します。サイトの他の領域では、別の手段でテキストを追加することもできます。テキスト ブロックを追加できる場所と追加できない場所のリストについては、「ブロックを使用してコンテンツを追加する」をご参照ください。
• 特定の権限を持つサイト所有者と作成者のみがテキスト ブロックにテキストを入力できます。訪問者が入力して送信できるテキスト フィールドを追加するには、フォーム ブロックを使用します。
• 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にはスペル チェッカーが組み込まれていませんが、サポートされているブラウザーにスペル チェッカーが搭載されています。ブラウザーのスペルチェッカーを有効にすると、ページやブログ投稿のテキスト ブロックを編集しているときに、スペルミスのある単語や文法上の誤りを特定できます。ブラウザーのスペルチェッカーに関する詳しい情報は、こちらをご覧ください。

• Firefoxのスペル チェッカー
• Chromeのスペル チェッカー

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