(jQuery)PDFファイルをページ内で表示させたかったWordPress内で、PDFファイルを埋め込むプラグインがあればイイナーと公式のプラグイン検索で探していたのですが、プレビューがうまくされなかったり、埋め込みが結構手間だったりと、なかなか良いプラグインを見つけることができませんでした。立ち上がり、PDFが表示される。...という動作をしていましたが、最近は(PC端末に限りますが)ブラウザ自体がPDF閲覧機能を標準で搭載しているものも増えてきているようなので、以下の様なスクリプトを考えてみました。);});});このJavaScriptをページ内に読み込んでおけば、WordPressの編集画面で普通に「メディアを追加」でPDFファイルを貼り付けてページを開いたときに、自動的にPDFファイルのリンクの属性値を拾ってobjectタグで埋め込んでくれます。※埋め込む場所は、PDFファイルを埋め込んだ位置の上部になります。部分は、PDFを自動的にobjectタグで埋め込むスクリプトが検出する範囲を指定しています。使用するWordPressのテーマに合わせて修正してください。今回は、投稿内容を表示させている領域にid=”post”を設定していて、その領域中に埋め込まれているaタグを探す様にしています。.each()を使用しているのは、PDFファイルがページ内に複数存在した場合を考慮しているためです。);.before()の中身は、PDFファイルを埋め込むobjectタグを構成しています。width、height属性はお好みで構いません。classはcssで装飾する場合は任意で付けてください。便利にしてみるまた、PDFファイルを自動埋め込みにするだけではなく、ちょっとしたガイドや、自動的にアイコンを付けたりクリック時に新しいウィンドウで開く機能を追加させると以下の様になります。target="_blank">https://get.adobe.com/jp/reader/</a></span>PDFファイルが閲覧できない場合は、バナーからプラグインをインストールし、下記リンクからPDFファイルをダウンロードしてご覧ください。target="_blank">https://get.adobe.com/jp/reader/</a></span>PDFファイルが閲覧できない場合は、バナーからプラグインをインストールし、下記リンクからPDFファイルをダウンロードしてご覧ください。);});});補足になりますが以下の行は、そのままだと全てのPDFファイルに対して埋め込み行為を行ってしまうため、埋め込みを行いたくないファイルがあった場合のことを考慮して、pdf_no_embeddedというclassを付けることで埋め込みを回避するようにしています。...上記スクリプトの動作サンプルは、下記を参照してください。Explorerは、objectタグ内でAdobeのアドオンを使用してプレビューされている感じでした。いずれにしろ、ページを開いたらobjectタグ内でPDFの中身が確認できる状態で確認できました。ひと昔なら色々jsライブラリーなど必要だったかもしれませんが、旧ブラウザ環境を意識しなければ現在はこれくらいの対応でも問題ないような気がします(適当)。冒頭にWordPress内で...と言っていますが、只のjQueryスクリプトですので非WordPressなhtmlでも動作します。https://weblabyrinth.net北海道旭川市でweb関係のお仕事をしています。AMはじまして、トトロと申します。wordpress内にPDFを埋め込みたいと言う事で、色々なプラグインを試してもうまくいかず、こちらのサイトに行き着いたのですが、私、プログラミング的な事の知識は全くない人間でして、以下のコードをどこにペーストすればいいのか分かりません。お手数なのですが、ご教示頂けませんでしょうか?お忙しいところ誠に恐縮ですが、何卒よろしくお願い申し上げます。AMトトロさんこんにちは。内にコードを設置するとスクリプトが適用されます。当スクリプトはjQueryを使用しているので、WordPressがjQueryを読み込む行より後の位置にコードを設置しなければなりません。上に設置してみてください。することで、当スクリプトが動くようになるはずです。いうファイルをリンクさせてますので、その中に当スクリプトが書かれています。外部ファイルで梱包するより、直接htmlファイル内に書いた方がサンプルとしては解りやすかったかもしれませんね。PMソースを変更してhtml内に直接スクリプトを記述してみました。htmlソース最下部にあるスクリプトが対象のコードとなります。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。