admin_michelle

and thanks for that bit of code there Samfusion

Do I put this in the header.php

<?php if ( is_page(‘special-page’) ) { ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_directory’); ?>/style2.css” type=”text/css” media=”screen” />
<?php } else { ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<?php } ?>

and do I exchange the word ‘special-page’ to my page ID (for example ‘current’) or is it actually going to say special page

and what about the php bloginfo(‘stylesheet_directory am I supposed to change that for something else?

Still a bit confused…

Ok,

You have convinced me Esmi, I’ll start from scratch because it is becoming increasingly head wrecking and frustrating to work this way, something that I could have just coded myself in 2 minutes takes a week having to rely on help from support forums (and I take this opportunity again to say how very very grateful I am to everyone who has helped me out).

But I do feel apprehensive though, because for example in the theme Delicate that I used to modify my site, they had set specific measurements for the header image that didn’t suit my needs at all and to get around that I did have to create a child theme, change the permission of the hooks.php file and do some serious complicated coding just to get a different sized image so… I hope I don’t have to do all that again to get the ‘site’ to look the way I want…

Once again

BIG thanks

Michelle

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

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?

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…

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

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”

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

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

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

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

Hi again Swanson,

Thanks for clarifying these things for me. However I don’t seem to be able to explain my problem correctly. I don’t need any help on how to create, style or code a ‘normal’ (meaning using html and css style sheets) menu, my problem is that I don’t know in which ‘document/file/place’ to put this code using the wordpress structure. This is why I assume the ‘problem’ to be of a wordpress nature and therefore it felt appropriate to ask advice on the wordpress forum rather than any of the other forums as they might not be familiar with how the wordpress structure works.

All I want is for the different pages to display the top horizontal navigation menu with the links for each page deactivated and styled to indicate that you are on that page when you are on that page.

I know how to do this using html and css but I don’t know where and how to do it within the wordpress structure.

Michelle

Thank you very much for getting back to me Swanson.

All I am trying to do is to de-activated the links with the name of the page that you are on (just like the way any menu would work – when you are on the ‘about’ page for example the word about in the top menu wouldn’t be a link anymore and it might be styled slightly differently to indicate that you are on that page)

As you might see if you go to my url

https://test.michellehedberg.net/

I have styled the links with a hover effect and I know how to style the links using css but yes the menu would have to have different links on each page. I’m a bit confused over why WordPress shows you how to make horizontal menu bars (this is the link I used)

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

and shows you how to insert it into your header.php page and then just ‘leaves you there’ without further explanation on how you will actually get it to work when it turns out to be so nightmarishly complicated. If you create this type of top navigation menu bar, of course you expect (and need it to) behave like a ‘normal’ menu bar – they all follow these principals, when you are on each specific page/link, that link is de-activated and it is styled slightly differently from the other links to show that you are on that/link page now.

I really don’t know what to do now, I can’t believe it’s this difficult to make a simple basic menu in wordpress…

I really appreciate your help, have you any advice for what I can do about this problem at this stage or who to ask? I would hate having to give up when I have come this far…

Michelle

Dear Vodoo,

Thank you so much for getting back to me. All I am trying to do is to de-activated the links with the name of the page that you are on (just like the way any menu would work – when you are on the ‘about’ page for example the word about in the top menu wouldn’t be a link anymore and it might be styled slightly differently to indicate that you are on that page)

As you might see if you go to my url

https://test.michellehedberg.net/

I have styled the links with a hover effect and I know how to style the links using css but yes the menu would have to have different links on each page. I’m a bit confused over why WordPress shows you how to make horizontal menu bars (this is the link I used)

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

and shows you how to insert it into your header.php page and then just ‘leaves you there’ without further explanation on how you will actually get it to work when it turns out to be so nightmarishly complicated. If you create this type of top navigation menu bar, of course you expect (and need it to) behave like a ‘normal’ menu bar – they all follow these principals, when you are on each specific page/link, that link is de-activated and it is styled slightly differently from the other links to show that you are on that/link page now.

I really don’t know what to do now, I can’t believe it’s this difficult to make a simple basic menu in wordpress…

I really appreciate your help, have you any advice for what I can do about this problem at this stage or who to ask? I would hate having to give up when I have come this far…

Michelle

no no no Esmi,

I’m obviously not explaining myself properly, I AM accessing my database, that’s how I have been able to modify certain files in my text editor and then uploading them to my server via FTP.

My problem is that I don’t know WHERE the page files are situated on my server (I have looked in both the Delicate and my Child Theme folders) and I’m not even sure what exactly these new page files are called.

I also know how to code the css with normal html but since I am so confused about the structure of wordpress I don’t know in what document to write this code and what exactly the code would be in this case…

As I explained, the menu that I have created is coded on the header.php file in the original Delicate folder (linking to the style sheet in my Delicate Child theme). All my pages are displaying this menu (which is great) but surely it must be possible to make changes for how the menu is displayed on the individual pages?

So I’m wondering

1. if it’s possible to write some code to make the menu at the top of my page behave differently on each individual page?

2. if yes, what this code is and

3. where do you write this code (on the header.php file in the original Delicate folder, on the style sheet in my Delicate Child them folder or on the actual page files themselves, wherever they are)?

I hope I explained myself a bit better this time, and once again thank you so much for attempting to help me, I really appreciate it.

Michelle