{"id":1258302,"date":"2023-12-14T16:17:41","date_gmt":"2023-12-14T16:17:41","guid":{"rendered":"https:\/\/rankmath.com\/?p=1258302"},"modified":"2025-09-18T02:40:32","modified_gmt":"2025-09-18T02:40:32","slug":"embed-pdf-in-wordpress","status":"publish","type":"post","link":"https:\/\/rankmath.com\/ja\/blog\/embed-pdf-in-wordpress\/","title":{"rendered":"WordPress \u306b PDF \u3092\u7c21\u5358\u306b\u57cb\u3081\u8fbc\u3080\u65b9\u6cd5"},"content":{"rendered":"<p>If you want to share a PDF on your WordPress site, like a product catalog, eBook, form, or case study, you don\u2019t have to make visitors download it and open it separately. <\/p>\n\n\n\n<p>Instead, you can embed the PDF right inside your posts or pages. This makes your content more interactive, user-friendly, and professional. <\/p>\n\n\n\n<p>In this post, you\u2019ll learn simple ways to embed a PDF in WordPress without any technical hassle.<\/p>\n\n\n\n<p>Let\u2019s get started.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div id=\"toc\">\n    <h2>\u76ee\u6b21<\/h2>\n    <ol>\n        <li><a href=\"#why-to-embed-a-pdf\">Why Embed a PDF in WordPress<\/a><\/li>\n        <li><a href=\"#methods-to-embed-a-pdf\">Methods to Embed a PDF in WordPress<\/a>\n            <ul>\n                <li><a href=\"#embed-a-pdf-without-plugin\">Embed a PDF  in WordPress Without a Plugin <\/a><\/li>\n                <li><a href=\"#embed-a-plugin-using-a-plugin\">Embed a PDF Using a Plugin<\/a><\/li>\n                <li><a href=\"#using-google-drive\">Embed a PDF in WordPress Using Google Drive<\/a><\/li>\n                \n            <\/ul>\n        <\/li>\n        <li><a href=\"#conclusion\">\u7d50\u8ad6<\/a><\/li>\n    <\/ol>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-to-embed-a-pdf\"><span class=\"number\">1<\/span>  Why Embed a PDF in WordPress<\/h2>\n\n\n\n<p>When you embed a PDF in WordPress, you make your site easier to use and more professional. Instead of forcing visitors to download files, they can view your content directly on the page.<\/p>\n\n\n\n<p>Here\u2019s how it helps you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Better user experience<\/strong>: Readers access information instantly without extra steps.<\/li>\n\n\n\n<li><strong>Consistent branding<\/strong>: Your PDFs blend smoothly with your site\u2019s design.<\/li>\n\n\n\n<li><strong>Practical examples<\/strong>: Share product catalogs on product pages or course materials on class pages.<\/li>\n\n\n\n<li><strong>Less clutter<\/strong>: Visitors don\u2019t have to deal with unnecessary downloads.<\/li>\n\n\n\n<li><strong>SEO benefits<\/strong>: <a href=\"https:\/\/developers.google.com\/search\/blog\/2011\/09\/pdfs-in-google-search-results\" target=\"_blank\" rel=\"noopener\">Search engines can index your embedded content<\/a>, improving visibility.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"methods-to-embed-a-pdf\"><span class=\"number\">2<\/span>  Methods to Embed a PDF in WordPress<\/h2>\n\n\n\n<p>Let us now discuss the various methods to embed a PDF into your WordPress site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"embed-a-pdf-without-plugin\"><span class=\"number\">2.1<\/span>  Embed a PDF  in WordPress Without a Plugin <\/h3>\n\n\n\n<p>The simplest way to embed a PDF in WordPress is by using the <strong>File block<\/strong> in the Gutenberg editor.<\/p>\n\n\n\n<p>To add a PDF using this method, navigate to your post where you wish to add a PDF file, add a new block by clicking the <strong>+<\/strong> sign, and select the <strong>File<\/strong> block, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1012\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/click-file-scaled.jpg\" alt=\"Embed a PDF using File block\" class=\"wp-image-1418616\" \/><\/figure>\n\n\n\n<p>\u30af\u30ea\u30c3\u30af <strong>Media Library<\/strong> button if your PDF is already in the WordPress media library. From there, you can easily select the<strong> <\/strong>PDF you wish to embed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1792\" height=\"1046\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/upload-pdf-file.jpeg\" alt=\"Upload PDF file\" class=\"wp-image-1258328\" \/><\/figure>\n\n\n\n<p>If the PDF hasn&#8217;t been uploaded yet, click on <strong>Upload<\/strong> and proceed to choose the file directly from your computer.<\/p>\n\n\n\n<p>Select the PDF file you wish to insert and click on the <strong>Select<\/strong> button, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1244\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/select-pdf-file-scaled.jpg\" alt=\"select pdf\" class=\"wp-image-1418621\" \/><\/figure>\n\n\n\n<p>Gutenberg will automatically handle the embedding process once you&#8217;ve selected the PDF file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1129\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/file-uploaded-scaled.jpg\" alt=\"PDF file inserted\" class=\"wp-image-1418619\" \/><\/figure>\n\n\n\n<p>Furthermore, Gutenberg provides a range of customization options to refine the appearance and functionality of the embedded PDF. <\/p>\n\n\n\n<p>You can directly adjust settings such as alignment, size, and linking preferences within the editor. The File block in Gutenberg allows for effortless resizing, enabling you to control the dimensions of the embedded PDF to align appropriately with the overall design of the content. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1139\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/pdf-settings-scaled.jpg\" alt=\"PDF File settings\" class=\"wp-image-1418623\" \/><\/figure>\n\n\n\n<p>Additionally, linking options allow you to decide whether the embedded PDF should be linked to the media file or an attachment page.<\/p>\n\n\n\n<p>By default, WordPress displays a <strong>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 <\/strong>icon in the toolbar and a button beneath the PDF. If you enable the <strong>Show download button <\/strong>\u306e\u30aa\u30d7\u30b7\u30e7\u30f3 <strong>\u8a2d\u5b9a<\/strong> tab, it will appear at the bottom of the PDF file. Your website visitors can simply click on it to download the PDF file automatically.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1505\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/show-download-button-scaled.jpg\" alt=\"Download PDF file\" class=\"wp-image-1418625\" \/><\/figure>\n\n\n\n<p>Once you&#8217;re happy with the changes, click the <strong>Publish\/Save<\/strong> button to save your changes. You can then visit your site and see the PDF added to your site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1480\" height=\"1414\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/pdf-file-on-site.jpg\" alt=\"PDF file added\" class=\"wp-image-1418627\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"embed-a-plugin-using-a-plugin\"><span class=\"number\">2.2<\/span>  Embed a PDF Using a Plugin<\/h3>\n\n\n\n<p>WordPress offers a variety of plugins designed to enhance the functionality of embedding PDFs. Among these, the <a href=\"https:\/\/wordpress.org\/plugins\/embedpress\/\" target=\"_blank\" rel=\"noopener\">\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30b9<\/a> plugin stands out as a versatile solution for easy PDF integration. <\/p>\n\n\n\n<p>At first, you&#8217;ll have to install and activate the EmbedPress plugin on your WordPress website.<\/p>\n\n\n\n<p class=\"takeaway\">Refer to our dedicated tutorial on <a href=\"https:\/\/rankmath.com\/blog\/how-to-install-wordpress-plugin\/\">installing and activating the plugin<\/a> in WordPress.<\/p>\n\n\n\n<p>Once the plugin is installed and activated, navigate to the post-editing screen and search for the EmbedPress PDF block, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2322\" height=\"1136\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/insert-embedpress-pdf.jpg\" alt=\"Insert EmbedPress block\" class=\"wp-image-1418630\" \/><\/figure>\n\n\n\n<p>\u6b21\u306b\u3001 <strong>Media Library<\/strong> option to add your PDF from the Media Library.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1836\" height=\"1020\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/click-media-library-option.jpg\" alt=\"Click the Media Library option\" class=\"wp-image-1418632\" \/><\/figure>\n\n\n\n<p>Choose the PDF file and click the <strong>Select<\/strong> button to add it to your post.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1247\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/select-pdf-1-scaled.jpg\" alt=\"Choose the PDF file\" class=\"wp-image-1418637\" \/><\/figure>\n\n\n\n<p>Your PDF will be added to your post within no time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1201\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/pdf-added-embedpress-scaled.jpg\" alt=\"PDF added using EmbedPress plugin\" class=\"wp-image-1418639\" \/><\/figure>\n\n\n\n<p>You&#8217;ll find Document Controls in the Settings tab, offering various options like Presentation mode, Add text, Properties, Rotation, and more. This tab also allows you to specify the PDF&#8217;s shareability and other settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"955\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/document-controls-scaled.jpg\" alt=\"EmbedPress settings\" class=\"wp-image-1418641\" \/><\/figure>\n\n\n\n<p>Once you&#8217;ve modified the PDF settings to your preferences, just click the <strong>Save\/Publish<\/strong> button to make it live on your site.<\/p>\n\n\n\n<p>It&#8217;s worth noting that the EmbedPress plugin offers broader customization possibilities compared to the default WordPress File block.<\/p>\n\n\n\n<p>Moreover, the EmbedPress plugin integrates with the Elementor plugin, facilitating easy embedding of PDFs into your Elementor-powered pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-google-drive\"><span class=\"number\">2.3<\/span>  Embed a PDF in WordPress Using Google Drive<\/h3>\n\n\n\n<p>To embed a PDF using Google Drive, begin by uploading the PDF document to your Google Drive account. <\/p>\n\n\n\n<p>Once uploaded, right-click on the PDF file, select the <strong>\u5171\u6709<\/strong> option, and set the visibility to <strong>Anyone with the link.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1462\" height=\"1046\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/change-access.jpeg\" alt=\"Change the access\" class=\"wp-image-1258390\" \/><\/figure>\n\n\n\n<p>This ensures that the PDF is accessible for embedding. <\/p>\n\n\n\n<p>Next, click again on the three dots in your PDF preview and select&nbsp;<strong>Open in new window<\/strong> \u30aa\u30d7\u30b7\u30e7\u30f3\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1170\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/open-in-new-window-scaled.jpeg\" alt=\"Select Open in new window option\" class=\"wp-image-1258391\" \/><\/figure>\n\n\n\n<p>Once the PDF opens in a new window, click on the three vertical dots in the upper right corner and select <strong>Embed item<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1235\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/embed-item-scaled.jpeg\" alt=\"Select Embed item\" class=\"wp-image-1258393\" \/><\/figure>\n\n\n\n<p>Google Drive will generate an HTML code snippet. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1706\" height=\"1090\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/copy-the-code.jpeg\" alt=\"Copy the code snippet\" class=\"wp-image-1258406\" \/><\/figure>\n\n\n\n<p>Copy this code and navigate to the WordPress post or page where you want to embed the PDF. <\/p>\n\n\n\n<p>Add a Custom HTML block in the Gutenberg editor and paste the code, as shown below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2480\" height=\"978\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/paste-the-code.jpg\" alt=\"Paste the code in Gutenberg editor\" class=\"wp-image-1418643\" \/><\/figure>\n\n\n\n<p>In the Classic editor, simply paste the code in the text editor, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2532\" height=\"808\" src=\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/12\/paste-the-code-classic-editor.jpeg\" alt=\"Paste the code in Classic editor\" class=\"wp-image-1258411\" \/><\/figure>\n\n\n\n<p>The embedded PDF will now be displayed upon publishing or updating the post\/page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span class=\"number\">3<\/span>  \u7d50\u8ad6<\/h2>\n\n\n\n<p>Embedding PDFs in WordPress is a simple way to make your site more useful and engaging. You can choose the built-in Gutenberg editor for a quick solution or use a plugin for more advanced features; it all depends on what works best for your content and your audience.<\/p>\n\n\n\n<p>By embedding PDFs, you keep your site professional, improve the user experience, and make your documents easier to access. <\/p>\n\n\n\n<p>Start experimenting with the method that fits your needs, and you\u2019ll quickly see how easy it is to share PDFs on your WordPress site.<\/p>\n\n\n\n<p>Have you been able to embed your PDF files in WordPress? If so, let us know by <a href=\"https:\/\/twitter.com\/rankmathseo\" target=\"_blank\" rel=\"noopener\">@rankmathseo \u3092\u30c4\u30a4\u30fc\u30c8\u3057\u307e\u3059\u3002<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>If you want to share a PDF on your WordPress site, like a product catalog, eBook, form, or case study, you don\u2019t have to make visitors download it and open it separately. Instead, you can embed the PDF right inside your posts or pages. This makes your content more interactive, user-friendly, and professional. In this post, you\u2019ll learn simple ways to embed a PDF in WordPress without any technical hassle. Let\u2019s get started.<\/p>","protected":false},"author":37,"featured_media":1258768,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[136],"tags":[],"class_list":{"0":"post-1258302","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wp-tutorials"},"_links":{"self":[{"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/posts\/1258302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/comments?post=1258302"}],"version-history":[{"count":5,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/posts\/1258302\/revisions"}],"predecessor-version":[{"id":1603576,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/posts\/1258302\/revisions\/1603576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/media\/1258768"}],"wp:attachment":[{"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/media?parent=1258302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/categories?post=1258302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rankmath.com\/ja\/wp-json\/wp\/v2\/tags?post=1258302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}