How To Upload Pdf On Wordpress

Read Time: iii mins Languages:

In this tutorial you lot'll learn how to upload or link a PDF file to WordPress. If you've ever uploaded an image to the media library in WordPress, doing the same with a PDF is just every bit straightforward, so let me explain how to practice that.

Upload a PDF to WordPress

Follow forth with the states over on our Envato Tuts+ YouTube channel:

1. Locate Your PDF File

I'm working with a demo PDF file on my organisation. Brand sure the file size isn't besides large (your PHP hosting will likely have a limit on file upload sizes) and ideally your file's filename shouldn't comprise any strange characters either.

In your WordPress admin go to Media > Library > Add together New then use the file chooser to select your PDF, or drag and drop it into the browser:

Once uploaded you'll be able to give the file a title, a caption, and a clarification (if y'all desire). And that's how to upload a PDF to WordPress! Now allow's encounter a few means nosotros can link to the PDF.

2. Copy and Paste the PDF File Link

Most chiefly you'll demand the link to the file, so re-create the whole path as you lot see information technology displayed:

You can so use that link and attach it to text in pages or posts within WordPress, by highlighting your chosen link text and adding a link like so:

Once saved, when you lot view the post on the front end of your website, the link volition be present and when clicked will open your PDF in a browser window.

Linking From Images and Buttons

The same thing is possible with images and buttons. For instance, upload an image to the WordPress Gutenberg editor, then click the link icon to add the PDF link:

iii. Using the Classic WordPress Post Editor

What if yous're not using Gutenberg? The same is possible using the Archetype WordPress editor too—the link button is institute in the toolbar at the tiptop of the editor:

And that's how you link to a PDF in WordPress! Only expect, there'southward i more thing I want to explain..

4. How to Direct Download a PDF From a Link

Earlier nosotros wrap things upward, here's an additional trick. What if you don't desire users to click your PDF link and open the PDF in another browser window? What if, instead, you'd similar the PDF to directly download?

To attain this, we demand access to the HTML markup of the link itself. And then in the Classic Editor switch to the text tab:

In the Gutenberg editor you tin gain admission to the HTML lawmaking by clicking the three dots (options) menu like so, and hitting Edit as HTML:

Then (if you're familiar with reading HTML code) find the link in question, which should look something similar this:

<a href="https://link" target="_blank" rel="noopener">Download PDF</a>

And then add the download attribute, anywhere within the primary anchor tag, like this:

<a href="https://link" target="_blank" rel="noopener" download>Download PDF</a>

That's it! Now when someone clicks the link it will download the PDF to their arrangement.

To acquire more about how the download attribute works, here's a useful guide:

That'southward All At that place is to it!

That's how yous can upload a PDF to your WordPress website, and how you lot tin link to it in a few different ways. I hope you establish this tutorial useful, take a look at the following resources for more than beginners' tips!

Did yous find this postal service useful?

Adi Purdila

Adi Purdila is a spider web design teacher for Tuts+. With over 100 courses and 200 tutorials published to date, Adi'due south goal is to help students become better spider web designers and developers by creating content that'due south piece of cake to follow and offers great value. Being cocky-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only fashion to move forward and achieve your goals. When not typing abroad at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. Y'all can stay up to date with what he'south doing by following him on social media or visiting his website at adipurdila.com.