How to make different 'web pages' and href them

Try using Firefox with the Firebug add-on for this kind of work.
https://getfirebug.com/

You need to create as many pages as you want and get the ID of pages and write css for $id-253{} and call them in header.php. Refer Google for customization of WordPress pages. Also, you can look for WordPress plugins example:
https://www.ads-software.com/extend/plugins/page-style/

Page Style

Allow pages/categories to have different styles by adding a CSS Class (the Page Name or Category/Tag Slug) to the BODY

Thank you soo much Samfusion!

Finally the advice I was looking for : )

Just to clarify,

you say to ‘get the ID of the pages’

The URL for one of my pages is

https://test.michellehedberg.net/?page_id=32

So I assume then that the ID for that page is 32

Where in the header.php document do I ‘call them” and how do I ‘call them’?
Do I call them by writing
$id-32{} in the header.php doc (but where)?

And then I assume I will just write the css code in my style sheet?

Once again thank you SO much for this help, I’m going to try it out now. I think you have solved my problem

Michelle

Hi again Samfusion,

I still don’t understand how to de-activate links on individual pages using this method, do you know how to to this?

And I’m not quite sure if I have ‘called the ID of the pages’ correctly in my header.php doc.

What is the code for this?

At the moment the only reference to the page ID’s in my header.php doc is when they are mentioned in the links (see code below)

[Code moderated as per the Forum Rules. Please use the pastebin]

Am I correct that I write the following in the style sheet to start styling the pages separately

$id-current{}
$id-32{}
$id-39{}
$id-41{}
$id-43{}
$id-45{}
$id-47{}

The links are currently styled like this in my style sheet

[CSS moderated as per the Forum Rules. Please just post a link to your site.]

Thanks for your help (I really appreciate it!)

Michelle

Thanks Esmi,

But where exactly do I style the current page’s menu (in which document/file/place)? And how do I ensure that these changes don’t appear on all the pages, just the current one?

Michelle

Have you tried using Firebug yet?

Hi Esmi,

I can’t seem to get it to work on my Mac. It downloads but when I try to open it, this message pops up

“There is no default application specified to open the document firebug-1.8.4-fx.xpi”

Samfusion (or anyone else that are able to help)

I tried to style the individual pages by using ID’s for the pages like this with the page that has the ‘current’ ID. Since I only want one of the links to be different I tried applying a class to that particular link (I’ve done that before whilst creating websites using html and it has worked) but it’s not working at all now.

I suspect that I haven’t ‘called on the page ID’s’ properly in my header.php file, how exactly do you do that (and where)?

This is the code I wrote in my style

$id-current{a.startlink:link {
color:White;
font:arial, helvetica, sans-serif;
font-weight:normal;
text-decoration:line-through;
}

$id-current{a.startlink:visited {
color:White;
font:arial, helvetica, sans-serif;
font-weight:normal;
text-decoration:line-through;
}

$id-current{a.startlink:hover {
color:White;
font:arial, helvetica, sans-serif;
font-weight:normal;
text-decoration:line-through;
}

Michelle

Try opening it with Firefox.

Oh is it considered bad manner to be involved with more than 1 topic at once, I didn’t know that (and I don’t really understand why) but I do apologize in that case : O I just thought I’d narrow it down to that specific question since the heading for this post ‘How to make different ‘web pages’ and href them’ has been solved and isn’t really relevant anymore as that problem has been resolved.

Anyway Esmi, I am also in the process of trying to open firebug with firefox, I’ll let you know how I get on.

But I still really want to know the code for how to call on the page id’s in the header.php doc and where to put it, why am I not allowed to ask this?

Very confused…

Start by using WordPress to create a custom menu. Or use wp_list_pages. Or wp_page_menu if you want but do not hand code a nav menu. That’s not how WordPress is supposed to work.

custom menu
https://codex.www.ads-software.com/Function_Reference/wp_list_pages
https://codex.www.ads-software.com/Function_Reference/wp_page_menu

This will give you all the CSS classes you could possibly need for styling currently active page items etc.

Esmi,

Yes Firebug did ‘open’ with Firefox. At a quick glance it seems to be a very good program so thanks a billion for recommending it. I while read through it properly now. I’m still a bit confused on how to install it. It said ‘click here to install and to restart Firefox’ I did that but I still can’t find it on my computer. When I search for Firebug a folder called ZendFramework pops up. Is that it?

No. Just place your mouse over the element you want to examine, right click and select “Inspect Element”.

If You customize a menu with wordpress, can you position it exactly where you want on the page (like I have done now) and style it how you want?

Also from reading documentations on wordpress I thought you had to create child themes of the available themes to be able to customize things exactly the way you want. I’m a graphic designer so I want to use my own design rather than just using a pre-made theme template that mightn’t suit my needs.

At the moment I’m meant to create a website for a musician that he can easily update himself (that’s why I was recommended to make it with wordpress rather than my usual html so that it would be easy for the client to update himself)

I want this site to have the look and feel of a website, not a blog. And I feel like I’m (although extremely slowly) making progress in the right direction for how the website should look so I’m very reluctant to start from scratch again.

Also if you are not meant to hand code a nav menu, then why is wordpress telling you that you can, on this link?

https://codex.www.ads-software.com/Creating_Horizontal_Menus

can you position it exactly where you want on the page (like I have done now) and style it how you want?

Yes.

I thought you had to create child themes of the available themes to be able to customize things exactly the way you want.

No – you can add custom menu functionality to your own custom theme.
https://codex.www.ads-software.com/Navigation_Menus

then why is wordpress telling you that you can, on this link?

Because that’s an old Codex page that pre-dates custom menus. Honestly – you are so going about this the wrong way and making loads of extra work for yourself by hand coding when WP can generate so much itself. Plus, a final hand-coded site is far more fragile and almost impossible to update compared to site that makes full use of WP’s inbuilt functionality. I’ve had to sort out some of these “monsters” before now and I invariably start by pulling out all of the hand coding to create a site that’s far more robust, flexible and dynamic in terms of using the Admin UI properly.

This is a very simplistic site (by design) but have a look at https://theartificers.co.uk/ Does that look like a blogging site? Haven’t had to delve into the theme for ages – despite a number of WP upgrades. And updating the content is a breeze.