Images instead of Page NAmes

How much do you know about HTML/CSS? Does the client have images already that they would like to use?

I have the images and i would say i am at a 3rd grade level on my knowledge. I realize that is crazy to be building web-pages with this much knowledge, but I have been able to figure everything out up until now. This child theme is not making sense to me…. So I may have to just do more reading, but I was hopefull that there would be a plug in that would allow me to do this. I have the images, cropped and ready to go.

Which website are you trying to modify? You will manually have to go in and edit the navigation code to use images instead of plain text.

Twenty ten Hey… your the person that fixed my last problem!!

latterdaychatter.net

Ok if you are using TwentyTen you will need to go into header.php and find

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

This is what displays the current text navigation on the site. Do you know how to use HTML to create an image link instead of a text link?

You will also need to upload the images to the webserver using either FTP or you can upload the images with WordPress in the Media section.

I have the images in my Media Section. i know how to create interior links with html… So do I name the image the interior link name?

You would have to do something like

<a href="https://www.ads-software.com"><img src="image-url-goes-here" alt="Place the link's name here" /></a>

THat replaces the other code?

Yes, you will have to use that for each image that you want to place for the navigation.

P.S. While this will create image links instead of text links they may not be properly formatted due to HTML/CSS issues. You will most likely have to go in and modify some of the CSS code to get things to line up and display correctly.

hold on…. once I change it in the header place… then where do I post each of the other changes? In the Title or in the Header Editor section

I am so nervous I feel like I am on my first prom date…

Other changes as in the rest of the image links? You would just place them one after the other in the header.php file.

<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt="" /></a>

Editing the CSS code to get things displaying properly will require modifying the style.css file.

I understand the Style. css file thing. lets say the interior name is
Ghost Hunting
is there anything I have to do in the page title as well as in the php file? I think I am 90% there, just want to be clear before I mess this all up

No you won’t have to modify the already existing page titles at all. You will just have to retrieve the existing page URL and add them to the link code for the navigation bar.