Creating a Post or Page in WordPress

You are here:
Estimated reading time: 5 min

This article will walk you through the creation of a post in WordPress.

You can watch the video to see the process or read on for the text version which has a few more details.

Post vs page? What is the difference?

Posts are articles that go into your blog page and they have categories and tags to organize them properly. Your visitors can also add comments to the posts (if commenting is enabled in the Discussion Settings Page – this is the default so don’t worry!). Pages are generic pages that have specific information like About Us, Services and Contact Us.

Where to create a post/page in the dashboard?

There are at least three places in the WordPress dashboard where you can go to create a post/page. The first one is at the left sidebar in the dashboard menu, if you hover over “Posts” or “Pages” you will see the “Add new” option. The second one is right at the center of the dashboard in the Welcome area, under “Next Steps”, there are links to “Write. your first blog post” or “Add an About page”. Click either one of those to get started. The last one is up in the admin bar at the top left side of the screen there is a plus (+) sign and the word “New” next to it. Hovering over it will show several options in which Post and Page are listed as well. These are shortcuts for creating the most used post types in WordPress.

There is also a place to create a “Quick Draft” which will create a blog post but will save it in Draft mode meaning you would have to publish it to have it show in the blog page.

WordPress Dashboard. Create post/page.

Creating a Post in WordPress

Before you look at the following image and get overwhelmed by all the things that are noted there you should know that creating a Post is the simplest thing in the world. All you need is a page title and some content (text/images) on your page which you will add by writing where it says “Start writing or type / to choose a block” or by clicking the black box with a plus sign (+) and creating a block. After that, save and publish! All the other things are extras that you will start adding as your WordPress journey advances and you learn more about the publishing process.

Creating a post

There are many types of blocks for users to create content in their posts/pages. Heading, Paragraph and Image are the most common ones. If you click on the black button that says “Browse all”, WordPress will open up a sidebar on the left side of the page with all the blocks that are available for you to use.

Using the WordPress block editor

The new editor in WordPress has a different feel than the Classic Editor which was based on a software called TinyMCE. It comes with a box where you would write your text. This next image shows you the post with a Heading block and a paragraph block. The featured image has been chosen as well you can see it in the right sidebar.

Content blocks in a post

If you choose the Block option in the sidebar you will find tools to edit the typography of your current block and some colors and backgrounds.

Block level editing

Below you can see what your post will look like on the front page of the Twenty Twenty theme. If you change themes the post details like author, date, tags and comments might be in other positions as each theme developer follows their own design. Note that posts will be listed in the homepage or the page you choose as a blog page in the Reading Settings page or via the Customizer.

Homepage using Twenty Twenty theme

More details with the Twenty Twenty theme

Below is an image showing what the posts page will look like. As you add content to your site it will get increasingly difficult to find your articles so the Categories and Tags columns can help you filter out the content.

The Posts page screen

Viewing the site with a different Theme

Let’s choose another theme to see what the front page of the site and the post editor will look like.

Choosing the Astra theme

I’ve chosen the Astra (Free) theme from the WordPress repository. After installing it and refreshing the homepage I can see that the design is different than Twenty Twenty. For one this theme has a sidebar and the images that are displayed are smaller (probably sized via CSS which is used to style HTML).

Front page of the site with the Astra theme

Now let’s look at what the post editor looks like with Astra. As you can see things are very different, the post title is very small now in comparison to what it was with the Twenty Twenty theme.

The backend editor looks different with the Astra Theme

Should you use the Classic Editor?

Below is an image of the Classic Editor which was built with a software called TinyMCE. After the Gutenberg block editor was released many people choose to install the “Classic Editor” plugin to be able to revert back to this way of editing content, but I suggest you learn how to use the Block Editor as it is what WordPress is using and will rely on more and more in the future.

Classic WordPress Editor based on TinyMCE

Creating a Page in WordPress

The steps to create a page are exactly the same as the ones used to create a post. The page editor uses blocks just like the post editor does. The only difference is that posts have options to add categories and tags to the articles.

Where to find dummy content for your posts/pages?

Sometimes when you are building a site you will want to have some dummy (fake) text and images to have as an example of how your site will look realistically. WordPress.org offers some demo text to import but I’m not comfortable using it because they try to cover every type of content available and the site doesn’t look like a normal site. It’s called Theme Unit Test Data and you can read about it at their site. If you were creating themes I would suggest you add that demo text to test your site but if you’re just building your site its better to just add some “lorem ipsum” or dummy text.

One such site for this type of text is Lorem Ipsum, but I’ve seen some funny ones that can generate text with specific topics like cats for example (Cat Ipsum) or Zombie terms (Zombie Ipsum).

Lorem Ipsum generator

For free images to use as examples in your site there are several sources, two of them are Pixabay and Unsplash. Be careful to read the license as some ask for you to credit the author of the image when you use it. Also when including images into your posts or pages, make sure you optimize them properly for WordPress (Check out the KB article on optimizing images for WordPress).

Pixabay

Resources used in this article

So hopefully now you have created your first post or page successfully! As you progress with WordPress you might find yourself having to add other type of content like Portfolio items or Events for a calendar but these will generally come with a plugin and will be labeled properly so that you know from where to add them.
Have fun experimenting with WordPress!

Resources used in this article

Dummy text
Lorem Ipsum – https://www.lipsum.com/
Theme Unit Test – https://codex.wordpress.org/Theme_Unit_Test
Cat Ipsum – http://www.catipsum.com/
Zombie Ipsum – http://www.zombieipsum.com/

Free Images
Pixabay – https://pixabay.com/
Unsplash – https://unsplash.com/

Themes
Twenty Twenty – https://wordpress.org/themes/twentytwenty/
Astra (Free) – https://wordpress.org/themes/astra/

KB Articles
Optimizing Your Images for WordPress

Thank you for reading.

Was this article helpful?
Dislike 0
Views: 3