投稿またはページにPDFファイルを埋め込む場合があります。

  • 本の著者は読者に無料のコピーを提供したいと思うかもしれません。
  • Webサイトに製品カタログを追加します。
  • 作成した作品をPDF形式で顧客と共有するため。
  • 旅行代理店を経営しており、観光パッケージの旅程を表示したい場合があります。

しかし問題がある ! 

WordPressではオーディオ、ビデオ、そしてもちろん画像を埋め込むことができますが、投稿やページにPDFファイルを埋め込むことはできません。 この機能は現在利用できません。将来的に追加される可能性があります。

PDFファイルを追加する場合は、オプションを使用してファイルをアップロードできます メディアを追加する, それを挿入すると、このファイルへのリンクがページに追加されます。 そしてあなたの訪問者はあなたのウェブサイトを離れるときそれをダウンロードするか、ウェブブラウザでファイルを見ることができます。

しかし、もしあなたがあなたの記事にPDFファイルを埋め込み、あなたの訪問者があなたのウェブサイトを離れることなくそれを見ることができるようにしたいとしたらどうでしょう? これに対する解決策はありますか?

短い答えは OUI

そこで、この投稿では、WordPressの投稿やページにPDFファイルを埋め込む方法を紹介します。 開始する前に、PDFエディターを使用して、適切にフォーマットされたきちんとしたPDFドキュメントを作成する必要があります。 その後、プラグインを使用して、または使用せずに記事に追加する準備ができます。 

しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。

プラグインでPDFファイルを追加する方法

WordPress投稿にPDFファイルを追加するために使用できるプラグインはたくさんあります。

ただし、 WordPress PDF Embedderプラグイン. これは WordPressのプラグイン WordPress プラグイン ディレクトリで無料で入手できます。 このプラグインの最も優れた点は、サード パーティのサービスや iframe ではなく、javascript を使用して機能することです。

ステップ1:Embedder PDFプラグインをインストールする

WordPressダッシュボードにログインし、メニューに移動します 拡張機能>追加 検索 PDFエンベッダ 検索ボックスに。 プラグインを見つけたら、インストールしてアクティブ化するだけです。 WordPressプラグインのインストール方法に関するステップバイステップガイドもご覧ください。

Wordpress pdf embedderblogpascherプラグインのインストール

ステップ2:プラグインを設定する

このプラグインをインストールすると、PDFファイルの埋め込みを開始できますが、まず設定を変更して、それらを最新の外観にすることができます。 これを行うには、  [設定]> [PDFを埋め込む] WordPressダッシュボードの左側のサイドバーから。

パラメータ設定pdfembedder blogpascher

このプラグインの無料バージョンでは、以下を変更できます。

  • 幅と高さ -PDFビューアの幅と高さを変更できます。 整数値(ピクセル単位)または マックス (幅100%)。
  • バーの場所 ツール-このPDFビューアのツールバーを使用すると、閲覧者はズームインしたり、戻ったりして次のページや前のページに移動したりできます。 ツールバーは上、下、またはその両方に配置できます。
  • ツールバーにカーソルを合わせる -ドキュメントをマウスでホバーしたときにのみツールバーを表示するかどうかを選択できます。

これが普遍的な設定です。 しかし、特定のファイルの設定を変更したい場合はどうでしょうか? まあ、ショートコードの助けを借りてそれを行うことができます。 次に例を示します。

