How to Write and Publish a WordPress Post or Page

WordPress new page add screenI described the difference between posts and pages in WordPress back here.

Although they function differently, the process of writing a post is exactly the same as that for writing a page. For the purposes of this article, therefore, I will use the term ‘page’ throughout, but the process will be exactly the same for posts.

So here we go . . .

The first thing you need to know is that you can write your page from scratch in WordPress or you can create it in MS Word (or any word processing package) and then copy and paste it into WordPress.

I always use the second option (create it initially in Word) simply because the grammar and spelling checker in Word is better than that in WordPress. The choice is yours, but the process I have set out below follows my approach.

Before you start it’s worth taking a look at the WordPress new page screen, so you’re comfortable with the functions it offers.

Here’s the new page add screen – the window in which you will write or paste your content:

WordPress new post edit window

A few points:

Firstly make sure you’re using the ‘Visual’ view (1). This will enable you to write and edit your page as if you were using a normal word processor. The ‘Text’ view displays the HTML code and, sometimes, some styling code. Unless you’re familiar with HTML and CSS I’d advise you to stay with the Visual view.

If the Text view is being displayed click the ‘Visual’ tab

In the Visual view make sure you have 2 rows of formatting buttons visible. If not, click the button at the right end of the row that’s visible. It will say ‘Kitchen sink’ when you hover your mouse over it.

The formatting buttons will look very familiar to you if you use a word processing package, but hover your mouse over each to see the description of its function.

Finally, these steps are for when you are using a standard page layout on your site. If your site uses a non-standard layout then you will need to insert your content through the ‘Text’ view, which means getting involved with the HTML and CSS.

Step-by-step process

  • Create your page content in MS Word (or whichever word processing package you use)
  • Carry out your spelling and grammar checks
  • Select the entire page content, copy it and paste it into Notepad (on Windows computers) or a simple text editor. (This removes the formatting code that MS Word uses – it clashes with HTML, the code WordPress is based on)
  • Go to the ‘Pages’ screen in your WordPress admin area (from the menu on the left) and click ‘Add New’
  • Copy or write the title for your page into the Title field at the top
  • Re-copy the entire content from Notepad and paste it into your new page window in WordPress (see above)
  • You will see that paragraphs have been retained, but other formatting (such as headings, sub-headings, bolding, italics, lists, etc.) has been removed. To re-establish this, highlight the text you want to format with your cursor and click the appropriate formatting button in the tool bars
  • Insert (or reinsert) images by placing your cursor at the beginning of the line where you want your image to be and clicking the ‘Add media’ button (2) above the new page add window
  • On the following screen click the ‘Upload files’ tab and then the ‘Select files’ button in the middle of the screen
  • Select and upload the image file from your computer
  • When the image has uploaded make sure it’s selected and then define its properties from the area on the right of the media gallery: the title helps you to find the picture in future in the WordPress media gallery, the caption is self-explanatory (but keep it short!), the alt text tells the search engines what the picture is displaying, so describe that in a few words, then choose the alignment (left, centre or right). The remaining fields can be ignored.
  • When you’re done click ‘Insert into post’ (bottom-right of the screen)
  • Click the ‘Preview’ button (3) to see how the page will look when it’s published
  • If everything looks as you want it to, close the preview page

At this point your page is almost ready to be published but, before you do so, you should complete two more fields that will help your page appear as high as possible in the search results.

Under the page edit window look for the ‘Custom title tag’ and the ‘Meta description’ fields:

custom title and meta description fields

The custom title tag equates to the blue heading in the search results, the one you click to go to a page. The Meta Description field equates to the snippet of text that appears under the blue heading in the search results.

So, in the custom title field, type the page title in less than 70 characters. This can be the same as the title you wrote for the page earlier or you can tweak it slightly so it would look better in a search results listing.

In the meta description field type a description of the page’s content in less than 150 characters.

Now you can check ‘Preview’ again if you like and. If everything looks OK, click the ‘Publish’ button – and you’re all done.

Some further reading

In separate articles (which I will link to when they’re ready) I set out how to complete these fields in the most effective way possible and the difference between the page title and the custom title.

It would be worth reading both articles because they describe further refinements on how to make your page appear as high as possible in the search results and get people to click through to it.

That’s it – if you have any questions that I may be able to help with please:


Martin Malden

About the author: Martin Malden owns Abledragon, a WordPress agency that was established in 2009. Today it serves customers in Hong Kong, Australia and the UK. Abledragon websites are built for today’s Internet, with the mobile user in mind, and are known for security and speed. Successful Abledragon projects.