{"id":1097,"date":"2017-06-30T18:43:40","date_gmt":"2017-06-30T18:43:40","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=1097"},"modified":"2017-06-30T20:01:48","modified_gmt":"2017-06-30T20:01:48","slug":"embedding-docs","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/embedding-docs\/","title":{"rendered":"Embedding Documents (PDFs, DOCs, etc.)"},"content":{"rendered":"<h2>How to link to a PDF or Word file in WordPress<\/h2>\n<p>Embedding files into your WordPress page is simple! Just follow these steps:<\/p>\n<h2>Step 1 &#8211; Adding Media<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1100\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs4.png\" alt=\"Add Media button\" width=\"108\" height=\"41\" \/>Click the location in the text where\u00a0you want your document link to appear. Click the &#8220;Add Media&#8221; button, near the top left of your page editor. You may be familiar with this process for adding images &#8211; adding documents is very similar. In the window that opens, click the &#8220;Upload Files&#8221; tab on the top left, browse, and upload your PDF or doc file. it will appear next to your other media items and images.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1101\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs2.png\" alt=\"docs2\" width=\"317\" height=\"377\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs2.png 317w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs2-252x300.png 252w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Step 2 &#8211; Customize Your Title<\/h2>\n<p>On the right side of the screen, you should see the same text entry boxes you&#8217;ve seen when adding an image. The important one to note is the &#8220;title&#8221; box, which is the second one down. When adding images, this box is usually left alone but when adding documents, the text in this box will determine your link&#8217;s appearance. Change the text in the box to whatever you want to appear on the webpage.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1103\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs1.png\" alt=\"docs1\" width=\"279\" height=\"527\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs1.png 279w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs1-159x300.png 159w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><br \/>\n&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><\/h2>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Step 3 &#8211; Insert Into Page<\/h2>\n<p><em>Optional: admire newfound WordPress skills.<br \/>\n<\/em>After you click &#8220;Insert into page&#8221; at the bottom of the media dialog, your editor should look like this, with a direct link to the PDF.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1105\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs3.png\" alt=\"docs3\" width=\"673\" height=\"457\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs3.png 673w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/06\/docs3-300x204.png 300w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to link to a PDF or Word file in WordPress Embedding files into your WordPress page is simple! Just follow these steps: Step 1 &#8211; Adding Media Click the location in the text where\u00a0you want your document link to appear. Click the &#8220;Add Media&#8221; button, near the top left of your page editor. You [&hellip;]<\/p>\n","protected":false},"author":73,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1097","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=1097"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1097\/revisions"}],"predecessor-version":[{"id":1128,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1097\/revisions\/1128"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=1097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}