プロジェクトを整理して紹介できるさまざまなサブページで構成されるポートフォリオを作成します。

ポートフォリオ ページを使用して、訪問者をプロジェクトと呼ばれるサブページにリンクする定型化されたランディング ページを作成します。これは、ギャラリー、プロジェクト、ポートフォリオのハイライト、その他のコンテンツを1か所で整理して紹介するのに最適な方法です。

このガイドはバージョン7.1用です。バージョン7.0で同様の効果を得るには、グリッド インデックス ページのあるテンプレートを使用するか、アイキャッチ画像ナビゲーションを作成します。Squarespaceアプリでは、新しいポートフォリオ ページの追加やプロジェクトの編集はできません。

動画を見る

ポートフォリオ ページを追加する

ポートフォリオ ページを追加する方法は以下の通りです。

1. [ページ] パネルを開き、ページを追加するナビゲーション セクションの横にある [+] をクリックします。
2. メニューで [ポートフォリオ] をクリックし、レイアウトを選択します。これは後で変更できます。
3. ページ タイトルを入力し、Enterを押します。
4. [編集] をクリックし、鉛筆アイコンをクリックしてセクションのスタイルを設定します。
5. [+] をクリックしてプロジェクトを追加するか、既存のプロジェクトをクリックしてから [編集] をクリックして独自のコンテンツを追加します。
6. さらにプロジェクトを追加および編集してポートフォリオ ページを完成させます。

ポートフォリオ ページのポートフォリオ セクションにブロックを追加することはできませんが、ポートフォリオ セクションの上または下にブロック セクションを追加することはできます。

ポートフォリオ ページのレイアウト

次のポートフォリオ ページのレイアウトのいずれかを選択します。

• グリッド: シンプル - アイキャッチ画像をグリッド レイアウトに配置します。各プロジェクトのタイトル テキストが画像の下に表示されます。
• グリッド: オーバーレイ - アイキャッチ画像をグリッド レイアウトに配置します。各プロジェクトのタイトル テキストが画像にオーバーレイします。
• ホバー: 背景 - プロジェクトのタイトルを縦並びレイアウトまたはインライン レイアウトで表示します。タイトルにカーソルを合わせると、プロジェクトのアイキャッチ画像がセクションの背景に置き換わります。
• ホバー: 固定 - プロジェクトのタイトルを縦並びレイアウトまたはインライン レイアウトで表示します。タイトルにカーソルを合わせると、プロジェクトのアイキャッチ画像がセクション内の固定位置に小さく表示されます。
• ホバー: カーソルに追従 - プロジェクトのタイトルを縦並びレイアウトまたはインライン レイアウトで表示します。タイトルにカーソルを合わせると、プロジェクトのアイキャッチ画像が小さく表示され、カーソルの移動に合わせて表示されます。

レイアウトを変更する方法は以下の通りです。

1. ポートフォリオ ページで [編集] をクリックします。
2. ポートフォリオ セクションにカーソルを合わせ、鉛筆アイコンをクリックします。
3. [形式] タブで、[レイアウト] ドロップダウン メニューを使用して、目的のレイアウトを選択します。各レイアウトには独自のスタイル オプションがあります。
4. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

プロジェクトを追加する

プロジェクトは、ポートフォリオのコンテンツを追加する場所です。プロジェクトはポートフォリオ ページに画像またはリンクとして表示され、訪問者はそのリンクをクリックしてプロジェクトを開きます。

プロジェクトを使用して、作業やプロジェクトを整理します。たとえば、あなたが写真家なら、プロジェクトを使って画像を分類できます。グラフィック デザイナーであれば、プロジェクトを使用して様々なクライアントに対して制作した作品を紹介できます。

プロジェクトを追加する方法は次の通りです。

1. ページ パネルで、ポートフォリオ ページをクリックして [+] をクリックします。
2. レイアウトを選択するか、[空のプロジェクトを追加] をクリックします。
3. プロジェクト設定の [一般] タブで、アイキャッチ画像とタイトルを追加し、URLスラッグを編集します。訪問者がプロジェクトの内容を理解できるよう、プロジェクトにタイトルをつけます。
4. [SEO] をクリックして、[SEOタイトル] と [SEO用の説明] を追加します。
5. [ソーシャル画像] をクリックして、代替のソーシャル共有画像を追加します。
6. [保存] をクリックしてプロジェクトを作成します。
7. プロジェクトで [編集] をクリックしてコンテンツを追加します。
8. [保存] をクリックして変更した内容を公開します。

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

