Doing My First Wordpress Site - Need Some Help

by perpetualmike

Posted: 12 years ago 11 replies

WEB DESIGN

Hello Warriors,

As the title says, I am doing my first wordpress site by myself

God knows, after how much time and money I've spent in the
past, it is time that I learn how to do this myself.

I'm doing a site for a music workshop.

Downloaded a theme from Generic WP Themes.

The name of the the theme is "School of Music Theme"

The installation went alright.

The problem that I have run into is I don't think the theme
came with a navigation menu bar.

I've made three pages so far, and when I view a page, there
is no navigation menu bar.

Can I add one to this theme and how is that done?

Also, when I search google the url comes up as not found.

I have submitted the site to google

The url is TheWorkshop

Any help would be greatly appreciated

Mike

#site #wordpress

Istvan Horvath 12 years ago

What you call "navigation bar" is simply a list of Pages created in WP.

Wherever you put the <?php wp_list_pages(); ?> bit it will display all the PAges created in that WP installation.

It is there on your site - in the sidebar.

Where is displayed and how it is styled in the stylesheet - depends on the code in your theme. In the theme you are using... you would need some modifications to be able to display the Pages list as a horizontal "menu bar" on the top of your content.
- Thanks
- 1 reply
Signature
{{ DiscussionBoard.errors[7048252].message }}
- perpetualmike 12 years ago
  
  Hi Istvan,
  
  Thanks for the quick reply
  
  I don't see <?php wp_list_pages( ); ?>
  
  If the theme has to be modified, is this something that
  I can do myself?
  
  I own "The Dreamtool For Internet Marketers" and am
  sure that it will come in handy once I become better accomplished
  with wordpress
  
  Thank you
  
  Mike
  
  Thanks
  
  1 reply
  
  Signature
  
  Happiness is a choice
  
  {{ DiscussionBoard.errors[7048323].message }}
  
  perpetualmike 12 years ago
  
  Hi Istvan,
  
  Don't know what I did, but I do see the pages in the right sidebar.
  
  Now to get them horizontally on the top of the page I have
  to change what?
  
  Thanks
  
  Mike
  
  Thanks
  
  1 reply
  
  Signature
  
  Happiness is a choice
  
  {{ DiscussionBoard.errors[7048451].message }}
  
  rhinocl 12 years ago
  
  It is probably changeable in the themes options. If not I would recommend you switch to a theme with a horizontal menu in the header. Trying to rewrite a theme from a vertical menu to a horizontal one is not really a beginner's task. Most themes come with a horizontal menu in the header section. The default WordPress themes are even OK. Just switch out the header image and start playing with the css using Firebug to change colors padding and margins.Remember you can use negative integers as well as positive for the pixel settings. MUCH easier than re-writing a major section of a theme.
  
  [ 1 ] Thanks
  
  1 reply
  
  Signature
  cheap search engine optimization
  
  {{ DiscussionBoard.errors[7048576].message }}
  
  perpetualmike 12 years ago
  
  Thanks for the replies.
  
  I'll see what I can do
  
  Mike
  
  Thanks
  
  1 reply
  
  Signature
  
  Happiness is a choice
  
  {{ DiscussionBoard.errors[7048654].message }}
  
  perpetualmike 12 years ago
  
  Thanks Istvan,
  
  I wast just thinking the same thing
  
  Mike
  
  Thanks
  
  Signature
  
  Happiness is a choice
  
  {{ DiscussionBoard.errors[7048663].message }}
Istvan Horvath 12 years ago

You are not going to like what I am going to say: if you need to ask, you will not be able to do it. Sorry.

You'd need to change the header.php, sidebar.php and style.css files:
Move the PHP code (called 'template tag' in WordPress lingo) from one sidebar) to the other (header) and write the CSS rules for it to be displayed properly.

FYI: being able to install WordPress doesn't mean one suddenly knows HTML/PHP/CSS. And that's exactly what is required to modify a theme in order to display something differently than the original.
- Thanks
Signature
{{ DiscussionBoard.errors[7048539].message }}
Istvan Horvath 12 years ago

I took a closer look at your theme... throw it away

- it was done with artisteer
- it has ancient code copied over from the "Kubrick" theme (and they didn't even bother to change it!)
- just because it has been name "school of music"... it has nothing to do with music or with school
- it is not what you want - since you want to modify it

Ditch it and get a theme that has all the functionality you need. Don't go by 'name/title'. Look for the functions and features you need!
- [ 1 ] Thanks
Signature
{{ DiscussionBoard.errors[7048643].message }}
run 12 years ago
Hello Perpetualmike,

I think that you want to have you page to list in horizontal menu under the header right?

Assuming that you want it, so as below:
1. Go to your Wordpress Admin Dashboard
2. Click on Appearance Tab -> Menus
3. Tick/Select All your pages and Add to Menus & Save
4. Open you header.php file & Paste this code <?php wp_nav_menu(); ?> to the most below of your header.php file.
5. Open you style.css
file & Past this code into it (anywhere that suitable)

Code:

.menu-test-container { width: 100%; margin: 10px auto; overflow: hidden; } .menu-test-container ul { list-style: none; overflow: hidden; } .menu-test-container li a { display: block; float: left; text-align: center; text-decoration: none; padding: 10px 10px; margin: 0 10px; background: #000; } .menu-test-container li a:hover { background: #F00; }

Note: In the code above of
style.css, you can customize the way you want your navigation menu as you desired by using css.

Does this could help you?
- Thanks
- 1 reply
Signature

I just wanna tell you that most of the links in the signature are trash and/or a trap to make you pay!
{{ DiscussionBoard.errors[7048700].message }}
- perpetualmike 12 years ago
  
  Hi Run,
  
  Stupid question.
  
  Where do I find the header.php and the style css files
  
  Thanks
  
  Mike
  
  Thanks
  
  Signature
  
  Happiness is a choice
  
  {{ DiscussionBoard.errors[7048852].message }}
klickgablow 12 years ago

Your theme files are located in,

wp-content/your_theme_name/

E.g. commonly...

wp-content/your_theme_name/header.php
wp-content/your_theme_name/styles.css
- Thanks
{{ DiscussionBoard.errors[7051203].message }}