How to Work with Posts and Pages
Written by Becky BrusoIn this post we will explore how to work with posts and pages within WordPress. The great thing is that once you learn how to get around in posts, you can apply the same concepts to a working with pages. This article will detail how to add and work with posts and pages with written instructions including images of the how-to process in action. This is a rather lengthy article, but it is the heart of where you will produce your WordPress website content. I have also added a short desktop video which demonstrates exactly how to work with posts and pages. We will be talking about layout options as they apply to the overall look and feel of the post and will not discuss the fine details of formatting the text within the post. This article includes audio instructions as well. I wrote and recorded both methods to provide you with the ability to pick which method is best for you to see how to work with posts and pages. Once you have mastered working with posts, you can rest assured that you have will also be able to work with pages. There is only one difference between posts and pages and this is the ability to categorize and tag. Pages in WordPress do not automatically come with the ability to be categorized or tagged. This difference between categories and tags will be touched upon later in this article.
Video Demonstration of Working with Posts and Pages
Written Instructions on How to Work with Posts and Pages
How to Add a New Post or PageTo add a new post, go to your WordPress dashboard. Click on Posts, then select Add New. The Editing dashboard allows you to enter a title for your post. The title is displayed within your post in a bigger and bolder font than that of the body of your text. The font and its size are decided by the theme you have used for your WordPress website. Overriding the size of the post title is a CSS customization and won’t be discussed in this article. The wording chosen for your post or page should be headline worthy and related specifically to the topic you are writing about. To optimize the wording for search engines, you might consider downloading a plugin like Yoast, which will show you how your page is scoring with respect to Search Engine Optimization or SEO. The Yoast website also provides an in-depth tutorial on SEO.
Adding Media (Images, Audio, and Video) Posts and PagesEvery post has the opportunity for you to add media. Media can be described as images, and audio or video. You may set a featured image by locating the set featured image panel option and selecting the desired image. The media library and upload to the media library will be shown in detail within this article. The placement of the featured image varies by theme. Below is an image of what the Twenty Thirteen Theme’s featured image looks like on the front end. To show that this is theme specific, take a look at the positioning of a featured image for a custom theme. Here you will note that the featured image is left justified versus the center justification of the previous featured image. This is to show that this positioning of the featured image varies by theme. Featured images are limited in whether then can be placed left, center, or right as well as being limited to the size that they can be shown as. There is another method of adding images which gives you more control over how you can display the image within your posts and pages. We will look at the other way to add one or more images to your posts and pages next. There is only one featured image per post, but you may add any additional media you would like to support the discussion of your post. Adding audio and video may not have some of the advanced features discussed next due to their type of media. For example, audio may not have a size option as do image media types. When adding other media to your post besides the featured image, you are given the opportunity to position in at the left, center, or right of your text. Adding media this way gives you more flexible placement of your images. In addition, you can select the size you would like your images to be displayed. To add media, click on the Add Media Button, as shown below. All media types may be added by using this button. The theme in use for this demonstration is Twenty Thirteen. This particular theme does have the gallery feature enabled. Galleries are a topic for another post. We will be talking about setting up non-gallery style images within this post. You will note that you have the option to either upload an image from your computer or select one from the library of images which you already have. First we will work with an image already in your media library. To do this, you will click on the media library Tab. You will see the images in your library you have previously uploaded. Click on the image you wish to include. Then click on the blue Insert into post button. To upload a media file from your computer, click on the upload files tab. You will notice that there is now a select files button. Click on this button and locate the media you wish you upload from your computer. This option works just like your typcial file locate, select, and upload features. Once the desired media has been uploaded, select insert into post.
Positioning Media within Your PostNow that you have added the media to your post, we will work with sizing it and positioning it to your liking. Visually you should be able to see the image within the editing area of your post. Click on the image you just added and you will note that you have enabled the media positioning and editing features. In the visual below, no justification has been selected and you will see the editing options displaying just over the image in the post. Each justification image corresponds with left, center, right, and none. The next item in the editing bar is the pencil which is what you would click on to either change the selected image or change the size of the image. Mouse over each of these to display your choices. The right most “x” would be used to remove the image entirely from the post. Click on the pencil icon to explore other image options. Here we will add the following:
- Caption (if desired)
- Alternative Text
- Alignment Changes
- Link to Selection