{"id":4822,"date":"2022-06-08T09:39:58","date_gmt":"2022-06-08T06:39:58","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=4822"},"modified":"2023-02-16T16:13:41","modified_gmt":"2023-02-16T14:13:41","slug":"how-to-write-a-wordpress-post","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-write-a-wordpress-post\/","title":{"rendered":"How to Write a WordPress Post?"},"content":{"rendered":"\n

WordPress is a favorite publishing tool for millions of bloggers who use the post-editing features of the CMS as a word processor. Since the upgrade from the <\/span>Classic WordPress Editor<\/b> to <\/span>Gutenberg<\/b>, the functionality has expanded to include a complete set of tools for page design.<\/span><\/p>\n\n\n\n

With Gutenberg, <\/span>WordPress<\/b><\/a> site publishers will be able to <\/span>arrange blocks, menus, JavaScript displays, widgets<\/b>, and other custom elements from plugins around text in web\/mobile apps. <\/span><\/p>\n\n\n\n

This article will discuss how to <\/span>plan for a<\/b> WordPress post<\/b> using the core word processing, theme, page builder, and other professional design tools for the CMS. Let\u2019s dive right in!<\/span><\/p>\n\n\n\n

The <\/span>core functionality of WordPress<\/b> makes it easy to just login and start writing your posts. You can use <\/span>a featured image on each page<\/b> and <\/span>select a theme<\/b><\/a> that displays it as an anchor element. By converting the post image to thumbnails, you can build dynamic content displays<\/span> for blocks. Tags, categories, and keywords allow you to <\/span>build a site around SEO principles<\/b>.<\/span><\/p>\n\n\n\n

Gutenberg, Elementor, and other WordPress page builder solutions add <\/span>WYSIWYG design<\/b> elements to live publishing<\/b>. But if you are using pro<\/span> WP themes<\/b> with your site builder or want to design landing pages – it is best to do some planning before starting a post for a better result.<\/span><\/p>\n\n\n\n

Steps to Write a WordPress Post<\/b><\/h2>\n\n\n\n

It takes more than a \u201c<\/span>publish button<\/span><\/i>\u201d to build a WordPress website with <\/span>plugin integration<\/b><\/a> across every post page. You can start the design for a <\/span>WordPress post<\/b> with a simple post title and featured image. <\/span><\/p>\n\n\n\n

Add text and save the draft to preview the content. Anyone can use this method to publish a WordPress site with blog posts. Just click <\/span>\u201cAdd new post\u201d<\/b> to get started writing.<\/span><\/p>\n\n\n\n

Many bloggers are still used to writing in <\/span>Microsoft Word<\/b> or <\/span>Google Docs<\/b> and then transfer their content to WordPress for publication. That\u2019s entirely possible as WordPress offers the ability to preserve most of the formatting for <\/span>titles, links, fonts, and styling<\/b>. Still, there are other issues to consider, like the images and videos that will be embedded with the content pages.<\/span><\/p>\n\n\n\n

Some careful preparations are needed if you are to make it right. Planning can take the form of <\/span>brainstorming, lists, wireframing, design mockups<\/span><\/i>, and <\/span>PSD displays<\/b> with layered elements.<\/span><\/p>\n\n\n\n

Planning<\/b><\/h3>\n\n\n\n

Your planning for a WordPress post<\/span> includes the <\/span>text<\/b>, <\/span>multimedia files<\/b>, <\/span>images<\/b>, <\/span>logos<\/b>, <\/span>icons<\/b>, <\/span>forms<\/b>, and other page elements that will be displayed to users. Many <\/span>GUI aspects <\/b>are provided by themes based on <\/span>CSS frameworks <\/b>like <\/span>Twitter Bootstrap,<\/b> which establish a stock design.<\/span><\/p>\n\n\n\n

If you are using a pro theme, it will usually come with site templates and ready-made landing pages that can be customized for reuse when building site content. It is best to make use of the provided options of the <\/span>premium template <\/b>and use visual page editors like <\/span>Gutenberg<\/b> or <\/span>Elementor<\/b> for composing individual pages. <\/span><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

The Gutenberg Editor<\/b><\/a>:<\/b> The advanced block-based builder for WordPress.<\/span><\/i><\/p>\n\n\n\n

Your WordPress theme will <\/span>deliver the menu, header, footer, and block structure across different devices with custom CSS<\/span><\/i>. Using templates with a page builder in WordPress allows content creators to <\/span>reuse their content<\/b> and <\/span>standardize design elements<\/b> for brand identity.<\/span><\/p>\n\n\n\n

Researching<\/b><\/h3>\n\n\n\n

Researching the latest <\/span>website trends for<\/b> page displays<\/b>, <\/span>menus<\/b>, <\/span>JavaScript<\/b> elements<\/b>, <\/span>widgets<\/b>, and <\/span>block content<\/b> can easily lead to inspiration for new posts. Additionally, it\u2019s always a good idea to keep up to date with <\/span>the latest plugin releases<\/b> for WordPress as they add exciting new functionalities to your pages. Use plugins to introduce new features on sites.<\/span><\/p>\n\n\n\n

There are thousands of blogs covering <\/span>WordPress-related topics<\/b> as well, from custom theme and <\/span>plugin programming to SEO and ecommerce solutions<\/b>. These are great sources of inspiration for developers and can lead to new solutions that help to build complex projects.<\/span><\/p>\n\n\n\n

Formatting<\/b><\/h3>\n\n\n\n

If you are using a professional theme or building custom landing pages with templates, you need to consider the <\/span>CSS styling<\/b> for each page element. Most themes provide stylesheets as part of the <\/span>complete distribution<\/b>, but developers can override these settings with a child theme.<\/span><\/p>\n\n\n\n

Many premium templates for WordPress bundle a site builder solution like <\/span>Elementor<\/b> or <\/span>Visual Composer<\/b> with their distributions to offer even more options for building complex pages. Consider all the <\/span>design<\/b>, <\/span>branding<\/b>, and <\/span>theme elements<\/b> of your WordPress site before you start posting. It\u2019s often a good idea to use pre-made templates to save time and create standardized product landing pages.<\/span><\/p>\n\n\n\n

One of the main advantages of WordPress is that beginners can install a theme and publish content without needing to write custom <\/span>CSS, HTML, or PHP code<\/span><\/i>. The use of a page content editor like <\/span>Gutenberg<\/b> or a visual composer solution like <\/span>Elementor<\/b> is central to page formatting on modern WordPress websites. Other popular solutions are <\/span>WPBakery <\/b>and <\/span>Beaver Builder<\/b>.<\/span><\/p>\n\n\n\n

Screen Display Options<\/b><\/h2>\n\n\n\n

Many users still prefer to revert to the familiar <\/span>Classic WordPress Editor<\/b> for their posts. If you are one of those people – you can download it as a plugin from your <\/span>WP dashboard<\/b><\/a>. <\/span><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Alternatively, you can use Gutenberg to <\/span>consolidate CSS from different plugins<\/b> to match the installed theme on different mobile and desktop displays. With its block-based operation, the editor allows you to more intuitively build up and rearrange your content without any previous experience.<\/span><\/p>\n\n\n\n

Optimizing Your Post<\/b><\/h2>\n\n\n\n

Installing an SEO plugin like <\/span>Yoast<\/span><\/a> will give you more control over the<\/span> metatags<\/b>, <\/span>page description<\/b>, <\/span>title<\/b>, <\/span>URL structure<\/b>, and <\/span>keywords<\/b> associated with the post. For example:<\/span><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Apart from that, you can add tags, featured <\/span>categories, images, and formatting elements using the sidebar options <\/span><\/i>in the<\/span> Classic Editor or Gutenberg<\/b> to organize your site\u2019s content posts. <\/span><\/p>\n\n\n\n

For Gutenberg, you can take a more visual approach to page design with the <\/span>Block Editor<\/b>. SEO plugins like <\/span>Yoast<\/b> will integrate in the same manner as with the <\/span>Classic Editor display<\/b>.<\/span><\/p>\n\n\n\n

Best Practices For Posting<\/b><\/h2>\n\n\n\n

WordPress website developers will need to install and <\/span>test various plugins and themes <\/b>to determine which solutions work best for their content production and team workflow requirements. Using a <\/span>visual page builder solution <\/b>with \u201c<\/span>drag & drop<\/span><\/i>\u201d features is recommended. Set up a child theme if you need to override any <\/span>default CSS settings<\/b>.<\/span><\/p>\n\n\n\n

Always <\/span>check the preview of your post <\/b>before publishing. That\u2019s a great way to test if everything looks fine before you let your content go live and start gathering attention. <\/span><\/p>\n\n\n\n

Subheadings <\/b>and <\/span>Bulleting <\/b>are your friends when formatting. They help you avoid posting large chunks of text and significantly improve its readability for users across devices. <\/span><\/p>\n\n\n\n

The same goes for <\/span>multimedia <\/b>– users are naturally drawn to stunning images and videos, making them more inclined to check the text that accompanies them, especially on mobile. <\/span><\/p>\n\n\n\n

Website developers using a pro theme with <\/span>Elementor or Visual Composer<\/b> can add <\/span>advanced template functionalities<\/b>, like re-using content across site sections or creating landing pages to build brand identity. Make sure to use responsive themes and test styles across device options.<\/span><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Elementor<\/b><\/a>: <\/b>The page builder solution includes complete site templates for WP developers.<\/span><\/i><\/p>\n\n\n\n

Visual vs. Text Editor Solutions<\/b><\/h2>\n\n\n\n

When it comes to WordPress website design, there are advocates of both <\/span>visual design<\/b> and <\/span>text editor <\/b>solutions. Visual design is recommended for most <\/span>WordPress website developers<\/b>.<\/span><\/p>\n\n\n\n

Usually, <\/span>WordPress bloggers<\/b> from the early days are most loyal to the classic text editor approach as it has been around for so many years. On the other hand, developers who often <\/span>extend core functionalities <\/b>through <\/span>plugins<\/b><\/a> and widgets can make the most out of Gutenberg for their visual design needs. Third-party solutions add more features than Gutenberg at a cost.<\/span><\/p>\n\n\n\n

In the next section, we\u2019ll take a closer look at Gutenberg and its closest market alternatives to see how each one stacks up based on the features available on free and subscription versions.<\/span><\/p>\n\n\n\n

Gutenberg<\/b><\/h3>\n\n\n\n

Gutenberg is actively promoted by the development team at <\/span>Automattic<\/b> that is behind the CMS core stewardship. If you are a <\/span>DIY WordPress developer<\/span><\/i>, you can unveil endless opportunities by learning the ins-and-outs of the <\/span>Gutenberg<\/b> page builder<\/b> for assembling content pages. <\/span><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Gutenberg functions as a <\/span>complete dashboard for web page composition<\/b> on modular design principles, which gives publishers access to a wide array of <\/span>widgets, blocks, and custom displays<\/b>. Making use of the features of Gutenberg is the best way to create dynamic content pages for WordPress with plugins, extensions, and<\/span> APIs that display in CSS block elements<\/b>.<\/span><\/p>\n\n\n\n

Elementor<\/b><\/h3>\n\n\n\n

Elementor is the most popular alternative to Gutenberg and <\/span>second most popular WP plugin<\/b> overall, with<\/span> over 15% of websites<\/b> using it in some shape or form for page composition. <\/span><\/p>\n\n\n\n

The page builder suite is commonly bundled with <\/span>many professional WordPress themes<\/b>, which is great as you already have professional design layouts at your disposal. Otherwise, you can install the free version and the suite of add-ons by navigating to: <\/span>\/wp-admin\/plugin-install.php<\/b><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Elementor<\/b><\/a>: <\/b>The most advanced page design solution for WordPress web development.<\/span><\/i><\/p>\n\n\n\n

After activation, Elementor offers a free <\/span>\u201cHello\u201d theme<\/b> and an <\/span>onboarding feature<\/b> that is helpful in setting up a new website. The Elementor Editor is similar to Gutenberg and has<\/span> over 90 widgets<\/b> that can be used to build page design features with dynamic interactive content.<\/span><\/p>\n\n\n\n

Elementor can be used with custom themes to <\/span>create templates that can be used across content types, products, and landing pages<\/b>. This allows you to build brand identity coherence<\/span> across domains, as well as to standardize the design elements on content pages.<\/span><\/p>\n\n\n\n

Visual Composer<\/b><\/h3>\n\n\n\n

Visual Composer<\/span> takes the principle of WordPress extensibility to the highest levels, with <\/span>over 500 built-in content elements<\/b> that can be used to design pages. If you want to host a WP app with multiple integrations to other publishers and services – Visual Composer makes the design aspects effortless with its<\/span> drag-and-drop functionality<\/b> across page elements.<\/span><\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Visual Composer<\/b><\/a>: <\/b>\u201cThe WordPress site builder designed for web creators & professional sites.\u201d<\/span><\/i><\/p>\n\n\n\n

Visual Composer, Elementor, and Gutenberg all implement the <\/span>WYSIWYG design<\/b> approach <\/b>(What You See Is What You Get) for WordPress posts<\/span><\/i>. The advantage is that you don\u2019t have to learn an entirely new editing system if you design to switch your chosen solution.<\/span><\/p>\n\n\n\n

As for mobile-friendliness, Visual Composer excels with its <\/span>stunning responsive themes<\/b>, helping your website look great on all screens and devices like<\/span> iPad, iPhone, or Android<\/b>.<\/span><\/p>\n\n\n\n

Conclusion<\/b><\/h2>\n\n\n\n

If you are using <\/span>WordPress posts for landing pages<\/b> or product display pages with custom fields, it is recommended to use a visual site builder solution. Apart from Gutenberg, many users have opted for wonderful alternatives like Elementor or Visual Composer for the best design representation.. <\/span><\/p>\n\n\n\n

At the end of the day, it\u2019s your content that matters, so no matter what pizzazz you add to your posts, their value for the reader is what matters. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

WordPress is a favorite publishing tool for millions of bloggers who use the post-editing features of the CMS as a word processor. Since the upgrade from the Classic WordPress Editor to Gutenberg, the functionality has expanded to include a complete set of tools for page design. With Gutenberg, WordPress site publishers will be able to […]<\/p>\n","protected":false},"author":3,"featured_media":5395,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-4822","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=4822"}],"version-history":[{"count":5,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4822\/revisions"}],"predecessor-version":[{"id":5374,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4822\/revisions\/5374"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media\/5395"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=4822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=4822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=4822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}