No-fuss websites in Kent and the south east, with applegreen
Skip navigation

How to use WordPress

If your WordPress website was created by Applegreen, this page is a refresher for the instructions you have already received. There is a WordPress section in our Terms & Conditons.

Were you looking for general information instead? See WordPress websites. Some examples? Try WordPress Portfolio

Where to log in

If you don't have a link to your login page, you can retrieve it like this: navigate to your website's domain and add the following:
/wp-admin
and press Enter (don't forget the forward-slash). So if your domain is www.yourdomain.co.uk, your login page is at www.yourdomain.co.uk/wp-admin.

This takes you to a page where you can enter your username and password. We recommend that you keep the website itself and the admin page open at the same time in different tabs of your browser.

The Dashboard

Logging in through the Admin takes you to the Dashboard from where you can access your website's editable areas.

The WordPress dashboard, use for editing your WordPress CMS website

Your dashboard will look a little like this one though the colours may vary. The important bits are the links down the left-hand side: your dashboard will contain some or all of the ones listed here. The most used are Posts, Media and Pages.

We recommend opening two tabs in your browser at once: one for the website and the other for the Dashboard. That way you can swap between the two and view the results of your efforts.

Each time you save a change in the Dashboard, the results will only show on the website when you have refreshed the page.

Refresh buttons: the cicular arrow on Firefox and Chrome browsers.

Click the browser refresh button symbolised by a circular arrow, with our own red arrow indicating it on two different browsers by the red arrows.

Editing in WordPress

The editable areas of a WordPress website come in three main categories: Pages, Posts and Widgets. On the Dashboard, Pages and Posts are listed in the left-hand navigation, while Widgets are found under Appearance.

If you have a hand-coded website with a WordPress blog/news/events page, the Dashboard gives you access only to that page. Then you can edit Posts, and also Widgets if you have a sidebar.

If your whole website is in WordPress, you have access to all of it and you can edit Pages and Posts, and also Widgets if you have a sidebar.

The difference between Posts and Pages

Posts and Pages are accessed from the Dashbord, in the left-hand list (purple in our example images). They are edited in exactly the same way but they have entirely different functions in the overall website.

WordPress originated as a blogging platform and that is what Posts are for: blogging. New posts appear on the front end stacked on top of each other in pages of around 10 posts (depending on settings), in reverse date order — that is to say, the most recent appears at the top.

This may seem irrelevant if your website is just for describing your company or organisation, but it can be very useful for promoting up-coming events or giving snippets of new information. For example, the website of Curlew Cottage in Hawksead exists to publicise a holiday cottage and its amenities, but owners us their News page to give information about future and past events in the locality.

Some websites are designed to be continually added to, with new articles if you are a journalist, or recipes for example. A new Post is created for each update, and they can be categorised and archived to aid navigation. In these websites, Pages are used for unchanging information such as About pages, as in this one about Trevor Grundy the journalist.

Others have mostly unchanging information that will be updated infrequently. These are described as "static sites" and consist mainly of Pages. The majority of websites are in this situation, like this one for the Tenterden Neighbourhood Plan. But even these benefit from a blog — or Posts — page for events and news.

Posts: accessing the blog/news/events page

The blog-style page contains posts stacked on top of one another, usually in reverse date order.

To add a new Post, hover over Posts and click Add New. Give your Post a title and write the body text in the editing box below.

Pages: accessing a non-blog page

This is only for websites that are designed entirely in WordPress. All your non-blog spaces are called Pages. Generally you will be editing the content of pages rather than adding more of them.

In the Dashboard, hover over the word Pages in the left-hand margin, then choose All Pages to bring up a list of existing pages. Hover over the one you want and some options will appear: click Edit.

The WordPress page list

Writing and editing Posts and Pages

Since the introduction of the block-based editing system, writing content for WordPress has become a little more complex — and a lot more flexible.

Let’s start with the editing screen. I like it to show the dashboard navigation on the left-hand side and the settings column on the right, like this:

The WordPress Posts editing screen, use for editing your blog or news page

But WP doesn’t always present like this out of the box. So if the Dashboard navigation is missing, click on the three vertical dots in the right-hand corner and disable "Full Screen Mode". If the settings column is missing, click the gear icon just to the left of the three vertical dots.

The settings area has two modes which depend on where you have placed your cursor: Pare or Post mode (depending whether if you are editing a Page or a Post) and Block mode, for content blocks.

The WordPress Posts editing screen, use for editing your blog or news page

Page or Post mode allows you to edit Post- or Page-level attributes, such as template, category, featured image, permalink, parent page and page order.

The Block mode setting options vary depending on what type of block you have highlighted. Apart from the main title, all your post or page content exists as independent blocks: paragraph block, heading block, image block, file upload block, gallery block, etc. so it is natural that the settings options for each will be different.

Text formatting options appear in a toolbar above individual highlighted text blocks, enabling you to add Bold, Italics or links etc to your text. But if you feel this interferes with your writing experience, you can move the toolbar to the top of the editing page: click on the three vertical dots and choose Top Toolbar.

Pressing the Enter button on your keyboard creates another block, or new paragraph. If you just want a single line return, hold down the Shift key while pressing Enter.

Linking to another page or website is simple. In the Post or Page's editing mode, highlight the words you want to use as link text (anchor text), and click on Insert/Edit Link icon above the editing box (tip: it looks like a paperclip!). Copy the whole url of the page or website to be linked to in the space provided. Click the arrow next to it and the link text will be underlined.

Explore other block choices by clicking on the Plus button at the top of the top left of the editing screen.

And when you've finished editing, don't forget to save your work by pressing the big blue Update button in the top right corner of the editing screen. If you are creating a new page or post, not yet published, this button will say Publish, not Update.

Creating a new WordPress page

Creating a page is simple: go to Pages > Add New, and fill in the title and content. Choose under Parent whether your want your page to appear as a main item in the top navigation (No Parent) or as a drop-down from another page (choose the page).

What's not always so simple is making sure the page actually appears where you have put it using these steps. Refresh the website, and if your new page does not appear automatically, it is because your website is operating a custom menu and the new page has to be added manually.

Go to Appearance > Menus: you will see your navigation listed under the heading Menu Structure,on the right. The new page you just created will appear in the box on the left under Pages: Most Recent. Tick the box for that page and click the Add To Menu button. Scroll to the bottom of the Menu Structure and there is your new page. Now drag and drop it to your chosen position in the structure, indenting it as necessary to drop down from another page.

The custom menu system allows you to create pages that do not appear at all on the main navigation, for instance, if you want it to be linked to only from inside another page. Create the page and copy its permalink to your clipboard. The navigate to the page from which you want to link it, and highlight the text to be linked from (anchor text), click the Link button at the top of your editor and add the permalink into the URL box.

Deleting a WordPress page is almost too easy: under the page list in Pages, hover over the page you want to delete to bring up the options, and click Trash. That's it! You are not asked to confirm the deletion, which is a little scary. Don't worry if you deleted a page by mistake: just click on Trash, at the top of the Pages list, and restore the deleted page.

It is better to restore a page that was deleted by mistake than to create a new one with the same name, because the permalink (URL) will be different and this can cause problems with links.

The custom menu system also allows you to change the navigational label, which by default is the same as the page title (can be quite long). Under Page Structure, click on the little triangle next to Page on that page item and change the name in the Navigation Label box.

.

Adding pictures, documents, tables and links to Posts and Pages

Pictures, tables and downloadable files

Images, documents, buttons, tables and lots more are added as – you’ve guessed it – blocks. To insert an image, choose the image block and either upload a new image or choose one previously uploaded to the image library.

Only images with the extensions .jpg, .png and .gif will display in a website. Other extensions (.tiff, .psd or other) will need converting. It is also advisable to reduce the overall size of images so that they are not more than 1000px wide: there is plenty of software available to help with this. Overlarge images are not needed and will slow the loading of your pages.

Additional options can be chosen after uploading: size, alignment and caption. Additionally, we strongly recommend that you add text in the "alt" box. This text, called alternate text, appears first if the picture loads slowly. Alternate text is also read out by screen readers for the visually impaired, so make it short and descriptive. Last but not least, the alternate text is the only part of the image available to search engines so it helps your site rank for keywords.

If you want to check whether or not a particular image was uploaded previously, click Media in the Dashboard's left-hand navigation and all the pictures will appear. You can add, edit and delete from there, and create a gallery with several images. For more information, see our Image gallery page.

There is more detailed information on manipulating images in WordPress on our Images in WordPress page. Tables and file downloads are explained on their own pages: Adding a table and Downloadable files.

Creating a link

Linking to another page or website is simple. In the Post or Page's editing mode, highlight the words you want to use as link text (anchor text), and click on Insert/Edit Link icon above the editing box (tip: it looks like a paperclip!). Copy the whole url of the page or website to be linked to in the space provided (take care that http:// does not appear twice). Click the Add Link button and the link text will be underlined.

More features of WordPress

Tags and categories

Posts have an extra feature, compared with Pages, shown on the right of the editing box: the option to add tags and categories to your Post. Tags and Categories can also be added to Products in e-commerce websites.

Part of their purpose is to help Google to understand your site structure better, if you have a large number of Posts or of Products. They also help organise the Posts or Products because they can be searched by Category and by Tag.

The difference between them is that categories are hierarchical (you can have sub-categories to any level you want) but tags are not. According to WordPress SEO specialists Yoast: “Consider the categories to be the table of contents for your site, while the tags are the index.” Don't have too many of either, and make sure you use them several times each so they are meaningful.

If you use your blog page only for news or events, which are time-limited and get removed when they are past, Tags or Categories are probably of no use to you. But if you are writing a regular blog about your field of interest and want to archive all your posts so readers can continue to access them, make full use of this very helpful feature.

WordPress Widgets

They usually appear in the sidebar if you have one, and they usually repeat on every page (there are exceptions to both these rules).

Access them from the Dashboard by hovering on Appearance and choosing Widgets. Add or remove Widgets by dragging and dropping between the left and right areas. Please exercise caution here: some websites have specialised widgets hand-coded for them, and the code will be lost if you drag them to the left. Widgets can be used for displaying Post or Product Categories, Post Archives, a calendar, a word cloud, a map, and more.

WordPress Plugins

These add extra features to a WordPress website, such as an image slider or gallery, analytics counter, the ability to change the order of posts, and lots more. The Plugins are accessed from the left-hand navigation list of the Dashboard, under Appearance

Ecommerce: your online shop

WooCommerce provide one of the most widely used plugins for ecommerce. WooCommerce creates an online shop on your website where you can add products, set a product image and price, set postage charges and integrate with Paypal. We have installed WooCommerce on several websites, customised it and taught website owners how to use it.

Applegreen provides tailored instructions for each of its designs. WordPress is so versatile, and people's needs so varied, that it is not possible to give general instructions that cover all the possibilities.

And now...

Browse Applegreen's collection of Wordpress designs. Have a look at what it's like working with us or contact us for a quote.

Last updated August 2022