WordPress tutorial for beginners lesson 4

This is fourth lesson of WordPress tutorial for beginners. In this lesson we will discuss about Writing a new post. In previous lesson we discussed about Post, Pages , Categories and Tags and Dashboard menu option. In case you missed previous lesson read it below.

WordPress tutorial for beginners

Creating a new WordPress Post

From WordPress Dashboard click on option Posts -> Add New. You will see part displayed in below Image. Not I have only shown left part of page. We will see right part of page displayed after discussing left part.

wordpress-add-new-post

Post Title and Permalink

Post title is title of your article. It should give idea about your post content. For example the title of this post is displayed in bold at the start (WordPress Tutorial for Beginners Lesson 4). Post title is also displayed in Google Search.

Below image is Google search results page showing first lesson of this tutorial. The blue bold part is Title, below that is permalink and last part is description (meta description).

google-serp-showing-title-permalink

Permalink you can edit and set something which reflects post content. You should set it same as post title. You need to replace spaces with – and remove connector words like and or for. We will discuss more about Permalinks and importance of it in later lessons.

Once you have set Post Title and Permalink it is now time to add post content. I have shown the place where you have to add post content in image. The place where you have to add post content is known as Visual Editor.

WordPress Visual Editor details

You should have working knowledge of Visual Editor to write attractive posts. In this section I will discuss different icons you see in above image. If you noticed number of buttons shown in my Visual Editor is more than shown in yours. You can also see extended version of visual editor by clicking on Toolbar toogle button as shown below.

wordpress-visual-editor-buttons

I have given details of each button from left to right from top. I have used example text to denote the effect of each on text.

  • To Make text bold  – Click on the B icon example text
  • To make text Italic – Click on the I icon. example text
  • To make un ordered list – Click on con next to I  (like this one)
  • To make ordered list – Click on second icon after I (display will be like this list but instead of bullet you will see numbers 1 ,2 and so no)
  • To include a text in quotes – Click on quotes icon
  • The next three icons are for aligning text.
  • The next two chain and broken chain icons are for links. I will show them later in this article.
  • On the bottom row from left hand the first icon is used to strike a text. example text
  • The second con is for drawing horizontal line with in post content
  • The third icon is for text color. example text. I made this text blue using that icon
  • The fourth icon helps you to paste content as Text from Microsoft Word or similar text editors
  • The fifth icon is used to clear formatting. In case you do not like formatting of a text then you can clear it using this icon
  • The sixth con from left is for displaying special characters in your post content.
  • The next two buttons are for decreasing and increasing text identation
  • The next two icons are for undo and redo buttons
  • The last buttons displays keyword shortcuts to achieve functionalities of above icons.

We discussed all the icons but left the first row first icon (with Heading1 in image). You can use it to display a text as heading or normal text. If you see this article uses many headings. Those heading are created using this icon.

The heading are from Heading1 to Heading6. Each one has different size. The largest being Heading1 and smallest being Heading6. The paragraph is normal text you see in this article.

Inserting Links in Post Content

To insert link in Post Content click on the chain icon on Visual Editor. It will display below popup

wordpress-content-link-shortcode

You can paste URL of the page or site you want to link from your post content here. After pasting the link you can click on blue button. Also if you click on settings icon it will display below popup. Below popup window gives you more control.

You can enter URL in the first box and the link text in second box. Click on the check box Open link in new tab. This will open the link in new tab. If this box is unchecked link is opened in same tab.

You can search your existing post and link to it. I linked to lesson 3 at the start of this lesson using this method only.

wordpress-post-content-link

You can remove links by clicking on broken chain icon. That will remove links from your post content.

Inserting Media into your post

You can insert images, Videos and Audio in your WordPress post. This article s using Images. You can add media to your posts using below steps

Step 1

Click on the Add Media button. It is below the permalink of the post. If you click on Add Media button below window will be displayed.

Step 2

