WordPress Post Layout – Learn How to Enhance Your Post Layout

In this Post, I will discuss supreme ideas for WordPress Post layout

When I started using WordPress I realized creating Posts and/or Pages steps are exactly the same

If you learn how to create a post then it is the same for pages or the other way around.

There are few affiliate links, if you click a link and make a purchase, I may receive a commission at no extra cost to you

I am going to cover these few topics

As these are the thoughts that came to me when I started creating posts and/or pages.

Below I will discuss WordPress Post Layout so let me start with

How to change WordPress post layout?

1- After you login to your WordPress admin area

You can go to Posts and select Add New as shown below

Adding new post or page

Or you can go to edit an existing WordPress posts as shown below

editing existing wordpress post

2- Once you go inside your WordPress post whatever a new post or editing an existing one

You'll need to scroll down all the way to the bottom of your content

According to your theme, your post and/or page will show the following

Header options

Most WordPress themes would show you this option

If you don't see it, then your theme does not provide you with header options

WordPress post header layout option
wordpress post header layout option

Sidebar options

Again you may not see it in your WordPress theme

Just do your part and scroll down at the bottom of your post or page content

And see if it is showing any sidebar options or not

WordPress post sidebar layout option
WordPress post sidebar layout option

Content options

Some themes come with content options that help you enable few things like

Blog display whether you choose between displaying full content or an excerpt 

Author bio where you display your name as the content writer or author

Post date where you display the post published date

Sometimes post date has negative impact

Especially if the blog post has not been updated for a long time, reader may exit and look for another up to date content so be very careful

Some themes come with footer options like having 3-4 columns in your footer area

What are the differences between posts and pages?

PagesPosts
Pages are created for the purpose of displaying static contents or very rarely updated contents like

1) About page
2) Contact Page
3) Privacy Policy and/or TOC page
4) Blog or Start Here page (this has to be a page and not a post)
Posts are created for what's new or time sensitive contents (at least you should think about it this way)

They show up in chronological order (latest posts show up first)
usually on the Blog or Start Here page or any other page you decide to create it as static
In pages, you can add any page under a parent one leading to getting sub-pages where you can specify the order of sub pages by assigning a number from 0 to n sub pages will show up when you attach them to menuIn Posts, the parent feature is not available which proves that posts are not intended for parenting
No categories in pagesThey can be grouped by using Category where you can assign any post to one ore more categories with a primary one.
No tags in pagesOn the other hand, you can add tags to posts and not pages which helps in navigation to posts.
You can also relate same contents together using tags
Sticky feature does not exist in pages as this proves that pages are always reachable
from menu
Once you publish any post, you can select it to be sticky which means it will always show up on your home or blog page
WordPress Post Layout

This is a little bit tricky but I will break down

Anchor links (Jump links) are the ones which you see on most of my posts

Where I create headlines marked as links and when you click on any headline it takes you to its section

These are normal links like external links

But you point to the same post/page which you are creating Anchor link from

To do that select the whole text

Then clicked on hyperlink icon on editor section

You can find it under editor area in posts and pages as shown below

Selecting the hyperlink icon wordpress

A hyperlink option screen will show up to help you select few parameters as shown below

create-anchor-links-or-jump-links

You can select which post and/or page you want to link to

Also you can link to an external page by pasting the external link in the URL text field

Note the #difference-between-posts-pages at the end of the internal link to the same post

This pound sign (#) with any text after it acts as a marker

You have to label your area you want to jump to with this code right above it

I did that by going to Text editor as shown below

adding anchor id wordpress

Text editor shows all the HTML code written behind the scene

Then I went to the code where I have the part I want to jump to and I added this code

<div id=”difference-between-posts-pages”></div>

Remember, I tried the Anchor tag <a id=”difference-between-posts-pages”></a> and it gave me really hard time

Until I realized that it does not work and keeps WordPress removing them

It does not only make your post navigable but it really helps users read your posts as they may not go through all the post from start to end

Users may need to read few sections they need to.

How to create table layout inside posts and pages?

Sometimes tables are essential if you do comparisons in your posts and this feature is not available in WordPress

So the workaround is to use either HTML table code generator which you control your number of rows and columns

Also you can write the contents there and click on Generate button and the HTML code for your table will be generate for you

Click on copy to clipboard

Then put this code in Text editor section under your desired place where you want to display your table.

This video below shows how to add any HTML code to your posts and/or pages

The other solution is to install certain plugin for creating tables for you

It is called TablePress (this is the most used ones)

But there are so many plugins which can create tables for you

Feel free to search by using Keyword Table under Add New Plugins

How to insert a graph inside posts and or pages?

Charts and graphs are useful if you write scientific or statistical posts

But for WordPress this is not an issue

Just go to the Add New Plugins page and type Chart under the Keyword text field and you will find so many

Try WordPress Charts and Graphs Lite and see if it works for you.

What can TinyMCE plugin do for your post layout?


TinyMCE plugin is one of the oldest plugin in the world of WordPress plugins

You may have noticed that Posts and Pages editor lack the capability to select Font Types and Sizes

This plugin can to help you design posts and/or pages more like Word documents

Bonus tips to follow related your WordPress post

1- If you are writing your post in word document

Make sure to save it as a draft first (don't rush publishing it)

2- Make sure your blog post has a title even if you already copying your blog post URL as your title

3- Convert your headline titles to H1 or H2

Depending on how long they are you can span them on 2 lines

4- Convert all your subtitles and make them as H3

5- Always start your content with Introduction

6- Make sure you have conclusion or summary

7- Remind your readers at last line with something like “If you like this post, don't forget to share it”

Write your own wordings but don't be shy to ask about sharing

8- Always fill up your title and meta description under Yoast SEO Plugin

If installed, you will find it at the bottom of the post itself

9- Make sure to select the Post category

10- Add few tags to your post to indicate what it is about (few keywords and no keywords stuffing)

Bonus tips after you publish WordPress post

1- Add feature image

I recommend to play around the file size to be around 70 KB and dimension 600 x 400)

2- Make sure to optimize your post images in sizes for fast loading of your posts

Dimensions should less than or around 700 pixel width

Larger than that will be missing when browsing from your mobile phones

3- Optional – I recommend to add Better Click to Tweet quotes to add inspirational or notes for users to tweet

4- Wait for at least half an hour and come again read your post before you hit the publish button

5- After publishing your post, If you have a Start Here page

Make sure to update it if your post is useful in the learning path

I recommend you read my article How to write a blog with great writing style

Finally if you like this post, please share it using social media to the left hand side or bottom (mobile)