[pdf-embedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf»width =" 500 "ツールバー '"トップ "toolbarfixed"オン "]

上記の例では、幅は500pxに設定され、ツールバーの位置は上部に設定され、ツールバーは固定されます。 下部にツールバー、最後に固定ツールバーを設定することもできます。

このプラグインには、ダウンロードボタン、表示カウンターとダウンロードカウンター、継続的なページスクロール、新しいウィンドウで開くリンクなどの機能を提供するプレミアムバージョンもあります。

ステップ3:投稿またはページにPDFファイルを埋め込む

設定が完了したら、作業を開始できます。 これで、クラシックエディターとGutenbergエディターのどちらを使用している場合でも、このプラグインを簡単に使用して目的の結果を得ることができます。

あなたが使用している場合 クラシックエディターPDFファイルの埋め込みは、画像やビデオの場合と同じです。

まず、新しい投稿を作成するか、既存の投稿を開いてから、ボタンをクリックします メディアを追加します。PDFファイルをアップロードし、ボタンの[挿入]をクリックします 出版、 ショートコードが投稿に追加されます。

古典的なワードプレスエディターblogpascherメディアを追加する方法

これで、投稿をプレビューして、このプラグインが正しく機能しているかどうかを確認できます。

どうですか グーテンベルクエディター ? そうですね、Embedder PDFプラグインには特定のブロックが付属しています。 新しいパブリケーションを作成し、アイコンをクリックしてください ブロックを追加。 次に、ブロックを見つけます 埋め込みPDF それを選択します。

gutenbergblogpascherワードプレスエディターを追加する方法

最後に、ブロックをクリックしてPDFファイルを選択(またはダウンロード)すると、作業が完了します。

使用するエディタに関係なく、これが最終結果です。

ビューアを表示するpdfembedder blogpascher

いくつかの人気のあるPDFビューアプラグイン

WordPressのプラグイン PDF Embedder は良い仕事をします。いくつかの代替手段があることは常に良いことです。 それでは、いくつかを共有しましょう WordPressのプラグイン  保険料 PDFビューア、順不同:

1。 DK PDF Generator

投稿のPDFバージョンを作成し、共有コミュニティで共有することは、 交通管理.

DK PDFジェネレーター

Le WordPressのプラグイン プレミアム DK PDF ジェネレーターを使用すると、ページ、投稿、および PDF として共有またはダウンロードできるカスタム投稿タイプを簡単に選択できます。

の記事をご覧ください 30物事は自分の公開後、あなたのブログの記事に行うには

これらを使用すると、PDFファイルに表紙と目次(インタラクティブリンク付き)を追加することもできます。

ダウンロード | デモ | ウェブホスティング

2。 WooCommerceのためのPDF製品カタログ

これはWooCommerceの非常に便利なプレミアムWordPressプラグインであり、オンラインストアから製品の完全なリストをPDF形式でダウンロードするのに役立ちます。

ワードプレス用のPDFビューア

このプラグインにはXNUMXつのデフォルトのPDFテンプレートが付属していますが、シンプルなHTMLとCSSを使用して、ニーズに応じて独自のテンプレートを作成できます。

私たちも読んでください お使いの製品カタログを管理するための9 WordPressのプラグイン

また、PDFダウンロードボタンを任意の記事またはページに追加するためのショートコード作成および挿入オプションも提供します。

ダウンロード | デモ | ウェブホスティング

3。 WordPressのソーシャル共有とpdfプラグインへの投稿ページの印刷

このプレミアムWordPressプラグインは終了します 排他的なWordPressソーシャル共有プラグイン、最もシンプルで、デモを参照するとわかる優れた機能で最適化されています。 ソーシャルネットワーク上でのブログ投稿やWebページの完全な共有、PDF形式でのダウンロードなどの多くの機能を提供します。

WordPressソーシャル共有とPDFプラグインへのページ印刷の投稿

このWordPressプラグインを使用すると、Webサイトの訪問者をソーシャルメディアアカウントに簡単にリダイレクトし、 プレゼンスを高める これらについて。

ダウンロード | デモ | ウェブホスティング

プラグインなしでPDFファイルを追加する方法

さて、あなたがまだプラグインフリーのソリューションを探している人の一人なら、このセクションはあなたのためです。 さらに別のプラグインをインストールしなくても、WordPressの投稿やページにPDFファイルを確実に追加できます。

アイデアは簡単です。PDFファイルをGoogleドライブアカウントにアップロードし、iframeコードを使用してこのファイルをウェブサイトに埋め込む必要があります。 この方法は安全ですが、唯一の問題はiframeを使用することです。

ステップ1 :に行く Googleドライブ アカウントにサインインします(取得するにはGmailアカウントにサインアップする必要があります) 無料で 15 GBの容量)。

ステップ2 :WordPress投稿に埋め込むPDFファイルをアップロードします。 これを行うには、 ヌーヴォー Googleドライブアカウントの左側のサイドバーにある ファイルのインポートをクリックします コンピュータからファイルをアップロードします。

ファイルをインポートするgoogledrive blogpascher

ステップ3 :ファイルがGoogleドライブにアップロードされたら、ファイルをダブルクリックしてプレビューします。 次に、右上隅にある3つの縦のドット(その他のアクション)をクリックして、 新しいウィンドウで開く.

新しいウィンドウを開くgoogledrive blogpascher

ステップ4 :新しいウィンドウで、[その他のアクション]( 垂直3点 右上隅)と クリック シェア.

Googleドライブblogpascher

