Aboutページの作成

貴社自身⁠、貴社のビジネス⁠、プロジ⁠ェクトに関する情報を訪問者と共有します⁠。

最終更新日 2024年8月23日

Aboutペ⁠ージは⁠、ほとんどすべてのプロフ⁠ェ⁠ッシ⁠ョナル サイトの定番であり⁠、訪問者に貴社や貴社のビジネスに関する重要な情報を伝えることができます⁠。このガイドには⁠、SquarespaceサイトにAboutペ⁠ージを追加するためのヒントが含まれています⁠。

動画を見る

レイアウトを使用する

次の手順に従い⁠、Aboutレイアウトで新しいペ⁠ージを追加し⁠、プレ⁠ースホルダ⁠ー ブロ⁠ックを独自のコンテンツに置き換えます⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開いて⁠⁠、+アイコンをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠ペ⁠⁠ージ⁠⁠] メニ⁠⁠ュ⁠⁠ーで⁠⁠、[⁠⁠ペ⁠⁠ージ レイアウトをクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠About⁠⁠] をクリ⁠⁠ックして⁠⁠、レイアウト オプシ⁠⁠ョンを選択します⁠⁠。
  4. ペ⁠⁠ージのタイトル (⁠⁠Aboutなど⁠⁠) を追加し⁠⁠、Enterを押します⁠⁠。これは後で変更できます⁠⁠。
  5. 左上隅の [⁠⁠編集⁠⁠] をクリ⁠⁠ックしてペ⁠⁠ージ エデ⁠⁠ィタ⁠⁠ーを開きます⁠⁠。
  6. 各種ブロ⁠⁠ックをクリ⁠⁠ックし⁠⁠、鉛筆アイコンをクリ⁠⁠ックすると⁠⁠、プレ⁠⁠ースホルダ⁠⁠ーのコンテンツを独自のものに置き換えることができます⁠⁠。新しいブロ⁠⁠ックを追加してレイアウトを拡張することもできます⁠⁠。さらに詳しいヘルプが必要な場合は⁠⁠、「⁠⁠レイアウト ペ⁠⁠ージ⁠⁠」を参照してください⁠⁠。
  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開いて⁠⁠、[⁠⁠+⁠⁠] アイコンをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠新しいペ⁠⁠ージを作成⁠⁠] メニ⁠⁠ュ⁠⁠ーで⁠⁠、[⁠⁠About⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. レイアウト オプシ⁠⁠ョンを選択します⁠⁠。
  4. ペ⁠⁠ージのタイトル (⁠⁠例⁠⁠: Aboutなど⁠⁠) を入力し⁠⁠、Enterを押します⁠⁠。これは後で変更できます⁠⁠。
  5. プレ⁠⁠ースホルダ⁠⁠ー ブロ⁠⁠ックを含む新しいペ⁠⁠ージが開きます⁠⁠。ペ⁠⁠ージの上にカ⁠⁠ーソルを合わせ⁠⁠、[⁠⁠編集⁠⁠] をクリ⁠⁠ックしてペ⁠⁠ージ エデ⁠⁠ィタ⁠⁠ーを開きます⁠⁠。
  6. 各種ブロ⁠⁠ックをクリ⁠⁠ックし⁠⁠、[⁠⁠編集⁠⁠] をクリ⁠⁠ックすると⁠⁠、プレ⁠⁠ースホルダ⁠⁠ーのコンテンツを独自のものに置き換えることができます⁠⁠。新しいブロ⁠⁠ックを追加してレイアウトを拡張することもできます⁠⁠。さらに詳しいヘルプが必要な場合は⁠⁠、「⁠⁠レイアウト ペ⁠⁠ージ⁠⁠」を参照してください⁠⁠。
AboutLayout.png

Aboutペ⁠ージを最初から作成するには⁠、ペ⁠ージ メニ⁠ュ⁠ーで [⁠空白⁠] レイアウトを選択します⁠。次に⁠、ブロ⁠ックを追加し⁠、画像⁠、テキスト⁠、その他のコンテンツを使用してペ⁠ージをカスタマイズします⁠。

Aboutレイアウトには何が含まれていますか⁠?

Aboutレイアウトでは⁠、次のいくつかの組み合わせがあります⁠。

表示されるブロ⁠ックはプレ⁠ースホルダ⁠ーです⁠。テキスト ブロ⁠ックをクリ⁠ックすると編集できます⁠。他のブロ⁠ックをクリ⁠ックし⁠、鉛筆アイコンもしくは [⁠編集⁠] クリ⁠ックして独自のコンテンツを追加します⁠。

AboutLayoutBlocks.png

プロフ⁠ィ⁠ールや経歴を追加する

プロフ⁠ィ⁠ール⁠、会社概要⁠、もしくは経歴をAboutペ⁠ージに追加するには⁠、テキスト ブロ⁠ックを編集します⁠。テキストの書式を設定して⁠、見出し⁠、本文⁠、箇条書きなどを追加できます⁠。

EditTextBlock.png

テキストと画像を組み合わせる

顔写真⁠、チ⁠ームの写真⁠、その他の視覚的要素を追加するには⁠、画像ブロ⁠ックを編集もしくは追加します⁠。これらの画像をテキスト ブロ⁠ックと組み合わせたり⁠、フロ⁠ーテ⁠ィング画像をテキストで包むなど独自のレイアウトを作成したりすることもできます⁠。サイトのバ⁠ージ⁠ョンが7⁠.1の場合は⁠、事前に配置された画像とテキストのセ⁠ットの自動レイアウト セクシ⁠ョンを追加します⁠。

EditImageBlock.png

ソ⁠ーシ⁠ャル プロフ⁠ィ⁠ールにリンクする

一部のAboutレイアウトには⁠、ソ⁠ーシ⁠ャル リンク ブロ⁠ックが含まれています⁠。Facebook⁠、Instagram⁠、Pinterest⁠、その他のソ⁠ーシ⁠ャル プロフ⁠ィ⁠ールにリンクするアイコンやボタンを追加するには⁠、ソ⁠ーシ⁠ャル リンク ブロ⁠ックを編集します⁠。

アカウントが接続されていない場合は⁠、プレ⁠ースホルダ⁠ー ブロ⁠ックの周りに赤いボ⁠ックスが表示されます⁠。訪問者にはこれらは表示されません⁠。

Screen_Shot_2019-03-19_at_3.25.29_PM.png 

レイアウトを拡張する

お客様の声を追加する

他のテキストより目立たせたいクライアントからの言葉を表示するには⁠、引用ブロ⁠ックを追加します⁠。

KB Guide Image

クライアントもしくは既存顧客を追加する

既存のクライアントや顧客のロゴを表示するには⁠、ギ⁠ャラリ⁠ー セクシ⁠ョン (⁠バ⁠ージ⁠ョン7⁠.1の場合⁠) もしくはグリ⁠ッド ギ⁠ャラリ⁠ー ブロ⁠ック (⁠バ⁠ージ⁠ョン7⁠.0の場合⁠) を追加します⁠。クリ⁠ックスル⁠ーURLを使用して⁠、各ロゴをクライアントのWebサイトにリンクさせることができます⁠。

KB Guide Image

レイアウトを並べ替える

ブロ⁠ックの追加または編集が終了したら⁠、ブロ⁠ックをペ⁠ージ上にドラ⁠ッグ&ドロ⁠ップしてカスタム レイアウトを作成します⁠。[⁠保存⁠] をクリ⁠ックして変更した内容を公開します⁠。

ブロ⁠ックを移動する方法については⁠、「⁠ブロ⁠ックを移動してレイアウトをカスタマイズする⁠」を参照してください⁠。

次のステ⁠ップ

Aboutペ⁠ージを保存した後⁠、次のことを行うことができます⁠。

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

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

  • Squarespace Expertを雇う

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