Issuuを使用して、Squarespaceサイトに.pdfファイルを埋め込むことができます。これは、履歴書、作品サンプル、その他の文書を表示するのに最適なオプションです。

このガイドには、コア、プラス、アドバンス、ビジネス、コマース ベーシック、コマース アドバンスの各プランで利用できるコード ブロックに高度なコードを追加する手順が含まれています。詳細については、「適切なSquarespaceプランを選択する」をご覧ください。

The ability to embed content is only available on Issuu's paid plans.

Step 1 - Upload files to Issuu

To upload files:

1. Log into your Issuu account or create a new account.
2. 左のナビゲーションメニューで [Upload (アップロード)] をクリックします。
3. ファイルをボックスにドラッグ&ドロップするか、アップロードの方法をクリックしてファイルをアップロードします。

Issuuにファイルをアップロードすると、[Publications (出版物)] に表示されます。さらに詳しいヘルプが必要な場合は、Issuuの資料をご覧ください。

Step 2 - Get your Issuu code

埋め込み可能なコードを取得するには、次の手順に従ってください。

1. Issuuの左のナビゲーションで、[Publications (出版物)] をクリックします。
2. 埋め込む出版物をクリックします。
3. 左のナビゲーションの [Share (共有)]で、[Embed on Website (Webサイトに埋め込む)] をクリックします。

4. ファイルの外観をカスタマイズするページが開きます。ファイルのカスタマイズが完了したら、[Get Embed Code (埋め込みコードを取得)] をクリックします。
5. Copy the code from the pop-up message that appears.

さらに詳しいヘルプが必要な場合は、Issuuの資料をご覧ください。

Step 3 - Add the code to your Squarespace site

1. Squarespaceサイトにログインします。
2. Open the editor for the page or post where you'd like to display your file.
3. 挿入箇所をクリックし、ブロック メニューから [コード] をクリックします。
4. Issuuコードをコード ブロックに貼り付けます。
   
   
5. アップロードされたファイルではなく、コード ブロックに「スクリプトは無効です」というメッセージが表示されます。このメッセージはお客様のみに対して表示されるもので、訪問者には表示されません。編集するためにサイトにログインしている場合、カスタム コードはレンダリングされません。埋め込まれたファイルを確認するには、ログアウト中またはプライベート ブラウザーでページを表示します。
6. [保存] をクリックして変更した内容を公開します。

Step 4 - Preview the .pdf

To see the embedded file, view the page while logged out or in a private browser.

You can also click the Issuu file to view the .pdf in a full-screen lightbox. Learn more in Issuu's documentation.

Troubleshooting file display issues

• Issuuの.pdfファイルはインデックス ページ内からは表示されません。この問題を解決するには、Issuuの [iFrame (インライン フレーム)] オプションを使用します。
• Issuu .pdfs may not display properly on templates with Ajax loading.

備考: このコードベースのカスタマイズは、弊社のサポート範囲外です。つまり、セットアップやトラブルシューティングに関し、これ以上は当社よりサポートを提供することができません。さらに、これはコードベースのソリューションであるため、その機能性やSquarespaceとの完全な互換性は保証されません。これには、Squarespaceのレスポンシブ デザインにおける当該ソリューションの機能性 (特にモバイル端末上での外観) や、すべてのテンプレートでソリューションが機能するかどうかが含まれます。コードベースのカスタマイズは、当社プラットフォームの今後の更新時に、表示に関連する問題を引き起こす可能性もあります。当社はこれ以上サポートを提供できかねますが、次のように、お客様が問題解決のために参照できるリソースが多数あります。

• カスタム コードを追加するためのベスト プラクティスを確認してください。
• 「コードベースのカスタマイズに関する基本ガイド」をお読みください。
• For help with Issuu's embedding options, visit their documentation.
• 当社のお客様と開発者のフォーラムであるSquarespace Forumをご覧ください。
• Squarespace Expertを雇い、ご自分のサイト用のカスタム コードの作成を依頼しましょう。

Do more with .pdfs

Squarespace has a few built-in options for adding .pdf files to your site:

• テキスト リンクをクリックしてファイルを開く方法 -「テキスト リンクを作成する」をご覧ください。
• 画像をクリックしてファイルを開く方法 -「クリックスルーURLを使用する」をご覧ください。