ステップ5 :「人やグループと共有する」および「リンクを取得する」というポップアップが開きます。 ここをクリック リンクを知っている全員に編集 「リンクを取得」セクション。 これは、PDFファイルのリンクを知っている全員が表示できるようにするためです。 そうしないと、ファイルは非公開になり、Webサイトの視聴者には表示されません。

人々のグループを共有するblogpascher

次の確認が表示されます。

リンクを取得するgoogledrive blogpascher

完了したら、をクリックします 仕上がりました.

ステップ6 :投稿で使用する埋め込みコードを取得する時です。 これを取得するには、もう一度クリックします その他のアクション、sélectionnez 要素を統合する.

要素を統合するgoogledrive blogpascher 1

ステップ7 :これにより、iframeコードをコピーできるポップアップウィンドウが開きます。

Googleドライブのコピーコードの統合

ステップ8 :WordPressダッシュボードに移動し、PDFファイルを埋め込む投稿またはページを作成または編集します。 使用する場合 クラシックエディター、[テキスト]タブに移動してコードを貼り付けるだけです。

クラシックエディタコードblogpascherを貼り付けます

以下のために グーテンベルクエディター、新しいブロックを追加し、カスタムhtmlを検索し、最後にカスタムHTMLブロックにiframeコードを追加する必要があります。

パーソナライズされたhtml挿入gutenbergエディターblogpascher

ステップ9 :それだけです。投稿またはページをプレビューして、PDFファイルを確認してください。

要約

WordPressではPDFファイルを添付できますが、埋め込むことはできません。 ただし、このチュートリアルはこの問題を修正します。 WordPressプラグインを使用して、または使用せずに、画像やビデオのようにPDFファイルを投稿やページに埋め込む方法を示しています。

プレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

1。 バックアップと復元

バックアップと復元 あなたを助けるプレミアムWordPressプラグインです ウェブサイトのバックアップをスケジュールする ローカルサーバー、またはDropbox、Googleドライブ、Amazon S3などの異なるクラウドサーバーへ。 そのため、ワンクリックで既存の復元ポイントからデータベースを含むWebサイトを復元できます。

バックアップと復元

ウェブサイト、データベース、すべてのバックアップをダウンロードすることも可能です。 このプラグインは、バックアップと復元のプロセスを簡単、安全、かつ信頼性の高い方法で管理するのにも役立ちます。

その機能には、Webサイトの完全バックアップ、Amazon S3バックアップ、Googleドライブ、 ドロップボックス、ディスクスペースマネージャー、古いバックアップの自動削除、Webサイトの完全な復元、 マルチサイトのサポート等...

ダウンロード | デモ | ウェブホスティング

2.黄色の鉛筆:ビジュアルCSSスタイルエディター

イエローペンシルは、あらゆるテーマで使用できるビジュアルスタイルエディターで、ウェブサイトを数分でパーソナライズできます(フォント、色、アニメーションなど)。YellowpencilビジュアルCSSスタイルエディタープラグインワードプレス

このプレミアムWordPressプラグインは、CSSスタイルを作成します 背景 ゲームのように色で遊んでいる間、初心者と経験豊富なユーザーの両方のために設計されました。

私たちも発見 5プラグイン WordPress 通知を表示する

コーディングの知識は必要ありません。 ただし、WordPressプラグインには、コーディングが好きな人のための優れたCSSエディターがあります。 このエディターを使用してライブでコーディングし、CSSをカスタマイズできます。

ダウンロード | デモ | ウェブホスティング

3. Quack Chatライブチャットシステム

クワックチャットは WordPress プラグイン ウェブサイトと簡単に統合し、顧客に使いやすいインターフェースを提供するプレミアム。 これは、任意のコンピューターまたはモバイル デバイスから使用できるオンライン チャットです。

ワードプレスのクックチャットライブヘルプサポートシステム

とりわけ提供する機能として: メッセージまたは電子メールを介したインスタント通知のサポート、可聴通知システム、チャットの自動アーカイブ(履歴)、ユーザーフレンドリーなコントロールパネル、カスタマイズ可能なチャットウィンドウ、自動でカスタマイズ可能なグリーティングメッセージ、 チャットページでの自動スクロールのサポート 等...

ダウンロード | デモ | ウェブホスティング

推奨リソース

ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。

まとめ

ここに ! このチュートリアルは以上です。 この記事がWordPressへのPDFファイルの埋め込みに役立つことを願っていますすることを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにさらに要素が必要な場合は、 WordPressブログの作成。

提案や意見がある場合は、セクションに残してください commentaires.

...