How to design templates (7 posts)

  1. Anonymous
    Posted 12 years ago #

    I just installed WordPress and would like to create a template, but don't know where to start. I have a solid grasp of web design and HTML, but know absolutely nothing about CSSs and WP templates. I have a prototype of the design I would like completed in HTML (a "prototype", if you will)--what would I have to change to make it a WP template?
    Is there a site that spells out in ridiculously easy terms how to create a WP template?
    Obviously I can't just paste WP tags into my HTML. How do I get tags to display what they're supposed to?
    What role does the CSS play?
    I apologize if this seems rudimentary. Thanks in advance for your help.

  2. carthik
    Posted 12 years ago #

    You can start with searching the Wiki. There is a whole bunch of WP css and index.php related info in there!

  3. triple7
    Posted 12 years ago #

    CSS controls almost all of the design part of the WP template, you can learn CSS here: http://www.w3schools.com/css/

  4. NuclearMoose
    Posted 12 years ago #

    Here are some free CSS resources from Community MX that are listed on my site.
    Also you can visit this annotated wp-layout.css file on my site as well.
    Can't forget Podz's most excellent CSS Demo for the more adventurous student, and his guides as well.

  5. Brak
    Posted 12 years ago #

    I would reccomend to scrap the entire index.php and start over using only the php functions. It makes life easy. Basically, make your design then wrastle with WP until you make it work. Spend a few hours with the program looking at the code and how it works. There are a few loops you need to be aware of, and a few different ways functions act, but overall it's pretty simple.
    Also if you don't know how CSS is structure, I highly reccomend you check it out - I wouldn't say anyone has a grasp on web design unless they have a firm grasp for CSS.

  6. benjamin
    Posted 12 years ago #

    I learned CSS looking at other people's sources, figuring out how things worked.
    It's not hard, you can pin it down in just over a week, if that.
    Orient yourself with WordPress's templating engine, then, as Brak said, scrap index.php and create a new file with the desired functions.
    It takes a bit of getting used to, but it's actually quite simple after awhile.

  7. StopWPCensorship
    Posted 12 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.