メインコンテンツへ移動

WP Media Folder:PDF を埋め込む

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

 

pdf埋め込み

 

この方法では、ダウンロード リンクの代わりに PDF ドキュメントが表示されます。.

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

Amazon S3 をご利用の場合、コンテンツに PDF ファイルを埋め込むには少し設定が必要です。以下の手順に従ってください。.

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

 

pdf-許可

 

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

[
    {
        "AllowedHeaders": [
            "Authorization"
        ],
        "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ファイルをコンテンツに埋め込むことができます。頑張ってください!