{"id":1010,"date":"2017-06-14T09:10:47","date_gmt":"2017-06-14T09:10:47","guid":{"rendered":"https:\/\/firstsiteguide.com-posts\/"},"modified":"2023-10-04T04:05:09","modified_gmt":"2023-10-04T04:05:09","slug":"wordpress-posts","status":"publish","type":"post","link":"https:\/\/firstsiteguide.com\/wordpress-posts\/","title":{"rendered":"How to Add Your First Blog Post in WordPress Editor","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

When discussing WordPress (the best blogging platform<\/a>) with bloggers who have already spent a few years writing, creating WordPress posts might sound trivial. The truth is that you can publish your first post<\/a> very quickly. But if you want to do it the right way, there are things you should explore from the start. Let us help you with that.<\/p>\n\n\n\n

Before we move on, it\u2019s important to point out that WordPress replaced their classic editor with a brand-new editor named Block editor\/Gutenberg Editor in the WordPress 5.0 update released on December 6, 2018. This new editor helps to add media-rich posts and pages to WordPress.<\/p>\n\n\n\n

Gutenberg is currently the default and only editor. However, you can still install and use the Classic Editor plugin if you prefer the classic look: click here<\/a> to find out how to continue using the previous (\u201cclassic\u201d) WordPress editor. <\/p>\n\n\n\n

This way you can still use the old version with the new Gutenberg editor.<\/p>\n\n\n\n

Before discussing adding a new post using the classic and the new default editor, let\u2019s first explain the main differences between the new Block (Gutenberg) and the Classic WordPress Editor.<\/p>\n\n\n\n

What is Gutenberg editor?<\/h2>\n\n\n\n

Gutenberg editor uses \u201cBlocks\u201d to create visually appealing posts and pages by adding useful blocks, widgets, and much more. Blocks are the content elements that you add to the content editor to create this visually appealing content.<\/p>\n\n\n\n

Each item, either a paragraph, image, video, or table that you wish to add to your post or page is a block. A WordPress user can easily drag and drop blocks to a post or page without any difficulty. To use this drag and drop functionality, you\u2019ll need to hover your mouse over the six dots between the up and down arrows.<\/p>\n\n\n\n

\"Drag<\/figure>\n\n\n\n

Also, the Gutenberg editor helps you to create complex layouts in WordPress without any building or coding. Most importantly, this editor will not damage your site functionality in any way.<\/p>\n\n\n\n

This new editing interface was challenging for many users to adjust to working with. Many longtime WordPress users found it difficult due to the new complex editing interface as compared to the classic WordPress editor.<\/p>\n\n\n\n

As already mentioned, Gutenberg Editor doesn\u2019t prevent you from using the classic editor in the updated version of WordPress. If you prefer, you can continue using the old editor (classic editor) by installing a plugin called \u201cClassic Editor.\u201d<\/p>\n\n\n\n

Before we dive deep into the details of how to create a post in the block editor (Gutenberg), let\u2019s compare the new Gutenberg Editor and the Classic Editor.<\/p>\n\n\n\n

What\u2019s the difference between a block editor (Gutenberg) and a classic editor?<\/h2>\n\n\n\n

Here is how the classic editor appears:<\/p>\n\n\n\n

\"Classic<\/figure>\n\n\n\n

If you upgrade to WordPress 5.0 or the latest version, you\u2019ll see block editor (Gutenberg) as the default editor.<\/p>\n\n\n\n

\"Gutenberg<\/figure>\n\n\n\n

The most significant difference between the classic editor and block editor (Gutenberg) is that the classic allows you to edit text with formatting buttons like Microsoft Word. The block editor enables you to design appealing posts in the form of blocks. It\u2019s simple and easy to use.<\/p>\n\n\n\n

The Gutenberg editor equips you to add different types of content to your site in the form of paragraphs, lists, headings, tables, images, embeds, shortcodes, widgets, quotes, and more. You can also use a plugin like a contact form to add more blocks.<\/p>\n\n\n\n

The Gutenberg editor has many benefits over the classic editor. It allows you to add tables easily, move elements up and down, edit individual blocks, and create media-rich content. Learn it and implement it; you\u2019ll love it for sure. Ready?<\/strong><\/p>\n\n\n\n

Adding a new post in WordPress using the Gutenberg editor<\/h2>\n\n\n\n

Learn how to master Block Editor (Gutenberg) to build visually stunning layouts in WordPress without the work of adding extra codes.<\/p>\n\n\n\n

To create a new post, login to your WordPress dashboard<\/a>. Next, hover your cursor over Posts on the left-hand side of the admin panel. Click on Add New.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

A screen will appear where you will see the WordPress Gutenberg Block editor, and this is where you will add all of the content of your new post.<\/p>\n\n\n\n

\"Gutenberg<\/figure>\n\n\n\n

Add title and content<\/h3>\n\n\n\n

In the Add Title field, write the title of your blog post. Below it, you can begin writing your content directly, or add the content of your post in the form of blocks.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

In the Gutenberg editor, all of the content elements are managed in the form of blocks. To add blocks, click on the + sign on the left side, or press enter, and you\u2019ll see the + sign to add blocks, as shown in the image below.<\/p>\n\n\n\n

\"Gutenberg<\/figure>\n\n\n\n

The Gutenberg editor lets you add different useful blocks such as a paragraph, list, heading, tables, images, embeds, shortcodes, widgets, quotes, and more.<\/p>\n\n\n\n

Set featured image<\/h3>\n\n\n\n

You\u2019ll see two options on the top right-hand side of the editor; Document and Block. Click on the document section to see the Featured image field just below the Tags field. This field allows you to add a featured image to your post. A featured or cover image is the primary image you set on your WordPress post. It makes your post more meaningful and appealing.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Heading block<\/h3>\n\n\n\n

Now let\u2019s see how to add a heading to your content in Gutenberg editor?<\/p>\n\n\n\n

Click on the + sign and choose \u201cheading block\u201d to add headings to your content. You can add H1-H6 headings using this block. To get more options for the heading block, navigate to the right side of the screen, and select the Block tab to change the heading levels. Then you will be able to set the color of the text.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Add images, videos, and other media<\/h3>\n\n\n\n

You can easily find the ready to use image block in the Gutenberg editor. Simply add the Image block option that is available under the Common Blocks tab.<\/p>\n\n\n\n

\"Adding<\/figure>\n\n\n\n

Now, you can upload an image file or select it from the media library. You can even use the URL of an image to add it to your post.<\/p>\n\n\n\n

\"Select<\/figure>\n\n\n\n

Alternatively, you can drag and drop images from your system, and the block editor will automatically create an image block for it.<\/p>\n\n\n\n

To edit the settings of the image such as alt text, image size, or to add a link to the image, click on the Block tab in the top right-hand side of the editor.<\/p>\n\n\n\n

\"Edit<\/figure>\n\n\n\n

You can also add a gallery block to your post. It works the same as an image block.<\/p>\n\n\n\n

You can also add other media to your posts and pages such as videos, tweets, audio, and other social content. Just use the blocks available under the Embeds<\/strong> tab.<\/p>\n\n\n\n

For example, to embed a YouTube video in your post, add a new block by clicking on the + sign and write embed in the search field. Then select YouTube under the Embeds tab.<\/p>\n\n\n\n

\"Embed<\/figure>\n\n\n\n

Next, just add the URL of the YouTube video and click on the Embed button. The video that you selected will be added to your post.<\/p>\n\n\n\n

\"Enter<\/figure>\n\n\n\n

In the same way, you can also embed other media into your WordPress post using the embed block.<\/p>\n\n\n\n

Show\/Hide options from the document section<\/h3>\n\n\n\n

If you click on the Document section on the top right-hand side of the editor, you will see different options like permalink, categories, discussion, and excerpts.<\/p>\n\n\n\n

\"Document<\/figure>\n\n\n\n

If you want to hide some of these options or if some of these options are not appearing and you want them to show under the Document tab, click on the gear icon on the top-right corner of the editor. Then click on the \u2018Options\u2019 button to edit these screen options.<\/p>\n\n\n\n

You can check and uncheck the options to show or hide them under the Document tab.<\/p>\n\n\n\n

\"Hide<\/figure>\n\n\n\n

Add categories and tags<\/h3>\n\n\n\n

WordPress allows you to organize your posts easily using categories and tags. You can find the categories and tags section above the featured image section under the Document tab. Use this section to add relevant categories and tags to your post.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Organizing your data also helps the search engine crawlers to index your content efficiently.<\/p>\n\n\n\n

Change post permalink<\/h3>\n\n\n\n

Permalinks help to rank your post on search engines. It is an integral part of on-page SEO. Using a friendly and meaningful permalink is very necessary.<\/p>\n\n\n\n

You can change or edit the permalink of your post using the Permalink option that is present under the Document tab.<\/p>\n\n\n\n

\"Change<\/figure>\n\n\n\n

Add excerpts (article summary)<\/h3>\n\n\n\n

An excerpt will serve as the summary of your post that you\u2019ve created in the block editor. By default, WordPress uses the first 55 words of the post\u2019s content to generate the excerpt of the post.<\/p>\n\n\n\n

However, if you wish, you can add the excerpt of your choice by utilizing the Excerpt option under the Document tab.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

WordPress will show this excerpt as the summary instead of the auto-generated excerpt once you add the excerpt in the Excerpt option.<\/p>\n\n\n\n

Change author<\/h3>\n\n\n\n

By default, a WordPress post is published under the name of the author who creates it and publishes it. However, if you have multiple users on your WordPress website, you will also have the option to select a different author for the post.<\/p>\n\n\n\n

To change the author of a post, click on the Status and visibility option under the Document tab. There you can see the option to change the author of the post. Click on the drop-down arrow to select the author\u2019s name.<\/p>\n\n\n\n

\"Change<\/figure>\n\n\n\n

Show comments (Discussion) option<\/h3>\n\n\n\n

Comments are a great way to increase the interactivity of your posts. By default, the comments section is enabled on your posts.<\/p>\n\n\n\n

WordPress allows you to enable\/disable the comments section on your posts. In the Document tab under the excerpt section, you\u2019ll see the Discussion option. Click on this option to see the options to enable\/disable the comments section.<\/p>\n\n\n\n

Here, you will also see the option to allow\/disallow pingbacks and trackbacks.<\/p>\n\n\n\n

\"Comments<\/figure>\n\n\n\n

Show draft, preview, and publish options<\/h3>\n\n\n\n

On the top right section of the editor screen, you\u2019ll see Save Draft, Preview, and Publish buttons. Here you can save your content as a draft to publish it later. You can also use the preview button to see how your post looks online. After you\u2019re done adding content, media, tables, and on-page SEO, you can instantly publish your post so that it will be visible to your audience.<\/p>\n\n\n\n

\"Show<\/figure>\n\n\n\n

We hope that this block editor guide helped you in learning how to use the new Gutenberg WordPress editor. Now let\u2019s move on to learning how to use the old WordPress editor for all of you who prefer the classic feel.<\/strong><\/p>\n\n\n\n

Adding a new post in WordPress using the classic editor<\/h2>\n\n\n\n

Although both WordPress editors (visual and textual) look quite intuitive, sometimes even more experienced users can get in trouble.<\/p>\n\n\n\n

If you just learned how to start a WordPress blog<\/a> and you\u2019re about to start writing your first WordPress post, you are in the right place.<\/p>\n\n\n\n

How to add your first WordPress post<\/h3>\n\n\n\n

After logging into WordPress, take a look at the left side of the screen. On the admin menu, there is the Post menu item just under the Dashboard one.<\/p>\n\n\n

\n \n\n

To start writing your first post, hover your mouse cursor (or click) on Post<\/em> item. Then select “Add New”.<\/p>\n\n<\/div>\n\n\n

Alternatively, you can create a new post by selecting New -> Post from the admin bar.<\/p>\n\n\n\n

Either option will take you to another page which allows you to write and edit your first article.<\/p>\n\n\n\n

Title and Permalink<\/strong><\/h4>\n\n\n\n

<\/p>\n\n\n

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

<\/p>\n\n\n\n

The first element on the new page is a post title. Here you will write the title of your article<\/strong>. Technically, it is possible to leave this field empty, but in that case, WordPress will automatically add a \u201c(no title)\u201d attribute as your headline. Just from a user experience point of view, we advise that you always write a custom title for any post that you\u2019re about to publish.<\/p>\n\n\n\n

As soon as you write a title and switch focus to the content box, Permalink Settings<\/strong> will appear below the title field. If you haven\u2019t changed anything to your permalink structure, this will just help you to see the exact URL of your new post. If you copy this URL, you can send it to your friends, post on social media, or use anywhere else to share direct access to the post once you publish it.<\/p>\n\n\n\n

In case you do have a custom permalink structure, clicking the \u201cedit\u201d button next to it allows you to change the last part of the permalink<\/strong> to anything you like.<\/p>\n\n\n\n

Content area \u2013 Visual and text editor<\/strong><\/h4>\n\n\n\n

<\/p>\n\n\n

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

<\/p>\n\n\n\n

Below the title field, the content box waits for your input. This is the area where you should write<\/strong> your first WordPress post. Depending on the editor, things can look a bit different. In the following segment, we\u2019re about to show you all of the elements available on the page.<\/p>\n\n\n

\n \n\n

The visual editor is more beginner-friendly. It lets you focus on the content and use formatting buttons to style your text just like with any word processors. On the other hand, the text editor is more developer-friendly. It empowers you to write and add code directly from the editor.<\/p>\n\n<\/div>\n\n\n

While switching between editors is possible just by selecting the right tab from the right side of the content area, it\u2019s not recommended. Changing editors could mess up your formatting<\/strong>. For example, if you create a numbered list in the text editor and then switch to a visual one, WordPress will jumble up the list by adding additional HTML tags. If you have no experience with HTML, we suggest that you stick with the visual editor.<\/p>\n\n\n\n

When working in any of the editors, you can use keyboard shortcuts to work faster and more efficiently. For example, press CTRL + B key combination to make selected text bold.<\/p>\n\n\n\n

How to turn off the visual editor<\/strong><\/h4>\n\n\n\n

<\/p>\n\n\n

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

<\/p>\n\n\n\n

Although it is not possible to shut down the text editor, you can easily turn off the visual one. To do so, please navigate to Users -> Your Profile which will open your profile settings page. Under Personal Options, select the first \u201cDisable the visual editor when writing\u201d option. Don\u2019t forget to scroll down and click the Update Profile button to save changes.<\/p>\n\n\n\n

Now, you will only have the text editor, and you won\u2019t have to worry about switching editors by mistake.<\/p>\n\n\n\n

Worry-free writing<\/strong><\/h4>\n\n\n\n

While writing your new article, you don\u2019t need to worry about losing your content. By default, WordPress automatically saves the entire post content<\/strong> for you every 60 seconds. Just in case you forget to save the progress manually, it\u2019s good to know that WordPress has your back.<\/p>\n\n\n\n

Add Media<\/strong><\/h4>\n\n\n\n

<\/p>\n\n\n

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

<\/p>\n\n\n\n

On top of the content area (and just below the title), click the big \u201cAdd Media\u201d button to open Media Library<\/strong>. Here you can select previously uploaded images, add new ones, create galleries and so much more.<\/p>\n\n\n\n

Publishing Options<\/h3>\n\n\n
\n
\"WordPress<\/figure><\/div>\n\n\n

<\/p>\n\n\n\n

On the right-hand side of the post screen, several publishing options are waiting for your selection. Let\u2019s take a closer look at all of the options available to you.<\/p>\n\n\n\n

Save Draft button<\/strong><\/h4>\n\n\n\n

If you click on the Save Draft button, WordPress will save everything you\u2019ve done so far on the page. That includes the content and everything around it that you filled in or selected (like categories, tags, and so on).<\/p>\n\n\n\n

Preview button<\/strong><\/h4>\n\n\n\n

The preview button opens a new tab or window in your browser, and it shows you what your article looks like at the current stage. This is what the post would look like to everyone<\/strong> if you were about to publish it.<\/p>\n\n\n\n

Please take note that the URL of a preview is different from the actual published post. Also, the preview link will not work for non-logged-in users<\/strong>. Even though it is possible to make previews available for the public, you would have to install additional plugins for that to work.<\/p>\n\n\n\n

Status<\/strong><\/h4>\n\n\n
\n
\"Post<\/figure><\/div>\n\n\n

<\/p>\n\n\n\n

While still working on your article, by default, the status will be set to draft<\/strong>. By changing the status to \u201cPending review\u201d, you can tell your coworkers that you have finished working on the post and allow editors to review and approve it. Changing statuses is a must-have feature when working in a team.<\/p>\n\n\n\n

Once you publish a post, the status will automatically change to \u201cPublished\u201d. It is possible to alter the status of an already published post<\/strong> from here. You can even unpublish a post if you wish.<\/p>\n\n\n\n

Visibility<\/strong><\/h4>\n\n\n
\n
\"Post<\/figure><\/div>\n\n\n

<\/p>\n\n\n\n

Your new post can have three different visibility statuses.<\/p>\n\n\n\n

    \n
  1. Public<\/strong> \u2013 allows everyone to see your new article. If you select the option to stick the post to the front page of your blog, that particular post will always appear on top of your blog list. This is also known as a sticky post.<\/li>\n\n\n\n
  2. Password Protected<\/strong> \u2013 enter a password for the post. Only people who enter the correct password will be able to see the contents of the article.<\/li>\n\n\n\n
  3. Private<\/strong> \u2013 If you privately publish the post, only users who are logged in and have editing privileges will be able to see it.<\/li>\n<\/ol>\n\n\n\n

    Publish immediately, schedule or backdate a post<\/strong><\/h4>\n\n\n
    \n
    \"Post<\/figure><\/div>\n\n\n

    <\/p>\n\n\n\n

    By default, WordPress sets all posts to be published immediately. By clicking the \u201cEdit\u201d link next to this option, an article can be scheduled for publishing or set to any date in the past<\/strong>.<\/p>\n\n\n\n

    Move to trash<\/strong><\/h4>\n\n\n\n

    If you decide to delete the post<\/strong> that you\u2019re currently editing, just click the \u201cMove to trash\u201d option. If you click the link by mistake, don\u2019t worry; WordPress allows you to undo changes from the next screen. Also, your post will stay in the trash for 30 days<\/strong>. During that period you can always choose to bring it back to life or permanently delete to keep things neat.<\/p>\n\n\n\n

    Publish<\/strong><\/h4>\n\n\n\n

    Lastly, there\u2019s the blue \u201cPublish\u201d button that makes your post public<\/strong>. By default, clicking the button will make your post live instantaneously, and everyone will be able to see it. But if you click the \u201cEdit\u201d link next to the button, you can schedule or create a backdated post<\/strong>.<\/p>\n\n\n\n

    Formats<\/h3>\n\n\n\n

    By default, WordPress allows ten different post formats to be used by any theme. Depending on the theme you have installed, you may have all ten, none, or anything in between. Those formats allow you to change the layout of your post<\/strong>. Although the post would be displayed differently by changing a format, the content would stay the same.<\/p>\n\n\n\n

    These are ten default WordPress post formats:<\/p>\n\n\n\n