Your new website is built on the open platform WordPress. It is a content management system used around the world by millions of websites.
First things first, time to log in.
Go to your website’s domain name, such as www.company.com/login to bring up the login page.
Login with the username and password you were provided with. If you haven’t been given a username and password, please contact Computors.
Tip: You can open the login page in one tab or window, and the website in another, and quickly flick between them as you make changes.
Once you’re logged in, you will presented with the website’s dashboard, which provides you with an overview of how the website is doing. The latest comments, recent drafts, the number of pages, and depending on the features of your website, summarised information from other areas of the website.
Immediately noticeable on the left hand side of your screen will the admin menu. Here the sections of the admin area are divided up into menus and sub-menus.
Post or Page
WordPress divides virtually all of its content into two types; posts and pages. Understanding the difference is of key importance in using WordPress, and selecting the correct type for your content.
A post is designed to be used for ‘chronological’ content, so things that are related to dates. Such as news bulletins, blogs, updates and events and so on. So, if you have a Latest News section on your website, it will be made up of posts. Posts can be organised by administrators into categories, and ordered by date.
A page is designed for ‘static’ content, such as an About Us page. It is something that you would write and perhaps maintain, but not necessarily on a regular basis, its content is largely irrelevant to the date.
Adding a Post or Page
WordPress provides a number of tools – for editing, and for
image management. It allows you to easily manage your content with a familiar
editing interface. You don’t need to learn HTML – just the skills you’ve
already acquired using word processors like Microsoft Word.
Formatting text using the Visual editor
Just go to Posts and Add New in the left hand toolbar (if you’re writing a static Page, you go to Pages and Add New instead)
Most of the options are probably recognisable, bold, bullet points etc. There may be a few you don’t recognise, but if you hover your mouse over them it will tell you what they do. The help icon (bottom row, farthest right) will also bring up some extra hints and information on using the editor.
Tip: When writing content, try to use the pre-set headings under the Paragraph dropdown menu. By using real headings and sub-headings, this displays a content hierarchy on the website, which is good for search engine optimisation.
To add images, pdf’s and other media to content, click on the add Media button.
Click on Select Files and choose an image, video, sound clip or pdf or other supported file formats from your computer and click upload. If it’s already been uploaded, select the media from the media library, rather than clicking the upload tab.
Once uploaded or selected, you will be able to see the image thumbnail and its details.
Here you can specify an image title, caption, alternative text (if a user is blind and uses a screen reader) and a description.
By default, Wordpress links images to their full size location, if you’d like an image to do nothing when clicked, click on ‘None’ under the link URL field.
Set the desired size and alignment, and click Insert into Post/Page.
Formatting text using the HTML editor
If you have previous experience with websites, and understand HTML, you can use the HTML editor to make more sophisticated changes and customisation to your website.
warning: This is for advanced users who have knowledge with HTML. Incorrect usage may result in the page layout not displaying correctly
If you’re adding or editing a page, you’ll get the page attributes panel.
Parent – Select if this page has a parent. In other
words, does this page stem from another page above it, such as:
- Our Services (Parent Page)
- Service 1 (Child Page)
- Service 2 (Child Page)
Template – Normally kept as default unless specifically instructed otherwise. Computors will provide templates based upon the website’s design.
If you’re adding or editing a post, you’ll get the categories panel.
Tick the category you’d like to assign the post to. If it’s related to multiple categories, such as in this case it could be a new Event, but it’s also worthy of being under Latest News, just tick both.
Once you’ve finished creating or editing your post/page and setting attributes, you have a few choices, which hare found on the Publish panel.
Saves the page or post, but doesn’t publish it. Other administrators can review the draft. Perfect for collaboration work where a few people may contribute to a page.
Loads a separate page that emulates how the page would look on the website. Ideal for testing a layout or images prior to publishing it.
Here you can set who can actually view the page once it’s published.
Public – Everybody
Password Protected – Specify a password that users will need to enter before they can see it.
Private – Locks it down completely to administrators only. This functionality is provided as standard, but is normally expanded upon with Computors’ own ‘Members’ function, that gives you greater flexibility on what kind of users can see the page.
The default setting is ‘immediately’ which will put the new page on the website as soon as you click ‘Publish’ However you can specify a time and date before clicking Publish.
The website will then wait until that moment arrives, and then publish the page on your behalf.
Editing content of a page or post is exactly the same as creating a new one. You simply make your changes via the editor to the existing content, and finish your changes by clicking ‘Update’
You can also perform basic editorial changes to a page or post.
Simply list your Pages by clicking on All Pages, hover over the page name and a small text menu will appear.
Edit – Go to the main editor page
Title – Edit the title of the page
Slug – The unique URI identifier. In other words, mycompany.com/slug
Date – The date to be published
Bin – Sends the page to the bin (can be recovered if done so within a few days)
View – Links to the page on the website
To edit menus in Wordpress, simply hover over the Appearance menu on the left and select menus from the sub-menu.
From here you can select pre-created pages from the pages drop down and click the ‘Add to Menu’ button, or you can create a custom menu item with a specific link from the Links drop down.
Click and drag the menu items into the order you want them displayed. After that, click the ‘Save Menu’ button to complete your changes.
Changing the widget
Simply navigate to Appearance > Widgets from the Wordpress dashboard. From here you have a 2 column set-up.
On the left are the available widget types you can add such as text widgets, custom menus, search bars etc. and on the right you have your widget areas, each of which control different widgets across the site as detailed below.
Main Sidebar – Unused
First Front Page Widget Area – unused
Slider Area - Unused
Before slider widget area – Controls the opening times green box on ALL pages.
Special Offers Widget Area – Controls the special offers red box on the HOME page
To place widgets into the widget areas, simply click and drag the boxes from the left into one of the right widget areas.