This is a WordPress site. I wanted to create something simple and find out how useful it would be. These notes are to help me maintain the site but might be useful to anyone wishing to do something similar.
The following is to allow me to maintain the site
Colour scheme: Aqua RGB: 55,129,175 Hex: #3781AF
Thumbnails: 400×300 ie 12×9 in proportion
Headings – use headings block. H3 for headings within the page
Created in 2001 WordPress is a free, open-source website creation tool designed by a large community of on-line programmers. It uses a language call PHP and all pages and data are stored in a database call MySQL. It is a very popular tool and an easy way to get a web site set up.
Having uploaded WordPress core files onto you website, you can easily customise the look of your site and the way it works by installing “plugins”. These are bits of code other people have already created to make it easy for everyone else.
These notes will give you an idea of what needs to be done but they are just notes. I recommend buying a book or using on-line articles for the details. I am a book person and purchased WordPress for Dummies by Lisa Sabine-Wilson (8th Edition).
The main steps to get started are:
- Buy a web address: There are loads of people who sell web addresses (properly called domain names). e.g. godaddy.com, register.com.
- You also need to find someone who will host your website (and in fact they can probably help with step 1). I use zen.co.uk
- Finally, you need to download and install WordPress. This is easy to do but you need to follow the instructions on the WordPress site or invest in a book like I did
Building your site
Once you have installed all the core files you can ignore them for the most part. Most of the configuration takes place in the Admin console which you can reach by putting wp-admin.php at the end of your domain name e.g. http://www.mywebsite.co.uk/wp-admin.php.
Out of the box, WordPress allows you to create pages and posts and they will be displayed on your home page. However, you don’t want your site to look like every other WordPress site. To change it you just have to install your first Plugin. There are loads of free plugins and even more if you want to pay for one. I wanted to write lots of articles so I chose “The Post Grid” plugin.
Image on nav bar
Add an image to navigation bar
This article explains how to add a search box to a WordPress site
- install and activate the Ivory Search plugin
- Ivory Search will appear in the left hand navigation menu
- Go to Ivory Search > Search forms and configure the search results page
- Click Add New to create a new form – I called mine GHF-Search
- Work you way down the buttons on the left ie Includes, Excludes, Ajax etc and remember to Save Form, every time you make a change
- Next go to Ivory Search > Settings to put the search box on your site
- Click on Menu and select Primary and Full width
Jump points (links within page)
You have to add HMTL code see this article:
You add a link as follows:
Edit the post
- Edit the post
- Click on the three virtical dots at top right of page and select Code Editor
- Add a link (<a href=”#unique-name”>Your Link Text</a>)in the relevant section where #unique-name is the name of the link you will jump to. ie the name in the code you will add.
- At the destination add the destination code e.g. <a name=”unique-name”>Target Text</a>. NOTE: you can link <a name=”unique-name”></a>
Click on the three virtical dots at top right of page
<a href="#unique-name">Your Link Text</a>
Add Document, JPG or PDF outside page
Sometimes you want to add a PDF document or a large image that does not fit on your page ie you want the user to have the option to open it full screen. All you have to do is click on on Add Media when you open a create a block on the screen. You can then upload your document to the Media Library and a link will appear on the page
Creating a Clickable Map
I wanted to have an image map (or map where you can click on areas). There is a WordPress Plugin that does this. Click here for a description of how I used it.
Categories and Search
See this separate article for a description of how the categories and search work
I had some PDF documents that I wanted people to be able view. There were too many to individually put them in a web page so I wanted to create a library. Again there is a WordPress Plugin for this. In fact there are many but I used the Media Library Pluggin. Here are the installation notes
media-library-assistantand its subfolders to your
/wp-content/plugins/directory, OR Visit the Plugins/Add New page and search for “Media Library Assistant”; click “Install Now” to upload it
- Activate the plugin through the “Plugins” menu in WordPress
- Visit the Settings/Media Library Assistant page to customize taxonomy (e.g., category and tag) support
- Visit the Settings/Media Library Assistant Custom Fields and IPTC/EXIF tabs to map metadata to attachment fields
- Visit the “Assistant” submenu in the Media admin section
- Click the Screen Options link to customize the display
- Use the enhanced Edit, Quick Edit and Bulk Edit pages to assign categories and tags
- Use the
[mla_gallery]shortcode to add galleries of images, documents and more to your posts and pages
- Use the
[mla_term_list]shortcodes to add clickable lists of taxonomy terms to your posts and pages
Creating Home Page with Elementor
Designating a Page as Home
To designate your static homepage, go to My Sites → Customize → Homepage Settings: