Mega Bundle
50% off
  • 0days
  • 0Hours
  • 0Minutes
  • 0Seconds

How to Design WordPress Post

Each website should have an eye-catching design with some main pages, such as the Home page, About Us page, Privacy Policy page, and so on. But how to create and design posts/ pages on WordPress. Having extraordinary pages/posts are beneficial for each website owner as it helps to make the process of generating leads and increasing the website traffic simpler.

Create and design your website by ays

Creating a new post/page in wp seems complicated, but let’s find the easiest way to do it with pleasure. So let’s try to create and design new posts/pages in WordPress step-by-step. Another easy way to design an attractive post is by using Emojis. Using a simple emoji helps your content stand out in SERPs.The usage of them in written content, such as your blog posts or WordPress pages, should definitely not be limited. They're a great technique to increase engagement rates as well. Emojis are still useful, though, since they enable you and the users of your website to add to the vocabulary of ordinary speech. They provide value to many websites since they are affordable, entertaining, and widely used.

For creating new pages and posts in WordPress we have all we need. In the latest version of WordPress the Classic Editor is changed to the new post and page composer, which is known as Gutenberg Block editor. Here are some of the best practices to create WordPress websites you don’t want to miss!

So let’s start to create and design a new post with Gutenberg Blocks.


1. Gutenberg Block Editor


WordPress Dashboard > Posts > Add New

For starting the process go to your WordPress dashboard and head to the “Posts” from the left sub-menu and click on the “Add New” button. So let’s start to create our first post.

Create a new post with gutenberg

First, you need to type in the title of your post by clicking on the “Add Title” field, and by clicking on the “Type/to choose a block” field you can type in the text of your post.

Now let’s turn to the blocks. The essential part of the Gutenberg Editor is its blocks, as any website owner without any coding skills can create amazing pages and posts by using this editor.

By clicking on the “Plus” icon you can add different blocks and edit your post/page. Let’s see what we have here.

Add different blocks to your post with gutenberg

You can add an image to your post by clicking on the “Image” block, also you can add some different blocks, such as

  • Paragraph-for typing a text
  • Shortcode-for typing a shortcode of any post
  • Columns-for adding different types of columns
  • Groupes
  • Headings
  • And so on.

Gutenberg Block editor provides you with several blocks. If you want to find them all just click on the “Browse All” button. On the right side, all blocks suggested by the Gutenberg Block editor appear. If you exactly know which block you need you can just type in its name on the “Search bar“.

Browse all blocks in gutenberg editor

Creating and designing the page/post has never been this much easy. The Classic editor is more complicated than the Gutenberg Block editor so to use Classic Editor you should have some coding skills. So if you have coding skills and want to create a page/post with code you can just install the Classic Editor.

So first let’s install the plugin and understand how it works.



2. Classic Editor


Banner of the Classic editor plugin

As the Classic Editor is now a plugin, let’s start with installing and activating the plugin.

Step 1

WordPress Dashboard > Plugins > Add New

Go to your WordPress dashboard head to the “Plugins” from the left sub-menu and click on the “Add New” button. As the Classic editor is a free plugin so on the left search bar just type in its name and search for it. After finding the plugin click on the “Install” button and wait till it changes to activate and click on the “Activate” button. Now as this plugin is already activated by adding a new page/post the Gutenberg Block editor doesn’t work as a default option.

how to install and activate the Classic Editor

Step 2

Posts > Add New

Now from the WordPress Dashboard find the “Posts” button from the left sub-menu and click on the “New Post” button. Here you can see the “Title field” so just type in the title of your post and continue with your post.

You can see a large field for adding text to your post. Besides the text, you can also add headings, and tables, insert some shortcodes, links, images, and so on.

As I mentioned above this plugin is just for those who have coding skills, so in the right corner, you can see two buttons-Visual and Text. By clicking on the “Visual” button your common post appears.

Create post with the Classic Editor visual

By clicking on the “Text” button appears the code of your text, so you can just work on it.

Create post with Classic editor text

Also on the left side, you can see the “Add Media” button. So by clicking on it, you can upload some images, audio, and videos.

With Classic Editor, you can preview and publish the post without adding a new post and typing the shortcode as on the left side you already have the “Preview” and “Publish” buttons. All you need is just to click on them.



3. Elementor


Elementor best website builder plugin

Let’s turn to one of the most popular, easy-to-use, functional plugin-Elementor. With this website-building platform for WordPress, you can create pixel-perfect and professional websites without having any coding skills.

