In previous pages, we covered the basic steps you should follow to get your blog ready for the most important task that blogging entails — content creation. Here we’ll be discussing how to publish posts and pages on your WordPress blog.
But before we get into the fine details, you need to understand the differences between Posts and Pages, since you will be using both to display your blog’s content.
Differences between posts and pages
To start with, here are the key differences between posts and pages in WordPress:
- Posts are (by default) listed on the home page of your blog in reverse chronological order — as well as on category and archive pages.
- Posts usually have comments, pages usually don’t (but this is subject to the owner’s preferences).
- Posts can be sorted using categories and tags.
- Posts are displayed in RSS feed of a blog.
With the above in mind, let’s now discuss how posts and pages are used.
You’ll use Posts for publishing time-based content (blog posts, etc.) on your blog, and they will make up most of your blog’s content. On the other hand, you’ll use Pages to create the “static” pages of your blog, such as About, Contact, and so on.
Creating a new WordPress page
To create a new page on your WordPress blog, log into your blog’s back-end and navigate to Pages > Add New from your sidebar. You’ll be taken to the “Add New Page” screen showing the title field and the text editor.
The smaller title field is where you will enter the title of your page (for example, “About me”). The larger text editor field is where you will enter the page’s content.
To quickly create your page, simply enter the title and content in the appropriate fields, and click the “Publish” button by the right hand side. The page will reload and a confirmation page will appear, stating that your new page has been published.
Note that the title of the page has changed from Add New Page to Edit Page. This is because you can still make changes to the new page.
To see what the new page looks like at the front end, simply click the “View page” link.
Just like that, you’ve just created your first WordPress Page! But that’s not all. You need to get familiar with the many buttons lying above the text editor field.
At this point, you can either delete the page you just created (by following the guidelines on the previous page) or edit the page rather than delete it. Either way, you’ll be able to fiddle with the buttons above the text editor field.
You will see that there are two rows of buttons above the text editor. Here are the buttons on the first row, from left to right.
- Strikethrough (runs a line over selected text)
- Bulleted list
- Numbered list
- Blockquote (used to highlight quotations)
- Align left (aligns text to the left)
- Align center (aligns text to the center)
- Align right (aligns text to the right)
- Insert/edit link (inserts a hyperlink to selected text)
- Remove link
- Insert Read More Tag (for excerpts)
- Toolbar toggle (takes the second row of buttons on and off)
- Distraction-free writing mode
Here are the buttons on the second row, from left to right.
- Subheader dropdown (allows you to choose your desired size for subheaders)
- Text color
- Paste as text
- Clear formatting
- Special character (presents you with symbols to choose from)
- Decrease indent
- Increase indent
- Keyboard shortcuts
Actually, you can see what each button stands for by simply leaving your cursor on it (without clicking). To see any of the buttons in effect, just select the text you want to alter and click on your desired button.
Once everything is fine with you, click the “Publish” or “Update” button, depending on whether you’re adding a new page or editing an existing one.
Creating a new WordPress post
The Add New Post screen is largely similar to the Add New Page screen, so the process of adding a post is the same as with adding a page. However, there are few differences on the Add New Post screen.
If you look carefully at the screenshot above, you’ll see three new boxes:
- Format: for specifying the format you want your post displayed in (not supported by all themes)
- Categories: for sorting your posts into categories
- Tags: for sorting posts using keywords/tags
As for Format and Tags, I’d recommend that you leave them for now. You need not worry about them because they are not really important.
As for categories, they are important because they help you sort your posts into categories, thereby giving your readers a fine user experience.
So, the only thing you need to do before hitting the “Publish” button is to select a category for your post. Since you have created any previously, you’ll have only the “Uncategorized” option, which is just useless.
You can easily create a new category by clicking on the “+Add New Category” link, entering a new category name, and clicking on the “Add New Category” button. The new category will be added and selected for the post.
How to add a hyperlink to your post/page
Just select the text you want to use as your anchor text. Then click the “Insert/edit link” button in the text editor tray. You will see something like this:
In the URL field, enter the address you want your anchor text to redirect to. Whatever you enter in the Title field will appear as the label for the link each time the link is hovered over (there’s no problem with leaving the field blank, anyway). After entering your URL and title, click the “Add Link” button.
You can subsequently remove the link by selecting the anchor text and clicking the remove link button in text editor tray.
How to add an image to your post/page
Adding an image to your page is very simple. Once you’re at the point where you want to add your image, click on the “Add media” button lying just above the text editor tray.
You’ll be taken to the Insert Media screen. If you’re taken to the media library page, just click the “Upload files” tab under the Insert Media text.
You can add images to your post by either dragging them onto this screen or uploading them using the “Select Files” button to browse through your computer. To me, the second option is better.
When you click the “Select Files” button, you’ll be presented with a file explorer menu that allows you to select the image you want to use on your computer.
After selecting your desired image and clicking “Open”, you’ll be taken to the Media Library tab displaying your uploaded image as the selected image.
On looking to the right, you’ll see something like this right under the image:
Out of the first four fields, you only need to worry about two:
- Caption: This is where you enter the “label” for your image. Any text you add here will display underneath the image.
- Alt Text: This text will be displayed if the image doesn’t load or if a visitor is reading your post on a screen reading software that doesn’t display images.
Scroll down a bit more, and you’ll see the Attachment Display Settings section, where you can define the Alignment, Link To, and Size options for your image. Choose the options that are fine with you and click the “Insert into page” button.
Now, you’ve understood all you need to know regarding the basics of publishing posts and pages on your blog. Now, you can start writing your content!