Logging into Your Website
To log into your website, go to http://www.yourdomain.com/wp-login.php (perhaps bookmark this page). Your username is your email and the password will be the one I gave you. If you’ve lost or forgotten your password, you can reset it by clicking on the ‘Lost your password?’ link underneath the form.
Around the Dashboard
Once you have logged in, you’ll be taken to the Dashboard that looks like this.
It’s the main page for WordPress and where you can quickly see what’s happening on your site.
Checking for Updates
The first thing you should always do is check for updates. Looking at the top bar, there are 2 arrows in the circle with a number by it (in this case 6) means there is an update for the programs that operate the website.
Click on the circles with the arrows and it will take you to the following screen.
In this case, there is an update available for a Plugin. A plugin is a bit of extra code that adds extra functions to the ordinary WordPress program. In this case, it is the plugin that operates the contact form on the website. Simply tick (by clicking in the box) Select All and then press Update Plugins.
It’s important that you always do the updates to keep the functions working and your site safe.
Once you’ve clicked the button, the screen will go grey and then reload with something like the one below:
Now that the site is updated, let’s talk about how to create a new Page or Post on your website.
Adding A Page
There are 2 ways to add content to your website, via a Page or a Post, so what’s the difference? A Page is something static, that won’t change much, like your homepage or contact us page. A post is something that’s time-sensitive, an article or a special offer. Posts display the date they were created and can be organised into categories (more on those below).
For now, we are going to create a Page.
Using the top bar, click on the + New button and select Page.
It will open a screen as below:
This is the main screen for adding Pages.
This is where you add the title for the page. So if it’s your home page, you’d call it Home etc. It will be presented as the main title for the page so you don’t need to worry about formatting it.
Underneath is a white area. This is where you write your text, add photos/videos etc to the page.
You will want to break your page up into headings to make it easier for the reader to find the information and read your page. Select the text you want and then, using the drop-down menu (that says paragraph), select the header type you want. Personally, I avoid using Header 1 as this is the style for the title page, I use either Header 2 (as the main header) and Header 3 as sub-headings under that.
As you can see, it’s changed the formatting for the heading.
On the top bar, the first row has buttons for:
- B – bold,
- I – italic,
- bullet point list,
- number list,
- “ is for quotes (you’d use this for testimonials)
Next is justification – left, centre, right (where the text sits on the page)
- The Link is to add a link to another page (see below)
- The Link broken is to remove the link
- The next is a read more tag (which I never use)
- And the last box on the top row opens or hides the row below.
On the top bar, the bottom row has buttons for:
- Strikethrough – puts a line through the text
- – puts a horizontal line across the page
- A drop-down changes the colour of the font
- T on a clip board is how you can paste text you’ve copied into the document
- The eraser clears formatting
- Omega allows you to put special characters into the document
- The next two allow you to indent text to the left or right
- The next two buttons are undo and redo
- The question mark is for keyboard shortcuts
Some of these you’ll never use and remember to select the text before formatting it.
So, you’ve got some text on the page but you’d like to add a picture, sound or video. That’s easy!
Click the Add Media button.
You then get shown all the images, sounds or videos that are stored on your website. If the picture is already there, select it.
A menu appears on the right-hand side once you’ve selected an image.
The top gives you the name of the file, date it was added, the size in KB and the size in pixels. You can click edit image (to crop or rotate it) from this screen, or delete permanently.
Below this (scroll the pane down) are more options
Here you can add a caption to the picture, add Alt Text (people with visual impairment have software that reads the Alt Text to them or it is used if the image doesn’t load), a description for you to remember what the image is.
Below that are the Attachment Settings, here you can change the alignment (none, left, center, right). Link To – if you want them to go another page you can add the link here, the other’s you probably won’t use and will tend to have it on None.
Lastly the size, and this is where you can select from pre-set options or choose the size yourself (custom).
Once you are happy, select Insert into page and the image is added.
If, once the image is there, you want to change the alignment or size, simply select the image and click the alignment you want or the pencil button above.
Adding New Media
You can add new media to your website by clicking the Media button on the left-hand side of the dashboard. However, you normally want to add the media when you’re in the middle of writing a Page or Post. To do this, click the Add Media and select the tab Upload Files. Click on the select file (or drag the file and drop it) and it will be uploaded.
Adding A Link
You may want to link from text to another page on your website or elsewhere on the internet. Simply select the text you want to link from and click the Link button.
Paste the URL into the bar or start typing the name of the Page/Post if it’s on your website and WordPress will find the page you want. When you’re done, click the return button.
To remove a link, simply select the text you want and click the Broken Link button.
Once you are happy with the page, press Publish (you can Preview if you wish first).
Once you’ve published the page, you can still make changes. Just update as above and then press the Update button.
To view the page as your visitors will see it, click View Page on the top bar.
Creating a Post
Posts are the same as a page, so adding text and media is identical. The difference is that posts belong to categories and you can use categories to create groups of posts.
Adding a Category
Click ‘Add Categories’ on the menu on the left-hand side of the dashboard – it’s under Posts.
Here is where you name your new category, for example Offers.
If you want to select a Parent category (for example News would be the Parent one and Offers a sub-category) select News in the Parent Category. Scroll down and click Add Category.
By default, WordPress has Uncategorized, so before you create a post, remember to add a new category.
Going back to Posts, you create it as a Page except select the Category on the right-hand side.
Tags are words you can use to help search engines and, if you have search on your website, WordPress find articles etc.
Some themes support featured image (this website does and it’s the image that is shown behind the title screen). Simply click the link and select the image you want (or upload it as above).
Having all these lovely new pages and posts is brilliant except your users can’t find them so we add them to a Menu. To find Menu it’s under Appearance from the Dashboard.
I’ve already created a menu for you.
To add the new Page to the menu, put a check in the box and click add to Menu. To add a Post, you will need to click the little triangle to open up Posts and then find the post you want to add to the menu.
To move the page to where you want it to be on the menu select it and drag it. If you want it to be under a Parent, drag it and move it to the right (For example Hellow world is below Sample Page and appears as a drop-down menu on the website).
Change the Name on the Menu
You may not want the name to appear the same on the Menu bar, perhaps wanting to shorten it. This is easy, click the triangle and a box will appear.
Simply click in the box called Navigation Label and change it to whatever you want it to be.
As discussed under Posts, you can group Posts according to their category. Adding the Category to the Menu is the same as adding a Page or Post. Select the Category you want (click the Triangle to open it up), click add and then drag it to where you want it to be.
Adding Custom Link
You may want to add a link to the Menu to a page outside your website. To do this, open Custom Link.
Where it says URL, paste the URL (web address) in the box. Then give the Link the text in the Link Text box. Click Add to Menu.
When you are happy with how the Menu looks, click Save Menu.
To Remove an Item from the Menu
If you want to remove an item from the menu, click the triangle to open the item up and click Remove Item.
Viewing your Website
At any time you can see how your website appears by click on the Visit Site at the top of the page (hover on your website name).
Need help? Have questions?
If you get stuck or don’t understand anything, then ask and I’ll happily help out. Quite often I can quickly log into your website and sort it out.