How to Upload PDF Files to Your WordPress Site

How to Upload PDF Files to Your WordPress Site

Are you looking to add a PDF to your WordPress site? Not sure how to get started? In this article, I will show you how to upload PDFs to your WordPress site step by step. Adding a PDF file to your WordPress website can be beneficial for many reasons.

For example, you can use it to give your visitors more information about your products or services. Or, you can use it to share an eBook or other type of digital download. No matter what your reason is for wanting to add a PDF file to your WordPress site, we’re here to help you get the job done.

What are the PDF files?

PDF files are a type of document that can be created using various programs such as Microsoft Word or Adobe Acrobat. They can be shared with others and viewed on a variety of devices, including computers, smartphones and tablets. PDFs are also often used for business documents such as contracts, invoices and presentations.

Does WordPress support PDF?

Yes, WordPress supports PDFs. You can upload a PDF to your WordPress site in a few different ways. The easiest way is to simply drag and drop the PDF into the Media Library.

How to upload PDF files in WordPress?

To upload a PDF file to your WordPress site, you will need to login to your WordPress Dashboard.

  1. Once you are logged in, go to Media > Add New from the left sidebar or you can add PDF via WordPress block.
  2. You can then select the PDF file from your computer and click on the Open button.

After the PDF file has been selected, it will be uploaded to your WordPress site and you will see a progress bar indicating the progress of the upload. Once the upload is completed, you will see a thumbnail of the PDF file as well as some basic information about the file such as its title, author, and date.

You can now edit the title, description, and other fields for the PDF file if you wish. Once you are satisfied with your changes, click on the Update File button to save your changes. Your PDF file is now successfully uploaded to your WordPress site.

How to add PDF to post or Page via WordPress block 

Once the PDF is uploaded, you can insert it into your post or page by clicking the Insert into post button. By default, WordPress will display the PDF as an attachment and if you prefer, you can embed PDFs in your posts and pages.

In the embedded PDF file, the Zoom In and Zoom Out buttons allow you to zoom in and out on the image and switch between pages.

How to embed PDF in WordPress via code

It only requires a few lines of code to add or embed PDF files from the server to the site through the code editor. It’s very easy to use and just as easy to integrate into the site. There are 3 different ways to embed PDFs into HTML pages without using JavaScript.

PDF Embedding with Object

One solution is to place the following object codes on your web page. In some cases, these codes may not be supported. When you make this code work on unsupported devices, the following paragraph can be used to indicate that the PDF embed code is not working. You can change the paragraph as you like, there is also a Download PDF link in the paragraph that allows you to download the pdf file.

<object data="/example.pdf#page=2" type="application/pdf" width="100%" height="100%">
   This browser does not support PDFs. 
   Please download the PDF to view it: 
   <a href="/example.pdf">Download PDF</a>

PDF Embedding with Embed

Embed has the same use case as Object. However, if the browser does not support PDF display, there is no message.

<embed src="/example.pdf#page=2" type="application/pdf" width="100%" height="100%"></embed>

PDF Embedding with iFrame

The code with a wider range of uses is iFrame. It can also display a message that it does not support it.

<iframe src="/example.pdf#page=2" width="100%" height="100%">
	This browser does not support PDFs. 
	Please download the PDF to view it: 
	<a href="/example.pdf">Download PDF</a>

In this article, I showed you how to upload PDFs to WordPress. We hope that this has been helpful and that you will now be able to add PDFs to your WordPress site with ease.

Popular Tutorials

CSS ile Üçgen Ok Yapmak

CSS ile ok yapmak için imaj kullanmanız gerekmiyor. CSS kodları ile de…

Google Web Fontları Nasıl Optimize Edilir?

Google Web Fontları, web geliştiriciler için büyük destek sağlıyor. Peki site hızına…

VS Code’da Emmet Nasıl Kullanılır? Kod Yazımını 3x Hızlandırın

Visual Studio Code ile birlikte gelen emmet ile hızlı bir şekilde HTML…

CSS ile Linklere Düz Çizgi Yerine Hareketli Dalgalı Çizgi

Linkler varsayılan olarak altı düz çizgili elemanlardır web sitelerinde. Kullanıcının ilgisini çekmesi…

Css ile Tam Sayfa Arkaplan Nasıl Yapılır?

CSS ile tam sayfa arkaplan nasıl yapılır? Üstelik bu tam ekran arkaplanın, ekran boyutuna göre otomatik olarak genişleyip daralması da CSS’in arkaplan özelliği ile mümkün.

Görsel Optimizasyon ile Daha Hızlı Web Sayfaları

Resimleri optimize ederek sitenizin daha hızlı ve verimli kullanımını sağlayabilirsiniz. Bunun için…