Tag Archives: pages

Adding Protected PDFs and Documents to WordPress – Or Should I?

Adding Protected PDFs and Documents to WordPress – Or Should I?

There might be a time when you want to add a PDF document or a regular Microsoft Word document to your WordPress site. You may not want this information available for download and want to allow Read-Only access from your site. Although PDF documents can be password protected and you can also restrict editing and printing of the PDF, there are times when neither of these options may be quite what you need.

Restricting or Password Protection

If you don’t mind viewers downloading your PDFs as long as they don’t print or change them, follow the steps in Thor Benson’s post. He also suggests a way to prevent visitors from seeing your PDF unless they have a password, but that would be very frustrating for most readers.

Content Protection

The only way to prevent the average visitor from downloading or copying your content, is to make a new post or page and either typing your content there or pasting it in from your original document. Then you will need to install a copy protection plugin such as the WP Content Copy Protection plugin. This will prevent visitors from right-clicking to copy text or images. I did say average visitor, because hacker-types have other means of accessing your content. However, using a copy protection plugin is the most reasonable method for preventing most unauthorized copying.

If you decide that you don’t mind if someone downloads your PDF after all, or that you will just password protect it, follow these steps to create a PDF and upload it.

How to Add a PDF:

1.  Prepare your document in Microsoft Word as follows:

  • Give it a Title that will be helpful to readers.
  • Make sure that it is as you want it to appear on the internet.
  • Do a last minute Spell Check.
  • Click File and then Save As.
  • Under the title box, there is a box that probably says, Save As typeWord Document.
  • Click the arrow in that box and select PDF (*.pdf). (It will save in the same location as your original Word document.)

2.  Open the WordPress post or page where you want it to appear and click your cursor in exactly that place.

3.  Click the Add Media button just above the Tool Bar.  This opens the Media Uploader and the Media Library.

4.  Click Upload Files to get them from your computer. (Nothing will happen if it was already selected when it was opened.)

5.  Click Select Files to browse your computer and select the PDF file.

6.  Click on the PDF file on your computer, then click Open.

7.  Type the title of your document in the Title box (on the right).

8.  Retype the title in the Alt Text box (on the right) and add the word link. For example, if my title was 2014 Catalogue, I would type 2014 Catalogue Link. This primarily provides information for visually impaired visitors; however, it also provides a helping hand for your Search Engine Optimization.  (If you are curious about Alt Text, check out this description by David Ball.)

7.  Next, in the Media Uploader, click the Insert into Post button.

8.  The file appears as a text link on your page or post.  When your readers click on this link, the document will open up in a new browser page with a download bar overlay near the bottom.*

*If you have password protected the PDF, a prompt will appear asking for the password instead of opening the document.

Adding Downloadable PDFs and Documents to WordPress

Adding PDF documents or Microsoft Word documents to your WordPress site can enhance your customer service.  Maybe you want to add a catalogue, or a downloadable form for people to fill in, or information your readers can download. Follow these steps to get started!

How to Add a Downloadable PDF and/or Document:

1.  Prepare your document:

  • Give it a title that will be helpful to readers.
  • Make sure that it is as you want it to appear on the internet.
  • Do a last minute Spell Check.

2.  Open the WordPress post or page where you want it to appear and click your cursor in exactly that place.

3.  Click the Add Media button just above the Tool Bar.  This opens the Media Uploader and the Media Library.

4.  Click Upload Files to get them from your computer. (Nothing will happen if it was already selected when it was opened.)

5.  Click Select Files to browse your computer and select the file.

6.  Click on the file on your computer, then click Open.

7.  Type the title of your document in the Title box (on the right).

8.  Retype the title in the Alt Text box (on the right) and add the word link. For example, if my title was 2014 Catalogue, I would type 2014 Catalogue Link. This primarily provides information for visually impaired visitors; however, it also provides a helping hand for your Search Engine Optimization.  If you are curious about Alt Text, check out this description by David Ball.

7.  Next, in the Media Uploader, click the Insert into Post button.

8.  The file appears as a text link on your page or post.  When your readers click on this link, the document will open up in a new browser page with a download bar overlay near the bottom.

adding images to WordPress

Adding Images to WordPress Posts

Images include photographs and other kinds of images.  Aside from the obvious appeal of images, they can also increase a website’s and a post’s searchability on search engines such as Google when tagged properly.  People are more likely to read a post with images.  The more people reading your posts, the more “reach” you have.

Fast Facts:

Image Size Affects:

  • page or post loading speed (smaller means faster)
  • storage space on your server/webhost (smaller means more)
  • the number of photos you can upload (smaller means more)

Resolution

Images are measured in 3 ways:  pixel height/width, size in KB (or MB), and resolution.  The maximum upload size for the WordPress Media Library, is 20 MB (20,480 KB).  Unless you are uploading a photo with great detail, a resolution of 72 ppi (pixels per inch) will produce a “lighter” image.  You should aim for something under 100 KB.  72 ppi is an adequate resolution because that is what browsers display.

So, smaller is better, right?

Well, almost always. There are times when better quality from a higher resolution images is important.  For example, one of my clients is a Silversmith and displays his silver engraving on his website.  It is possible to work around this by having a smaller image load first, then provide the option to click on a larger, higher resolution image so that the fine engraving detail can be showcased.

Uploading to the WordPress Media Library

To add images to your post, you first upload them to the Media Library.  Follow these steps from the WordPress.org Codex to add your images to posts.  If you want to see some examples of the Attachment page link options, click here.

