.pdfなどのファイルやExcelスプレッドシート、Googleドライブのファイルを埋め込み、サイトに直接表示できます。

サードパーティーのコードを埋め込むことで、.pdfファイル、Excelファイル、PowerPointプレゼンテーション、Googleドライブ ファイルをサイトに追加できます。このガイドでは、いくつかの一般的なサービスと方法の手順を説明しています。

注: ファイルを埋め込むと、小型のブラウザーやモバイル端末でのサイトのレスポンシブ デザインに影響する場合があります。コード ブロックを使用してファイルをiframeに埋め込む機能はプレミアム機能です。すべてのコードベースのカスタマイズとコードの変更は、Squarespaceサポートの範囲外です。

ヒント: ダウンロード可能なファイルをサイトに追加するには、代わりにファイル リンクを使用します。

.pdfファイル

Issuuを使用して、.pdfをSquarespaceサイトに埋め込みます。

ExcelとPowerPoint

ExcelまたはPowerPointファイルを表示するには、Microsoft OneDriveアカウントが必要です。OneDriveにはここからサインアップできます。

1. OneDriveを開きます。
2. ExcelまたはPowerPointドキュメントをアップロードします。ヘルプが必要な場合は、ドキュメントを参照してください。
3. OneDriveで、[Files (ファイル)] ページを開きます。
4. Windowsではドキュメントを右クリック (MacではControlキーを押しながらクリック) し、[埋め込み] をクリックします。

5. [Generate (生成)] をクリックします。
6. 埋め込みコードボックスからコードをコピーします。

7. Squarespaceで、ファイルを配置するページまたは投稿のエディターを開きます。
8. 挿入箇所をクリックしてコード ブロックを追加します。
9. 埋め込みコードをコード ブロックに貼り付けます。
10. [Save (保存)] をクリックして変更した内容を公開します。

ヒント: 表示サイズを変更するには、埋め込みコードの「高さ」と「幅」の数値を調整してください。

注: ExcelおよびPowerPointファイルの埋め込みの詳細については、Microsoftのガイドをご参照ください。

Googleドライブ (旧Googleドキュメント)

Googleドライブでドキュメントを作成した後、次の手順に従います。

1. Googleドライブでドキュメントを開きます。
2. [File (ファイル)] をクリックします。
3. [Publish to the web (Webに公開)] を選択します。

4. [Publish (公開)] をクリックします。
5. [Embed (埋め込み)] タブのコードをコピーします。

6. Squarespaceで、ファイルを配置するページまたは投稿のエディターを開きます。
7. 挿入箇所をクリックしてコード ブロックを追加します。
8. 埋め込みコードをコード ブロックに貼り付けます。
9. [Save (保存)] をクリックして変更した内容を公開します。

ドキュメントのサイズ変更に関するヒント

Googleドライブの埋め込みコードには、スライド プレゼンテーションのコードのように、"height"と"width"の寸法が含まれているものがあります。これらの数値を調整して、表示サイズを調整します。

ドキュメントやスプレッドシートなどの他のファイルの埋め込みコードでは、高さと幅のサイズは指定されません。埋め込みコードのURLの後に次のコード スニペットを追加することで、高さと幅を設定できます。

height="600px" width="100%"

数値が"600px" 以下の場合に高さが変更されます。幅を調整するには、スペース調整ブロックを使用します。幅を100%に設定すると、ドキュメントがその列の幅いっぱいに表示されるよう調整されます。

すべてのコード変更と同様、これはSquarespaceサポートの範囲外です。

注: Googleドライブ ファイルの埋め込みと編集権限の設定の詳細については、Googleのドキュメントをご参照ください。

その他のヘルプ

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

• カスタム コードを追加するためのベスト プラクティスについて学びましょう。
• 「サードパーティーのカスタマイズに関する基本ガイド」をお読みください。
• 当社の顧客および開発者用コミュニティであるSquarespace Forumをご覧ください。
• Squarespace Expertを雇い、ご自分のサイト用のカスタム コードの作成を依頼しましょう。