メインコンテンツにスキップ

WP Media Folder: PDF を埋め込む

ダウンロード リンクを提供するだけでなく、PDF ファイルをコンテンツ内に直接埋め込むことができ、他の WordPress コンテンツと一緒に表示できるようになります。 Gutenberg を使用してファイルを挿入すると、埋め込まれた PDF に完全なプレビューが表示されます。 さらに、この機能は複数のページにわたるナビゲーションをサポートし、さまざまな画面サイズに応答するように設計されています。

 

PDF埋め込み

 

このようにして、ダウンロード リンクの代わりに PDF ドキュメントが表示されます。

Amazon S3の使用時にPDFを埋め込む

Amazon S3 を使用している場合は、コンテンツに PDF ファイルを埋め込むように少し設定する必要があります。 以下の手順に従ってください。

まず、AWS コンソールに移動し、S3 設定エリアを見つけます。 その後、アセットの保存に使用しているバケットを選択し、 「権限」タブを選択します。

 

pdf-permission

 

[クロスオリジン リソース共有 (CORS) ]セクションまで下にスクロールし、 [編集]ボタンをクリックします。 AWS は、正しく動作するデフォルトの JSON 設定を提供します。

[
{
"AllowedHeaders": [
"認可"
]、
"AllowedMethods": [
"GET"、
"HEAD"
]、
"AllowedOrigins": [
"*"
]、
"ExposeHeaders": []、
"MaxAgeSeconds": 3000
}
]

ただし、セキュリティ上の理由から、自分の WordPress サイトのドメインへのアクセスを制限したい場合があります。

[
{
"AllowedHeaders":["Authorization"],
"AllowedMethods":["GET",”HEAD"
],
"AllowedOrigins":[
"https://www.your-site.com/",
"https:/ /your-site.com/"
]、
"MaxAgeSeconds": 3000
}
]

 

pdf-config

 

上記の JSON コードをテキスト領域に貼り付ける必要があります。 「変更を保存」をクリックしてください。これで、PDF ファイルをコンテンツに埋め込むことができます。 幸運を！