• ポートフォリオ ページには最大60件のプロジェクトを追加できます。
• 現在、ポートフォリオ ページ間でプロジェクトを移動することはできません。
• ポートフォリオ以外のプロジェクトを独立したページにすることはできません。プロジェクトは、ブログ ページのブログ投稿と同様に、メインとなるポートフォリオ コレクション ページに従属するコレクション アイテムです。
• ポートフォリオのプロジェクトを個別にパスワードで保護したり、無効にしたり、検索エンジンの結果から非表示にしたりすることはできません。ポートフォリオのプロジェクトを一時的に非表示にするには、ポートフォリオ ページ全体をパスワードで保護するか、無効にします。

プロジェクトにコンテンツを追加する

ポートフォリオ プロジェクトはページ セクションから構築されます。つまり、レイアウト ページに追加できるあらゆる種類のコンテンツと、ポートフォリオ プロジェクトにも追加できます。ポートフォリオ プロジェクトにコンテンツを追加および編集する方法は次の通りです。

1. プロジェクトをクリックし、[編集] をクリックします。
2. 既存のセクションのコンテンツを編集するか、[セクションを追加] をクリックして新しいセクションを追加します。

次のセクション タイプを追加できます。それぞれ異なる方法でコンテンツを追加できます。

• ブロック セクション - テキスト、画像、商品、地図、フォーム、サードパーティー統合などを含むコンテンツのブロックを追加します。このページ セクションには、最も多用途なコンテンツを含めることができます。
• ギャラリー セクション - さまざまなレイアウトのキャプションを付けられる画像のギャラリーを追加します。これらは、写真やグラフィック デザイン プロジェクト、その他のビジュアル アートを紹介する場合に最適です。[セクションを追加] をクリックした後、[画像] をクリックしてギャラリー セクションを検索してください。
• 自動レイアウト - 画像、テキスト、ボタン リンクのセットを追加します。[セクションを追加] をクリックした後、右上隅に [i] アイコンが付いたレイアウトをクリックすると自動レイアウトを追加できます。これらは、より多くのテキストや他のプロジェクトへのリンクを含む画像を紹介する場合に最適です。

必要に応じて、複数のセクションとセクション タイプを各プロジェクトに追加してください。

ページ分割

ポートフォリオ プロジェクトには、ページの下部にポートフォリオ内の次および前のプロジェクトへのページ分割リンクが表示されます。これらを非表示にすることはできません。ページ分割のフォントと色を設定する方法については、「ポートフォリオ ページのスタイル設定」をご参照ください。

アイキャッチ画像を追加、編集、または削除する

プロジェクトのアイキャッチ画像をいつでも変更できます。デモ画像を置き換えたり、空白のプロジェクトに画像を追加するには、以下の手順に従ってください。

1. [ページ] パネルで、ポートフォリオ ページをクリックします。
2. 左側のパネルで、プロジェクトにカーソルを合わせて [...] をクリックし、[設定] をクリックします。
3. デモ画像や以前に追加した画像を削除する場合は、まず [画像を削除] をクリックします。
4. コンピューターから画像を追加するには、[画像] をクリックします。
5. 画像を編集するには、[画像エディター] をクリックします。
6. 変更を加えたら、[保存] をクリックします。

プロジェクトを並べ替える

ポートフォリオ ページの順序を並べ替えるには、サイド パネルのプロジェクトをクリックしてドラッグします。

プロジェクト設定を編集する

プロジェクトの一般設定、SEO設定、ソーシャル設定を編集する方法は次の通りです。

1. [ページ] パネルで、[ポートフォリオ ページ] をクリックします。
2. サイド パネルでプロジェクトにカーソルを合わせます。
3. [...] をクリックし、次に [設定] をクリックします。
4. [保存] をクリックして変更した内容を公開します。

プロジェクトを削除する

プロジェクトを削除する方法は次の通りです。

1. [ページ] パネルで、ポートフォリオ ページをクリックします。
2. サイドパネルのプロジェクトにカーソルを合わせます
3. [...] をクリックし、[削除] をクリックして、[確認] をクリックします。この操作は元に戻せません。

ポートフォリオ セクション全体をページから削除することはできません。詳細については、「コレクション ページのセクション」をご参照ください。