WordPressの記事にHTMLを使ってPDFを埋め込む方法
WordPressの記事やページにPDFを埋め込むには、様々なプラグインがありますが、すべての場合においてそれらが必要なわけではありません。HTMLを使えば、プラグインなしでPDFを記事に埋め込むことが可能です。以下にその手順をご紹介します。
1. PDFをアップロードする
まず、WordPressのメディアライブラリにPDFをアップロードします。
ダッシュボードから「メディア」＞「新規追加」を選択し、アップロードするPDFファイルを選びます。
2. PDFのURLをコピーする
次に、アップロードしたPDFのURLを取得します。メディアライブラリでPDFを選択し、右側に表示される詳細情報から「ファイルのURL」をコピーします。
3. HTMLコードを作成する
次に、以下のようなHTMLコードを作成します。このコードは、PDFを表示するためのiframeタグを使用します。
<iframe src="ここにPDFのURLをペースト" width="100%" height="500px">
<p>ブラウザがiframeをサポートしていない場合、
<a href="ここにPDFのURLをペースト">ここをクリック</a>してPDFを表示してください。
</p>
</iframe>ここで、src属性には先ほどコピーしたPDFのURLをペーストします。また、widthとheight属性はPDFの表示サイズを指定します。必要に応じてこれらの値を調整してください。
4. WordPressの記事にHTMLコードを挿入する
最後に、このHTMLコードをWordPressの記事に挿入します。記事の編集画面で「テキスト」モードを選択し、適切な位置にHTMLコードを貼り付けます。その後、「ビジュアル」モードに切り替えて、PDFが正しく表示されることを確認します。
以上が、HTMLだけを使ってWordPressの記事にPDFを埋め込む手順です。プラグインをインストールすることなく、直接HTMLを使ってPDFを表示することが可能です。ただし、この方法はPDF全体を表示する場合に適しており、特定のページだけを表示する場合などは、適切なプラグインの使用を検討してください。
