Welcome back. This week is another blog post of the Starting with wordpress series and I am going to tell you more about how to create pages, menus and how to upload media into your WordPress website.
The aim of this 5 part series is to teach you the basics of WordPress by which you will be able to build you own WordPress website.
If you followed along with the previous 3 posts you already know
- How to get a domain, create a database, a user and also what is the difference between a domain and a subdomain: https://www.designyouneed.com/starting-with-wordpress-domains-subdomains-databases-and-users/
- How to download, install and connect wordpress to your website: https://www.designyouneed.com/starting-with-wordpress-2-5-download-install-and-connect-to-database/
- What are the basic setups that you shuld pay attention to when creating a new website: https://www.designyouneed.com/starting-with-wordpress-3-5-basic-setups/
Let’s dive in.
WordPress pages are static content on your website, without any publish date or option to categorize them – unlike posts that have all the above and appear in your blog post feed.
The main pages you could see on a website are: about, contact, services, portfolio, prices, etc.
When creating your own website, think about all the pages that you would need for your website – both visible and less visible ones.
How to create a new page?
Go to Pages / Add new. Type in a page name and hit Save draft. We are going to use the safe drat button until the whole page is ready.
You can check how the page looks like by pressing Preview and also publish it when you are finished editing.
Editing your page can be done through WordPress’ default editor. By using the icons, you can add new blocks, images, headings and gallery.
Tip: Before jumping in and building your pages from scratch I would recommend to draw a layout on a piece of paper of how you want your pages to look like. It will make the creation process a lot easier and see the big picture of your whole website.
Play around with the different blocks and see what they good for. There are several different options to consider:
- Headings – are used for titles and highlights
- Paragraphs – regular body copy on a page
- Images – on image
- Gallery – more images placed in together
You can also add formatting elements, tables, separators, widgets, shortcodes and embed other applications.
As for the blocks, you can edit each one of them individually by clicking on them. There are individual setups for each block, e.g for Headings you can change the heading type (H1, H2,H3), you can select how the text should align, duplicate it, insert a block before or after and remove it.
On the right side you can find the page setups. The most important one is the permalinks – as we discussed in the previous WordPress blog post, permalinks should be easy to read for both users and google bots – so please make sure you are using a link that fulfills these needs.
The featured image is the image that is going to appear on the top of every page. If you are looking for something like this, upload a picture, hit preview and you will be able to see that picture on the top of your page.
If you want to have a comment section on the bottom of you page, you can set it up here. This setup is individual for every page on the website.
Page attributes are used to set up the hierarchy of you pages. You can decide for example to have you About page as a parent page and My story, My mission and Company story be child pages under the about page. This will be interesting when we get to the menu where you can decide what will be a main page and what appears in the dropdown.
Creating a menu only makes sense if you have a few pages set up. So the first step is have the pages ready – at least create them even if they are empty for now – then go to Appearance / Menus.
Create a new menu, give it a name and choose the pages you’d like to add. Then hit Add to menu.
Now all you have to do is drag and drop the pages to the right order and if you want your pages to show up below another one, just drag them slightly to the right.
When you are ready, hit save and check your website. The menu appears on your website.
Media is every file or image you upload to the website. Could be an featured image of a page, images in a gallery or a downloadable pdf.
You can upload media in 2 ways.
- Upload them directly to the library. For this Go to Media / Add new and upload all of them.
- You can upload them while creating your pages.
One thing is important, make sure your files and images are SEO friendly – which in this case would mean descriptive. For example name the picture based on what is on it – or how it relates to the page you are posting it to.
The second that is important is to keep your media files below 500 kb size. Bigger media will slow down your website and that is really not something you’d like. Trust me, I learnt my lesson with this already. I haven’t dealt with it when I created my first website and by the time it was ready it took up to 15 seconds to load. If this is the case, nobody will care about how nice your website is. So, I had to resize every image on my site – and yepp, I have a lot – and change them one by one. It was painful and time consuming.
That’s all for today, I hope you enjoyed it and learnt something new.
Just a quick recap
In this blog post we covered how to create a page, what are the main setups; how to create a menu and publish it on your website; and last but not least, I thought your how to upload any media and what to pay attention to.
Now it is your turn.
Tell me, what was the biggest lesson you learnt while building your website and how did you fix it?
Post a comment below and let me know.