You can use either the free version of the Elementor or the Pro version. No matter which version you choose you can create any type of website. So if you want to increase lead generation or accelerate and scale your website the Elementor plugin is just what you need.

Using the Elementor plugin your created website will be responsive (no matter whether the user is viewing your website on a Desktop, Mobile, Tablet, Wide Screen, and more).

Now let’s understand how to create a single page/post with Elementor. You have two versions for creating a page.

WordPress Dashboard > Pages > Add New

You can go to the “WordPress dashboard” and as in the other cases click on the “Pages” button and click on the “Add New” button to start creating a new page.

WordPress Dashboard > Elementor overview field > + Create New Page

For Creating a New Page you can also do just one click as on your dashboard you have an “Elementor overview field“. So all you need is just to click on the “+ Create New Page” button.

How to create a new page with elementor

Here on the left side, the Elemenetor plugin provides you with different widgets. As Elenetor has a drag-and-drop system, the process of creation is not complicated. All you need is to find the widgets you need or just search them in the search bar.

widgets of the elementor plugin

You can add images, videos, audio, heading, columns, and just all you need for creating a unique and perfect Contact Us, Privacy policy, About Us, and many other pages.

Posts > Add new > Edit with Elementor

Now let’s turn to Posts. With Elementor you can create different post templates. Just from the WordPress left sub-menu head to the “Posts” and click on the “Add new” button. Here you can click on the “Edit with Elementor” button and start to create your post template with prominent widgets of Elementor.

So here as well by drag-and-drop system, you can add Heading, Image, Text Editor, Video, Button, Icon, Counter, and many other widgets. So the last step that you should do is to click on the “Publish” button. You can also click on the “Save Options” to choose whether to save the post as a draft by clicking on the save draft button or to save it as a template by clicking on the “Save as template” button.

With Elementor, you can have a multi-language website as it is compatible with RTL and supports multiple languages. This plugin is also compatible with Weglot, WPML, TranslatePress, and Polylang.

By the way with the Pro version, you should have some more additional features like a popup builder, advanced motion effects, and so on.

Also as there are several add-ons created especially for Elementor, the process of creation is just a pleasure for you.

Besides these three page builders, there are several other plugins in WordPress.



4.SeedProd


Website builder plugin SeedProd

One of the premium theme and page builder plugins is the SeedProd. With this plugin, you can also create custom themes without having any coding skills.

With its drag-and-drop interface creating a new website is just easy-peasy but also makes your work easier by providing you with pre-made layouts.

You also have different ready-made templates for coming soon pages, maintenance mode pages, sales pages, landing pages, and many more different types of pages.

With SeedProd you will have the most useful features and blocks, such as social profiles, contact forms, countdown timers, and much more.



5. Brizy-Page Builder


Page Builder plugin Brizy

Using the Brizy plugin you can create fully functioning, astonishing, and responsive websites without any coding or development skills. Here also you can use it for free or just get the Pro version with much more advanced features.

Brizi has so many prominent features. It has innovative content tools. Brizy is intuitive and clutter-free and also responsive from the get-go. As you understand it has many more prominent features.

For sure this is one of the best plugins for creating a new website.



6. Beaver Builder-WordPress Page Builder


Page builder plugin Beaver Builder

Creating a website with the Beaver Builder plugin is just a fun activity. As this page builder plugin also is easy-to-use. It has too many powerful features, and your created websites are responsive.

The plugin has a drag-and-drop interface and also customizable templates that make the process of creating easier.

To Sum Up!

As you can see creating stunning pages or posts in WordPress is too simple all you need is just to choose the best plugin for you or just use the default version of WordPress.

Do not forget that having eye-catching posts on your website provides you with many benefits such as you increase your website’s traffic, generating leads becoming easier, and so on. Also, be attentive to not limit your website’s memory, in case of limitation find ways to increase WordPress memory limit.

Do you think that this article is practical, useful, and interesting? If so, I have good news for you, as on our blog page you can find more articles like this. Also, make sure to read the WordPress Quiz Pro Review.

Do not forget to follow us on Facebook and Twitter. If you are not a reader but a watcher just subscribe to our YouTube channel for useful tutorials.

50% OFF


Mega bundle offer for you!

It consists of 3 different powerful plugins, each one allowing you to make your WordPress experience the best that could be.
Quiz + Poll + Survey