WordPress Edit a Page or a Post

Edit your Post or Page

Lets look at the tools you have on the Post / Page editor page:

WordPress page editor

First of all look at the top bar. There is a link ‘View Page’, it will take you to the front view again.

Next look to the right – the most important thing there is the blue ‘Update’ button. It is blue in our picture, but it can be other colour depending on your colour scheme. Remember – your changes are not saved untill you pressed this button!

If you edit with Block Editor or in some clever themes a lot of stuff is done via JavaScript, so some things may be saved at the same time as you are putting them in, and there can be other saving buttons on this page, but to be very safe don’t forget to press the Update button before leaving the page!

In fact WordPress will warn you if you forget to save your changes with this message: “This page is asking you to confirm that you want to leave – data you have entered may not be saved”. It tries to help you.

WYSIWYG box

First of all look at the tools at the top of the box – there are some basic tools there. From the left to right:

Paragraph drop list – type / select some text, press on the paragraph drop list and change your selected paragraph into a heading 1, 2,3 … 6. I normally use headings 2 and 3. Heading 1 should be reserved for the Page Title – Google doesn’t like you more than one Heading 1 on the page.

Bold or Italic styles, bullet points, text align left, centre, right, add link work like in most text editors. You can either select some text and apply the style or click on the style and start typing.

Read More tag may work in some themes, but don’t worry about it right now.

Toolbar Toggle shows you some more tools – feel free to explore. If you are not happy with the results you can use the ‘Clear Formatting‘ tool.

Visual / Text tabs

There are two tabs over the top right corner of the WYSIWYG textbox.

Visual tab is to be used when you are typing your text and formatting it. It is the WYSIWYG one.

Text tab will show you the html tags. Don’t go there unless you are prepared to work with HTML.

One exception: when you are pasting some text into your post in “Visual’ tab the WYSIWYG box may try to use that formatting and you may not like the result. You can try to use the Clear Formatting tool, or paste you text straight into the ‘Text’ tab, then go to the Visual tab and format the text yourself.

Another way to get rid of unwanted formatting is to paste your text into the Notepad (on Windows). Notepad doesn’t understand formatting deletes all of it, only keeps the line breaks.

Add media

You find this button above the WYSIWYG text box on the left.

Find a place in your text where you want to put your picture, click there, then click the Add Media button.

That will open the Media Library in a fly-out. Choose the picture you want to add, click on it and click the ‘add to post’ button in the bottom right corner of the window. Your picture will be inserted.

If the image you want to use is not in the library, click the Add Media button, then click on the Upload Files tab in the top left. You can drag the image into the upload field near the ‘Drop Files to upload’ text. You can also browse for your file the old way. Remember that there is a limit to the file size., you will see the warning text on the upload field.

Once your file is uploaded, click on it and click the ‘add to post’ button in the bottom right corner of the window. Your picture will be inserted.

Once the image is inserted, you can format it. Click on the image – you will see some tools there – image align, image size, link to, title, caption and some more.

Once you finished editing don’t forget to press ‘Update’ button.