{"id":20838,"date":"2021-02-27T15:00:05","date_gmt":"2021-02-27T14:00:05","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=20838"},"modified":"2021-04-01T15:17:59","modified_gmt":"2021-04-01T13:17:59","slug":"how-to-create-wordpress-blog-post","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-create-wordpress-blog-post\/","title":{"rendered":"How to Create a WordPress Blog Post"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Creating a WordPress blog post will probably strike one as self-explanatory, given how WordPress was made for ease of use even by those without a strong technical background. However, while updating your blog is very easy and takes next to no time, there is still a lot you could do to make your blog posts really stand out both to your readers and search engines. In this tutorial, we will walk you through creating a blog post and all the various features of the post edit screen using three of the most used WordPress editors.[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#create-wordpress-blog-post-in-gutenberg\">How to Create a WordPress Blog Post in Gutenberg<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#create-wordpress-blog-post-in-classic-editor\">How to Create a WordPress Blog Post in the Classic Editor<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#create-wordpress-blog-post-in-elementor\">How to Create a WordPress Blog Post in Elementor<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;blog-magazine-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"create-wordpress-blog-post-in-gutenberg\"><\/a>How to Create a WordPress Blog Post in Gutenberg<\/h2>\n<p>[\/vc_column_text][vc_column_text]First, let us discuss the Gutenberg block editor. To start creating a new post, simply navigate to the post editing screen from your WordPress dashboard. You will find it at <strong>Posts\/Add New<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New.jpg\" class=\"attachment-full size-full\" alt=\"Posts Add New\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]At the top of the post editing screen, you will find the title field. This title will also form part of your post\u2018s URL, so it is important in terms of SEO. You\u2018ll want to make it as relevant to your post\u2018s theme as possible. But don\u2019t fret: even if you change your mind or can\u2019t think of a good title right away, you can change your title or <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-change-wordpress-url\/\">change your URL<\/a> later.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Title.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg New Post Title\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Title.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Title-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Title-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Title-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Another important feature which may or may not be present in your theme is the post format drop-down menu. We will generate a text post for this demonstration (\u201cStandard\u201d, \u201cDefault\u201d, or \u201cBlog\u201d for most themes), but you should consider the content you want to present. There may be in-built formatting standards for video, audio, gallery and other kinds of posts, depending on the theme you are using.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Type.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg New Post Type\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Type.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Type-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Type-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-New-Post-Type-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]For this demonstration, we will put in <em>Our New Blog Post<\/em>. Most blog posts consist of predominantly textual content, so we will populate our post with some randomly generated text.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The default block of the Gutenberg block editor is the <em>paragraph<\/em>, or text block. You can simply type your text in, or paste it. Gutenberg will automatically detect your paragraph breaks and subdivide your text into however many paragraphs there are in the original.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For some <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-keyboard-shortcuts\/\">useful keyboard shortcuts<\/a>, check out our in-depth guide on how to speed up your text formatting.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Post.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Post\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Post.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Post-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Post-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Post-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And that\u2018s it! Your blog post is ready to be published. How easy was that?<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Too easy.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This is just your basic text post. There are plenty of ways to make it more appealing to your visitors. For instance, you might want to subdivide it into headings. To do that, simply find the end of the paragraph directly above the one where you want your next heading to begin, and hit enter to generate a new block. Then, click on the <strong>plus<\/strong> sign, and select the <strong>Heading<\/strong> block.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-Block.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Heading Block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-Block.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-Block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-Block-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-Block-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You only need to input your heading. You can choose the heading\u2018s level, which ranges from the default H2 to H6. H1 is the heading level for a post title. Headings are important both in terms of SEO and accessibility for people using reader software to access your content. If you are using headings, you should keep them relevant to the content, and not skip levels. For this demonstration, we will put in <em>Our Heading<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Heading\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Heading-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, your post could also benefit from some embedded media. We will show you how to embed a picture, but it works much the same for audio and video. First, create another block as discussed above. Click the <strong>plus<\/strong> sign and add an <strong>Image<\/strong> block.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Block.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Image Block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Block.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Block-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Block-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You need to populate the <strong>Image<\/strong> block with an image file. WordPress supports most media files by default. There are three ways to do this: you can use an image\u2018s <strong>URL<\/strong>, select an image from the <strong>Media library<\/strong>, or <strong>Upload<\/strong> an image. We will upload a free image we found online.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are plenty of settings for an Image block on the right-hand side. We will not concern ourselves with it right now, but you can use it to style your image block however you like. What may merit some consideration is the alt text field. For more on it, we refer you to our in-depth <a href=\"https:\/\/qodeinteractive.com\/magazine\/image-titles-and-alt-text-in-wordpress\/\">tutorial on alt text<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Apart from the image itself, the image block also comes with a caption field. This is the text which will appear beneath your image, describing it or offering additional information. We will put in <em>This is not a post<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Caption.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Image Caption\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Caption.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Caption-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Caption-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Caption-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Plenty of other blocks exist if you want to format or display your text or media in different ways: Quote, Gallery, Media &amp; Text, Columns, and more. Some of them, like <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-create-wordpress-columns\/\">columns<\/a>, for instance, come with a multitude of settings, and all of them have different purposes, too much to go into a great amount of detail here. We do encourage you to test them and see which ones are best for your content.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, we arrive at the right-hand side controls. Firstly, up top, you have the <strong>Save draft<\/strong>, <strong>Preview<\/strong>, and <strong>Publish<\/strong> commands. These are pretty much self-explanatory.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next, in your post editing screen\u2018s <strong>Document<\/strong> tab, you will find some of the features of great importance to your blog post.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In the <strong>Status &amp; visibility<\/strong> submenu, you can set the visibility of your post to <em>Public<\/em>, <em>Private<\/em>, and <em>Password Protected<\/em>. You can set it for immediate publication, or you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-schedule-wordpress-posts\/\">schedule your post<\/a> for later. You can also change the post\u2018s format (if you hadn\u2019t done it earlier), stick the post to the top of the blog or make it wait for the review.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next down is the <strong>permalink<\/strong>, which you should change into something human-readable and relevant to the title, the better to help your SEO. If you want to know more, we have a whole article on <a href=\"https:\/\/qodeinteractive.com\/magazine\/what-are-wordpress-permalinks\/\">what permalinks are and why they matter<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Then we arrive to <strong>Categories<\/strong> and <strong>Tags<\/strong>. These features are called taxonomies, and are very important both for SEO and UX. You should select at least one category and several tags for each of your posts. There is a lot to be said about categories and tags \u2013 so much so, that we have a whole tutorial if you want to learn <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-taxonomy\/\">more on WordPress taxonomy<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Options.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Image Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Options-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Options-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Image-Options-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Scrolling further down, we have the <strong>Featured image<\/strong> section. A featured image is supposed to represent the post\u2018s content and supplement it. You should always add a featured image, as we shall. For <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-featured-image\/\">more on featured images<\/a>, check out our in-depth tutorial.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next down is the <strong>Excerpt<\/strong> section. Here you should write a few words on what the post is all about. Ideally they should be human-readable and contain key words to make finding your post easy on both search engines and visitors.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In the <strong>Discussion<\/strong> section, you have the options of allowing comments and pingbacks and trackbacks for this post. We strongly suggest you leave comments ticked. As far as pingbacks and trackbacks go, there are pros and cons to them. If you are concerned by spam or cannot spare the time to sift through a lot of messages each time one of your posts is linked to, you should untick them. For more on <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-pingbacks-and-trackbacks\/\">how pingbacks and trackbacks work<\/a>, you can refer to our article.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, in the <strong>Post Attributes<\/strong> section, you can select the template for your post. These affect the way your post looks, but are wholly dependent on your theme or plugins, so we\u2018ll leave it at the Default.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]And that\u2018s really it: scroll all the way up, hit <strong>Publish<\/strong>, and your post is ready to face the Internet.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"create-wordpress-blog-post-in-classic-editor\"><\/a>How to Create a WordPress Blog Post in the Classic Editor<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you are still using the Classic Editor, you probably have the most work to do in terms of formatting.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can add a new post using your WordPress dashboard. Simply navigate to your post editing screen from<strong> Posts\/Add New<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New.jpg\" class=\"attachment-full size-full\" alt=\"Posts Add New\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Posts-Add-New-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your view should present a familiar editor with two modes: <strong>Visual<\/strong> and <strong>Text<\/strong>. <strong>Visual<\/strong> is better for novice users, while <strong>Text<\/strong> is better suited for old hands who know how to use HTML. We will concentrate on the visual mode of the classic editor here.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Up top, you can and should add the post title. We have gone with <em>Classic Post<\/em>. Here is where you should also choose a format for your post (in the right-hand side menu) if your theme allows that. In our case, as we are generating a text post, it\u2019ll be \u201cStandard\u201d, We have also populated the main body of the post with some randomly generated text.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Standard-Post-Type.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Standard Post Type\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Standard-Post-Type.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Standard-Post-Type-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Standard-Post-Type-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Standard-Post-Type-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Above the text, you can see a number of familiar text formatting commands (bold, italic, alignment, bullets, links, and so on). You can also change selected text\u2018s mode from <em>Paragraph<\/em>, which is the default, to any of the <em>Headings<\/em>. With a plugin such as <a href=\"https:\/\/wordpress.org\/plugins\/tinymce-advanced\/\" target=\"_blank\" rel=\"noopener\">Advanced Editor Tools<\/a>, you can add more tools to your Classic Editor post editing screen.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Heading.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Heading\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Heading.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Heading-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Heading-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Heading-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To add media in the classic editor, simply click the <strong>Add Media<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Then, you can either upload media, or select something from the media library. We will do the latter. You can then <strong>Edit<\/strong> the image. The editing screen will allow you to add <strong>Alternative Text<\/strong> or a <strong>Caption<\/strong>, as well as change several of the other image settings.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Image-Options.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Image Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Image-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Image-Options-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Image-Options-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Image-Options-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To embed media hosted elsewhere, the easiest way is to simply paste the URL into the body of the text and hit enter. WordPress will automatically embed it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Embed.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Embed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Embed.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Embed-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Embed-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Embed-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And on the right-hand side, you will find the usual suspects: the <strong>Publish<\/strong> button, the post\u2018s <strong>Format<\/strong> settings, <strong>Categories<\/strong> and <strong>Tags<\/strong>, the post\u2018s template, and featured image. These have been more or less the same for years and work exactly as they do for Gutenberg.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Hitting the <strong>Preview<\/strong> button, you can see what your post will look like to your visitor.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Post-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Post Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Post-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Post-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Post-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Post-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now, you still need to be careful about your headings structure and featured image for SEO purposes at the very least, but what goes for Gutenberg in that respect will also go for the Classic Editor.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"create-wordpress-blog-post-in-elementor\"><\/a>How to Create a WordPress Blog Post in Elementor<\/h2>\n<p>[\/vc_column_text][vc_column_text]In Elementor, creating a blog post is even easier. All you need to do is drag and drop the elements in their proper place. In order to create a post with Elementor, you need to add a new post from your WordPress dashboard (<strong>Posts\/Add New<\/strong>) and click <strong>Edit with Elementor<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The elements you use as building blocks of your post are in the menu on the left-hand side. The post\u2018s title is at the top of the post.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Add-Title.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Add Title\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Add-Title.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Add-Title-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Add-Title-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Add-Title-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To add a paragraph of text, simply drag a <strong>Text Editor<\/strong> block to the body of your post.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Text Editor\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]We will, as we have before, populate the paragraph with randomly generated text, and you will, of course, type or paste your own text. The text editor element contains numerous styling options (font, bold, italic, underline, alignment, and so on) which you can use to style your text as you would with any text editor.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-Added.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Text Editor Added\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-Added.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-Added-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-Added-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Editor-Added-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]A useful element in terms of formatting text is the<strong> Inner Section<\/strong> element. Simply drag it to a widget area to subdivide it. These divisions work as widget areas themselves. You can also divide the subdivisions further.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Added.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Text Added\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Added.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Added-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Added-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Text-Added-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To add media in Elementor, simply drag the appropriate element to where you want it. To add a <strong>Video<\/strong> element, for instance, drag it to an available widget area. The process is much the same for audio and images.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Element.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Video Element\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Element.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Element-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Element-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Element-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will need to populate it with a video, of course. Elementor supports videos which are hosted in your own media library, but also on YouTube, Vimeo, and Dailymotion.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"550\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Added.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Video Added\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Added.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Added-300x170.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Added-768x436.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Video-Added-620x352.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you are happy with your post\u2018s content and layout, you can publish it. Elementor\u2018s publication settings are in the lower left, and you can access them using the <strong>Gear<\/strong> icon. Here you can change the <strong>Title<\/strong>, the post <strong>Status<\/strong>, add an <strong>Excerpt<\/strong> and a <strong>Featured Image<\/strong>, and change the post layout.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The editor\u2018s <strong>PUBLISH<\/strong> button completely unsurprisingly publishes the post, but it also contains a submenu which allows you to save the post as a draft or a template. Elementor being very visual, you can see what your post will look like, but the editor also has a <strong>Responsive<\/strong> mode and a <strong>Preview<\/strong>, just in case.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Elementor Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Settings-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Elementor-Settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, everything we have said before about SEO, structure, and accessibility, goes for Elementor as much as it does for Gutenberg. You can play around with WordPress a great deal, but you want to make sure your website is functional and your visitors are getting what they want.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]As we have shown, creating a WordPress blog post can be as easy or as complicated as you can make it. You need to find out for yourself which approach serves your content best. This may in turn also affect your choice of editor. Whatever your preference, though, now you know the basics. As for the details, you know we have your back.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Getting started with a WordPress blog? Here&#8217;s our how-to on the basics of WordPress blog posts.<\/p>\n","protected":false},"author":16990,"featured_media":20907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,14,4,13],"class_list":["post-20838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-core","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/20838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=20838"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/20838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/20907"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=20838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=20838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=20838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}