WordPress Theme Tutorial: Part 1 - Setup

This tutorial will teach you how to make your own theme using WordPress, the popular blogging tool.

This video talks about some basics of theme setup, and adds the header, footer, and sidebar to the pages. Nothing big yet, that will come in the next video.

Files Used in Lesson:
Original Page: http://andrewanimation.biz/tutorial/ds_theme.zip
Theme Up to This Point: http://andrewanimation.biz/tutorial/tutorial_theme_part1.zip
Sample Posts: http://andrewanimation.biz/tutorial/sample_posts.zip

Category:

Education

Tags:

• wordpress
• theme
• tutorial
• php
• html
• css
• xhtml

[phillmadz]

How is it that your CSS works straight away?

I've tried linking the css style sheet to the header.php but the style still isn't working.

Please help!

[andrewanimation]

@phillmadz This was made over a year ago, and the site that I was linking to has been taken offline. The style.css can be found in my later tutorials.

[KoraK89]

I have images in my header. I'm not sure how to link them to get them to show up. my whole webpage is basically html besides the little php I have added to make the theme work so far. Any suggestions?

[andrewanimation]

@KoraK89 Well, if you're having problems with the HTML then I'd take a look at an HTML tutorial before learning how Wordpress works.

[12ig0]

A PHP file is NOT "just HTML with PHP code added." The output of a PHP script can contain HTML, but PHP has little to do with HTML otherwise.

[divineIproject]

Good tutorial. Thanks for sharing.

Actually, we are creating similar tutorials ourselves. Check it out.

You can create a theme in Photoshop without any coding skills.

Subscribe to our channel :)

[hunt0000007]

also the link for sample posts is dead :(

[hunt0000007]

I am new to wordpress so bear with me. What i want to know is that is this theme installable? i.e. can this be applied like the default (twentyten & twentyeleven) themes??

[CustomizeWordpress]

Helpful for starters, thanks. I usually like taking a freebie theme and bending it to my will...now with this tutorial anything is possible.

[ofangels3]

your video is confusing.

[premiumthemeau]

cool tutorial thanks :)

[bartiesjes]

@phillmadz I had the same problem.

I fixed it to change the Style.css tot style.css without the Capital S. Then it worked for me :)

[rsharma837]

Thanks for uploading,really helpful

[papistr8hood123]

great video, it is very helpful to see someone create a wp theme live :)