This blog post is specifically about how to use WordPress as an editor. It doesn’t explain anything about installing, using themes – just purely how to edit it as a front-end user.
Login to your WordPress website and you will arrive on the Dashboard.
If you are using WordPress as a blog your content will mostly likely be in Posts.
If your website was built using WordPress your content is likely to be in Pages.
In this example we will edit Pages but the same rules apply for posts.
1. Click on Pages in the left-hand menu. This will display a list of all the pages on your website.
2. Click on a page name to open it.
3. This is what you will see:
At the top is the page heading and in the box is the text. Click in the box or the heading to start editing.
Using the icons B, I, etc. you can style the text.
4. When you have finished editing click on the blue Update button on the right.
Pictures (see below for Galleries)
1. To add a picture click where you want the picture to go and then click on the Add Media button at the top:
It will open a window that either presents you with thumbnails of all the images already uploaded.
2. If the picture you want hasn’t already been uploaded click on the Upload tab. Click on Select Files.
3. Locate the file(s) you want to upload from your computer. Note – to select more than one file hold the Ctrl key down as you click on each file. Once uploaded click on the minus button that appears as you rollover the picture to de-select it.
4. With one picture selected look in the right-hand column. It can have a title, caption and description. Alt tag is Alternative Tag which means it will display these words when you hover over the picture in some browsers and if someone has turned off images or can’t display them it will tell them what the image is. Add information to these boxes or leave them blank.
5. Attachment Display Settings: This is the next section to fill in.
Alignment left/center/right/none will align the picture within the text. If you select align left the picture will be on the left and the text will wrap around it on the right. Select your preference.
Link To – if you want to enlarge the picture select Media File. To see the picture on a separate page select attachment page. Custom URL would be another page entirely.
Size – this gives the option for different sizes, including full size. Full size may be too big so choose the size that will fit best – this is where clicking to enlarge in the link to box is useful. Note: it is a good idea to re-size images before uploading so they’re not too big. Large images take a long time to load.
6. Click the blue Insert Into Page button. The picture will appear where you had previously clicked. If it’s not in the right place you can always click and drag it.
7. If you need to edit the picture click on the picture and you will see a picture icon and a delete icon:
Click on the picture icon and it will open up the edit screen. This definitely should be done if you are inserting a picture that links to a larger picture. In this case click on the Advanced Settings tab, scroll down and click Target Open link in a new window.
In the advanced settings you can also put some padding around the picture so the text doesn’t sit right next to it. This is Image Properties – Vertical Space, Horizontal Space.
If the picture links to another picture it’s also a good idea to set the Border (under image properties) to zero. If not you are likely to get a border around the picture which you might not want.
8. If you’ve made any changes click update in the open window and it will save these changes and close.
9. When you have finished making changes click the Blue update button on the right.
If you want to add a few pictures and group them into galleries the process is similar to the above. The difference is when you click Add media, click on Create Gallery on the left, click on all the pictures you want in the gallery and click insert gallery (the upload procedure is the same as above).
You won’t see the actual thumbnails on the page in the admin but when you update the page and view it from the front-end of the website they will be displayed.
To add pictures to the gallery click on the gallery and edit as you would a single image.
Useful Editing Tools:
1. Create Link: Select some text and click the link button. Add the web page you want to link to. If it’s a page/post on the website click Or link to existing content. This will show a list of content on the website. Click on one and click Add Link.
2. Break Link: If you want to remove a link, click on the text that is linked and click the break link button and it will remove it.
3. Insert “more”: In most blogs there is a short summary paragraph and then a “more” link which takes you to a page with the full content. This keeps the home page of the blog nice and short and easier to scroll for headlines. Click where you want to break up your post/page and click the insert more button. Continue adding content below this and it will display on another page. The More link can be inserted at any time and in any place.
4. Wide screen: Sometimes it’s easier, especially with a lot of content, to open up the edit window to widescreen.
5. Kitchen Sink: If you don’t see another row of icons below the above click this button and it will give move options such as font colours, underline etc.
Right Hand Column
There are other useful tools in the right-hand column.
If the page is a new page it can be saved as draft before publishing and previewed.
The publishing date can be changed by clicking on the Edit button next to Publish immediately.
If you are writing a post there will be a Categories section where you can choose what category to list the post under. This is useful when writing posts about many different things.
If it is a page there will be a Page Attributes section where you can select a Parent menu item if the page you are writing should appear in the menu and you can specify the page order.
Those are the key points to writing posts/pages. If you want to write a new post/page then just click on the Add New link in the appropriate section.