{"id":1672,"date":"2018-01-20T20:15:00","date_gmt":"2018-01-20T20:15:00","guid":{"rendered":"https:\/\/knight.domains\/support\/?p=1672"},"modified":"2022-07-22T20:22:48","modified_gmt":"2022-07-22T20:22:48","slug":"displaying-a-pdf-on-your-wordpress-site","status":"publish","type":"post","link":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/","title":{"rendered":"Displaying a PDF on Your WordPress Site"},"content":{"rendered":"\n<p>Have you ever had the need to display a PDF on your website? There are two ways you can go about doing this. If you simply want to embed a PDF, you can use the built in file block in WordPress\u2019s Gutenberg editor. What if you\u2019d rather display your PDF as a book with the ability to flip its pages? Luckily, in the world of plugins, there is one for you! Click on which way you\u2019d like to display your PDF below to view the instructions<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"#embed-pdf\">Embed PDF<\/a>&nbsp;||&nbsp;<a href=\"#pdf-book\">View PDF as Book<\/a><\/h4>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"embed-pdf\">Embed PDF<\/h2>\n\n\n\n<p>While you are editing a page or post, click on the blue plus button in the upper lefthand corner.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/techbar.knight.domains\/domains\/displaying-a-pdf-on-your-wordpress-site\/#\"><img decoding=\"async\" src=\"https:\/\/techbar.knight.domains\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-12.37.08-PM-1024x339.png\" alt=\"\" class=\"wp-image-2460\"\/><\/a><\/figure>\n\n\n\n<p>Search for file and click on it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/techbar.knight.domains\/domains\/displaying-a-pdf-on-your-wordpress-site\/#\"><img decoding=\"async\" src=\"https:\/\/techbar.knight.domains\/wp-content\/uploads\/2021\/02\/Screen-Shot-2022-07-18-at-12.37.38-PM.png\" alt=\"\" class=\"wp-image-2461\"\/><\/a><\/figure>\n\n\n\n<p>You can add a PDF from your computer or WordPress Media Library.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/techbar.knight.domains\/domains\/displaying-a-pdf-on-your-wordpress-site\/#\"><img decoding=\"async\" src=\"https:\/\/techbar.knight.domains\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-12.37.50-PM-1024x259.png\" alt=\"\" class=\"wp-image-2462\"\/><\/a><\/figure>\n\n\n\n<p>Once you select a PDF, it will look like this:<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/knight.domains\/support\/wp-content\/uploads\/2022\/07\/Tech-Bar-Brand-Identity_Draft4.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of Embed of Tech Bar Brand Identity_Draft4..\"><\/object><a id=\"wp-block-file--media-86393d4d-ad23-4d9a-aa26-6bd5d7889da0\" href=\"https:\/\/knight.domains\/support\/wp-content\/uploads\/2022\/07\/Tech-Bar-Brand-Identity_Draft4.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Tech Bar Brand Identity_Draft4<\/a><a href=\"https:\/\/knight.domains\/support\/wp-content\/uploads\/2022\/07\/Tech-Bar-Brand-Identity_Draft4.pdf\" class=\"wp-block-file__button\" download aria-describedby=\"wp-block-file--media-86393d4d-ad23-4d9a-aa26-6bd5d7889da0\">Download<\/a><\/div>\n\n\n\n<p>The block has some further settings to customize it as well in the right panel.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/techbar.knight.domains\/domains\/displaying-a-pdf-on-your-wordpress-site\/#\"><img decoding=\"async\" src=\"https:\/\/techbar.knight.domains\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-12.36.30-PM-516x1024.png\" alt=\"\" class=\"wp-image-2463\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pdf-book\">View PDF as a Book<\/h2>\n\n\n\n<p>Luckily, in the world of plugins, there is one for you! There are a few different 3D Flipbook plugins, but my favorite is&nbsp;<strong>DearFlip \u2013 WordPress 3D Flipbook, PDF Flipbook<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/blog.annickarabida.com\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-22-at-11.05.02-AM.png\"><img decoding=\"async\" src=\"https:\/\/blog.annickarabida.com\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-22-at-11.05.02-AM.png\" alt=\"\" class=\"wp-image-350\"\/><\/a><\/figure>\n\n\n\n<p>This plugin successfully displays your PDF as a flipbook. There is a full version, but I have found the free version has enough customizable features to my liking. I personally liked how you could change the background color and disable the flip sounds. The navigation bar on bottom of the PDF is also very clean. Below is an example of the plugin in action.<\/p>\n\n\n<div class=\"_df_book df-lite\" id=\"df_1675\"  data-title=\"\" _slug=\"1675\" wpoptions=\"true\" thumbtype=\"bg\" ><p class=\"df-raw-loading\">Please wait while flipbook is loading. For more related info, FAQs and issues please refer to <a href=\"https:\/\/wordpress.org\/plugins\/3d-flipbook-dflip-lite\/#installation\">DearFlip WordPress Flipbook Plugin Help<\/a> documentation.<\/p><\/div><script class=\"df-shortcode-script\" type=\"application\/javascript\">window.option_df_1675 = {\"outline\":[],\"backgroundColor\":\"#FFFFFF\",\"forceFit\":\"true\",\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"soundEnable\":\"false\",\"source\":\"https:\\\/\\\/knight.domains\\\/support\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Tech-Bar-Brand-Identity_Draft4.pdf\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<p>Please wait while flipbook is loading. For more related info, FAQs and issues please refer to&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/3d-flipbook-dflip-lite\/#installation\">DearFlip WordPress Flipbook Plugin Help<\/a>&nbsp;documentation.<\/p>\n\n\n\n<p>The icons at the bottom of the PDF allow you to flip tot he next page, toggle thumbnails, zoom in and zoom out, enter full screen, share the PDF, and access more features such as downloading it.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><em>Originally written by Annicka Rabida on&nbsp;<a href=\"https:\/\/blog.annickarabida.com\/techbar\/how-to-embed-your-social-media-feed-in-wordpress\/\">https:\/\/blog.annickarabida.com<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever had the need to display a PDF on your website? There are two ways you can go about doing this. If you simply want to embed a PDF, you can use the built in file block in WordPress\u2019s Gutenberg editor. What if you\u2019d rather display your PDF as a book with the&hellip;&nbsp;<a href=\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Displaying a PDF on Your WordPress Site<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[7,21,15],"tags":[],"class_list":["post-1672","post","type-post","status-publish","format-standard","hentry","category-applications","category-learn","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Displaying a PDF on Your WordPress Site - Knight Domains Support<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Displaying a PDF on Your WordPress Site - Knight Domains Support\" \/>\n<meta property=\"og:description\" content=\"Have you ever had the need to display a PDF on your website? There are two ways you can go about doing this. If you simply want to embed a PDF, you can use the built in file block in WordPress\u2019s Gutenberg editor. What if you\u2019d rather display your PDF as a book with the&hellip;&nbsp;Read More &raquo;Displaying a PDF on Your WordPress Site\" \/>\n<meta property=\"og:url\" content=\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Knight Domains Support\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-20T20:15:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-22T20:22:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techbar.knight.domains\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-12.37.08-PM-1024x339.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/knight.domains\/support\/#\/schema\/person\/97fce710c22c2ab77084638feca7a7b3\"},\"headline\":\"Displaying a PDF on Your WordPress Site\",\"datePublished\":\"2018-01-20T20:15:00+00:00\",\"dateModified\":\"2022-07-22T20:22:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\"},\"wordCount\":349,\"publisher\":{\"@id\":\"https:\/\/knight.domains\/support\/#organization\"},\"articleSection\":[\"Applications\",\"Learn\",\"Wordpress\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\",\"url\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\",\"name\":\"Displaying a PDF on Your WordPress Site - Knight Domains Support\",\"isPartOf\":{\"@id\":\"https:\/\/knight.domains\/support\/#website\"},\"datePublished\":\"2018-01-20T20:15:00+00:00\",\"dateModified\":\"2022-07-22T20:22:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/knight.domains\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Displaying a PDF on Your WordPress Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/knight.domains\/support\/#website\",\"url\":\"https:\/\/knight.domains\/support\/\",\"name\":\"Knight Domains Support\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/knight.domains\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/knight.domains\/support\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/knight.domains\/support\/#organization\",\"name\":\"Knight Domains Support\",\"url\":\"https:\/\/knight.domains\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/knight.domains\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/knight.domains\/support\/wp-content\/uploads\/2020\/08\/cropped-norbyKDC_noText.png\",\"contentUrl\":\"https:\/\/knight.domains\/support\/wp-content\/uploads\/2020\/08\/cropped-norbyKDC_noText.png\",\"width\":1200,\"height\":950,\"caption\":\"Knight Domains Support\"},\"image\":{\"@id\":\"https:\/\/knight.domains\/support\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/knight.domains\/support\/#\/schema\/person\/97fce710c22c2ab77084638feca7a7b3\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/knight.domains\/support\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/14485561fe5f6aa0e0fa6f4fec288e998230a44741f270a510ea9621f2d9cfb6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/14485561fe5f6aa0e0fa6f4fec288e998230a44741f270a510ea9621f2d9cfb6?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/knight.domains\/support\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Displaying a PDF on Your WordPress Site - Knight Domains Support","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/","og_locale":"en_US","og_type":"article","og_title":"Displaying a PDF on Your WordPress Site - Knight Domains Support","og_description":"Have you ever had the need to display a PDF on your website? There are two ways you can go about doing this. If you simply want to embed a PDF, you can use the built in file block in WordPress\u2019s Gutenberg editor. What if you\u2019d rather display your PDF as a book with the&hellip;&nbsp;Read More &raquo;Displaying a PDF on Your WordPress Site","og_url":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/","og_site_name":"Knight Domains Support","article_published_time":"2018-01-20T20:15:00+00:00","article_modified_time":"2022-07-22T20:22:48+00:00","og_image":[{"url":"https:\/\/techbar.knight.domains\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-12.37.08-PM-1024x339.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/#article","isPartOf":{"@id":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/"},"author":{"name":"admin","@id":"https:\/\/knight.domains\/support\/#\/schema\/person\/97fce710c22c2ab77084638feca7a7b3"},"headline":"Displaying a PDF on Your WordPress Site","datePublished":"2018-01-20T20:15:00+00:00","dateModified":"2022-07-22T20:22:48+00:00","mainEntityOfPage":{"@id":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/"},"wordCount":349,"publisher":{"@id":"https:\/\/knight.domains\/support\/#organization"},"articleSection":["Applications","Learn","Wordpress"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/","url":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/","name":"Displaying a PDF on Your WordPress Site - Knight Domains Support","isPartOf":{"@id":"https:\/\/knight.domains\/support\/#website"},"datePublished":"2018-01-20T20:15:00+00:00","dateModified":"2022-07-22T20:22:48+00:00","breadcrumb":{"@id":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/knight.domains\/support\/displaying-a-pdf-on-your-wordpress-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/knight.domains\/support\/"},{"@type":"ListItem","position":2,"name":"Displaying a PDF on Your WordPress Site"}]},{"@type":"WebSite","@id":"https:\/\/knight.domains\/support\/#website","url":"https:\/\/knight.domains\/support\/","name":"Knight Domains Support","description":"","publisher":{"@id":"https:\/\/knight.domains\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/knight.domains\/support\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/knight.domains\/support\/#organization","name":"Knight Domains Support","url":"https:\/\/knight.domains\/support\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/knight.domains\/support\/#\/schema\/logo\/image\/","url":"https:\/\/knight.domains\/support\/wp-content\/uploads\/2020\/08\/cropped-norbyKDC_noText.png","contentUrl":"https:\/\/knight.domains\/support\/wp-content\/uploads\/2020\/08\/cropped-norbyKDC_noText.png","width":1200,"height":950,"caption":"Knight Domains Support"},"image":{"@id":"https:\/\/knight.domains\/support\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/knight.domains\/support\/#\/schema\/person\/97fce710c22c2ab77084638feca7a7b3","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/knight.domains\/support\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/14485561fe5f6aa0e0fa6f4fec288e998230a44741f270a510ea9621f2d9cfb6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14485561fe5f6aa0e0fa6f4fec288e998230a44741f270a510ea9621f2d9cfb6?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/knight.domains\/support\/author\/admin\/"}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/knight.domains\/support\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/knight.domains\/support\/category\/applications\/\" rel=\"category tag\">Applications<\/a> <a href=\"https:\/\/knight.domains\/support\/category\/learn\/\" rel=\"category tag\">Learn<\/a> <a href=\"https:\/\/knight.domains\/support\/category\/applications\/wordpress\/\" rel=\"category tag\">Wordpress<\/a>","rttpg_excerpt":"Have you ever had the need to display a PDF on your website? There are two ways you can go about doing this. If you simply want to embed a PDF, you can use the built in file block in WordPress\u2019s Gutenberg editor. What if you\u2019d rather display your PDF as a book with the&hellip;&nbsp;Read&hellip;","_links":{"self":[{"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/posts\/1672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/comments?post=1672"}],"version-history":[{"count":2,"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/posts\/1672\/revisions"}],"predecessor-version":[{"id":1678,"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/posts\/1672\/revisions\/1678"}],"wp:attachment":[{"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/media?parent=1672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/categories?post=1672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/knight.domains\/support\/wp-json\/wp\/v2\/tags?post=1672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}