wordpress-post-insert-media

On above image click on Select file button. You can select file you want to add in post content. After you select file you want to add it will get uploaded to your website. After upload is successful you will see below screen. Below screen shows image uploaded by me

wordpress-media-insert-details

  • URL – It is location of the file you uploaded.
  • Title – It is title of the media. WordPress by default uses the file name here.
  • Caption – It is caption of the Image. The text you want to display beneath image
  • ALT Text – It is important for Image SEO and read by Search Engines
  • Description – Description of the Image.Provide additional information about the image
  • Alignment – The alignment of Image with your post content
  • Link To – Page visitor will see after clicking on image
  • Size – Size of the image

Media Link to option

WordPress provides four options here

  • None – No action after click
  • Media File – Visitor will see image file in browser if they click on image.
  • Attachment page – Visitor will see attachment page after they click the image
  • Custom URL – You can open any URL once visitor click on the image.

After making changes as per need you can click on Insert into Post. The media will be added into your post content. You can add as many media as you want in post content.

Settings Post Category and Tag

Every article should be clubbed to appropriate category and tag. On the New Post page on right side you will see below two options. One is to set Category and Other is to set Tag. You can choose from existing Category or you can select new category.

wordpress-post-category

Similarly you can select from most used tag or you can create a new tag.

wordpress-post-tag

Setting Featured Image of Post

For every post you can set featured Image. Whenever your post content is shared on social media this featured Image is also shared. Articles with featured images perform better in social shares. As along with post title a image relevant to post content is shown. The visual Image improves the traffic from social sites like Facebook.

So I recommend using Featured Image for your Articles. You can share this post on Social Sites to see role of featured Image.To set featured image for your post locate below box (as shown in image) on right hand side bottom

wordpress-set-featured-image

Click on Set Featured Image link. It will show window displayed when you click Add Media button. After that the process is same. You can select a image and set it as featured image of your article.

Publishing your Post

So far you have worked on creating an awesome article. But it is now not public. That is visitors can not see it. You will have to make it public so that it can be next big hit in blogging world. To publish the article locate the box as shown in below image (it is on right hand top side)

wordpress-post-publish

Save Draft

Save draft button saves your post. It is good idea to save your post while editing.

Preview

Preview shows how you post looks like. If you click preview button a new tab is opened which shows the content of post as it will be shown to visitors. The display also depends on theme you are using. We will discuss about themes later in this tutorial.

Status

You can set the status of post to draft or pending review. For example if you are finished writing article but want to get it reviewed by someone or self you can set the status to pending review. It will help you identify which articles are pending review and which are still work in progress.

You can click on edit link next to it to set the Status.

Visibility

Visibility has three options

  • Private – Visitors will be unable to see the post.
  • Password protected – Visitors can see the post only if they enter password
  • Public – Every one can see the post. This article you are reading is public.

Note Public visibility post is only read by Search Engines. So until or unless you have some specific requirement you should set visibility to Public.

You can click on edit link next to it to set the Visibility.

Publish Immediately

You can schedule when post will be published. You can click on edit link next to it. After click you can set the time and date post will be published. You can also publish it immediately which is default.

Publish

After making above change click on Publish button to make the post live.

Move to trash

Click on Move to trash link to delete the post.

Viewing your Published post

After publishing your post copy the permalink value. The whole link or URL displayed in permalink line. Open the link in a browser. You can see the page like visitors will see it.

Also you can go to All Posts sub option under the Posts menu. You can see list of all posts. It will show Published post, Draft posts and other posts here.

wordpress-all-posts-option

Note the post screen shot I used for this article is published and shown here. You can filter posts based on categories and tags here.

Whatever we discussed here for posts is also applicable for Pages as well. In next lesson we will cover Settings menu of WordPress Dashboard.

WordPress Tutorial for Beginners Lesson 5

Leave a Reply

Your email address will not be published. Required fields are marked *