Wordpress

Hello,

I got a multiple page html theme and I wanted to convert it to a wordpress theme without changing the layout or color scheme of it. can anyone give me a good tutorial with the specific code references and a tutorial on explaining how can i go about achieving this? i know wordpress uses one page.php file which says what all pages look like but is there a way to use multiple pages?

here is my html theme:

http://www.exinage.com/html/

oh i tried firebug but it confuses me, i asked questions in their mail group but never got any answers. :confused:

No prob, I checked the validation errors using this Firefox plug in: http://users.skynet.be/mgueury/mozilla/ another useful tool is: http://getfirebug.com/ :slight_smile:

thanks, how did you figure that out? just knowledge or did you have an analysis tool?

In single.php where you are having the layout issues.

I’m no guru with Firebug. It is a bit confusing. :blush: :slight_smile:

Also Silver, I noticed you used The_title() two times in your pastebin - did you mean to?

yup

Wordpress’s Codex provides a lot of useful information on developing themes. Don’t make the process too complicated. I used to copy all of the files for Wordpress’s default theme and just edit them to include my design.

where in the codex does it list the different call tags?

such as this:

<?php the_permalink() ?>

and just gives an explanation what it does. i remember seeing such a list but cannot find it.

Theres really only a few lines you need to copy. Do as the guy above says and just pick the default one apart.

ok so i am taking apart the default template and i see this set in the header for the css:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

were do i place in the reference to the actual css files?

Glad to hear you’re taking on WordPress.

Here are some template functions/tags: http://codex.wordpress.org/Template_Tags

I’d recommend downloading a base theme such as Hybrid or [URL=“http://elliotjaystocks.com/starkers/”]Starkers by Elliot Jay Stocks. Either base the new theme on that or have a look at how the above mentioned functions are used.

Here’s the manual with information about how to get started and which files are necessary: http://codex.wordpress.org/Theme_Development

that didn’t really answer my question…i cannot find <link rel=“stylesheet” href=“<?php bloginfo(‘stylesheet_url’); ?>” type=“text/css” media=“screen” /> really in codex nor how to reference the css styles.

Utilize Google. Here’s a list of parameter values for that function. I’d use @import within style.css to include other CSS files.

Not sure what you mean by reference the .css styles? That is looking for the style sheet in the themes folder within the wp-content/themes/theme directory. There is nothing you need to do to that line.

As far as different layouts for different pages go. You can create page templates for each different style you need. Then when creating a page you can select the template for that particular page: http://codex.wordpress.org/Pages#Page_Templates

I personally hate the codex. Sure, it explains what everything does, but decent examples don’t exist.

I would suggest you check out css-tricks.com. I’ve learned a lot from Chris’ screencasts. :slight_smile:

More specifically:
Building a Photoshop Mockup
PSD to HTML/CSS Conversion
HTML/CSS to Wordpress conversion

well in regular html i say which stylesheets i use and were they are located, Wordpress doesn’t need to be told that? If it does which file and how do I declare them?

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

That line is looking in the /wp-content/themes/active_theme_folder for a file called style.css. This file is required for a theme to function properly in the admin area.

If you want to add additional style sheets to the theme you can add more by duplicating this line and changing the path to point to the new file(s)

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/additionalstylesheet.css" type="text/css" media="screen" />

Just change the name of additionalstylesheet to match whatever you name it. This goes in header.php in the theme folder. :slight_smile:

ok i see, is it possible to create multiple different page layouts? for example on my site i have a page for the index which I will keep index.php but then i got a regular page layout then I got the blog layout. how can i establish those two different layouts?