WordPress Pages and Posts – Explained

Let’s wade a little more deeply into WordPress pages and posts.  If you just want a quick definition, read:  WordPress Pages and Posts –  Defined.

Please keep in mind that each WordPress theme works a little differently.  I have written these instructions using the WordPress 2011, 2012, 2013 and 2014 free default themes.  

Static Site or Blog?

You can have a site that has many pages and no posts. This is called a static site.  A blog is a collection of posts – although it seems like a page, it is not.  It has a special format that is meant to be updated often. It allows you to add new content, in a post, to the top while pushing the older content (posts) further down the page. This allows your readers to see the new content first when they visit your page.

*It is important to note that you can tell WordPress which page you want your blog to appear on.

WordPress Default “Front Page” Blog

In a new WordPress site, the default Front Page is the one viewers see first and it is the one where the blog shows up and where your blog posts will appear.  If you have a new site and you have not yet made any pages, you could make a post (see Making Your First WordPress Post) and it would show up on the first “page” of your site even though you don’t have any pages yet.  At this point, if you were to click on the Dashboard Menu Pages, you would see a notation saying “No pages found.”

This can be confusing.  Essentially I have just told you that you have a Front Page where your blog shows up – that is not really a page.  Stay with me.  I can’t promise you that it will make sense just yet, but at least you will understand how WordPress “thinks”.

Why Make a Page for Your Blog?

I recommend that you make a page for your blog just to make life easier.  If the blog has no page, it is hard to find.  This might be frustrating later on for both you and your viewers.  Right now, you can easily edit the content of your blog by opening up the posts (click the Dashboard Menu “Posts>All Posts” and then select the post that you want to edit).  However, later on you might want to add other things to your Front Page (for example, a sidebar listing your most popular posts).

It is difficult for your viewers to find your blog once they have moved to other pages of your site (if your site has more than one page).  The Front Page will not appear in the navigation menu tabs unless a page is created for it, or it is linked to the navigation menu (more on that in a later post).

How to Create a Page for Your Blog

Let’s start by creating a Home page and a Blog page. We will set this up so that visitors “land” on your Home page first and then they can choose to read your blog by clicking the Blog menu tab in the navigation menu.  If you want to organize your site so that the blog remains on the Front Page and appears in the navigation menu, we will cover that option near the end of this post.

Read Adding a New Page for instructions.  Create two pages:  one called Home and one called Blog.  Once you have created your page and named it Home, you will want to tell WordPress that this will be the landing page – the first page your visitors see.

WordPress Themes Prior to 2014

In WordPress Default Themes prior to 2014, you can go to Dashboard Menu “Settings>Reading” and click “static page” and then below that select Home for the Front Page.  As you can see in the image below, I have selected my WordPress For You page as my Blog page.  Since you have just created a page called Blog, select that one for your Posts Page.

Designating a Static Page image

Designating a Static Page in 2012 WordPress Theme

WordPress Theme 2014

Designating a Home Page image

If you are using the WordPress Default Theme 2014, you can go to Dashboard Menu “Appearance>Customize>Static Front Page” and  where it says, “Front Page Displays” click “a static page” and then below that select Home for the Front Page.   Since you have just created a page called Blog, select that one for your Posts Page. Click Close to exit this Appearance menu.

Now if you haven’t done anything else to your site, you should see the two pages Blog and Home listed in the navigation Menu. If you have created menus you may have to add these pages to your menu (see Adding a New Page).

 

Now you are ready to start adding content to your Blog and Home pages!

 

WordPress Posts and Pages – Defined

You can have a site that has many pages and no posts. This is called a static site because content you add to a page does not change (well, unless you change it).

A blog is a special format for a page that is meant to be updated often. It allows you to add new content, in a post, to the top while pushing the older content further down the page. This allows your readers to see the new content – post – first when they visit your page.

Think of the posts as little index cards of content that are shifted further down the page when a new index card is added at the top. Well-maintained blogs display new content regularly (every time the blogger adds a new post).

how to add a new page in WordPress

Add a New Page to Your WordPress Site

Add a New Page to Your WordPress Site

Updated: January 15, 2017

  1. Click on Pages in the dashboard menu list.
  2. Click Add New.
  3. Add your content (more about this later).
  4. Publish by clicking the blue “Publish” button on the right.
  5. View your site.  (You can do this by clicking on your site name at the top left beside the little house icon.)
  6. When you are looking at your home page the title of your new page does not appear in the navigation bar (under or above your site header). Don’t panic. You just need to add it to the menu.

Adding Pages to Your Menu

  1. In the dashboard menu list, click Appearance > Menus.
  2. At the top of the menus page, there is a box for the Menu Name.  Depending on your theme, your choices could be:
    • main menu
    • top menu
    • primary
    • top navigation
    • social menu

Unless you have made another menu, you will most likely only have one or maybe two choices (if your theme has a social menu).

  1. Choose the one that is not a social menu.
  2. On the left side of the menus page, there is a list of your pages with check boxes.  Check the box next to the page(s) you want to add.  You should see them added to the menu in the centre of your page.
  1. If you like, you can make “child” pages (sub pages) by dragging the pages to the right a little to indent them. They would appear in the drop down menu of the “parent” page title (not indented and directly above).
  1. Click to save the menu.  The tab will be at the top and will say something like:  “save menu” or “publish” or “update”.
  1. Now when you return to your website, the page you just added should appear as a clickable link in the navigation bar .