Wordpress - Theme: Designing Simple Header


Wordpress theme step by step tutorial - Part 12: In this post, we will learn how to design header. Yeah, we want to practice design simple header at our theme. What you needed is pixcel GIF file with a gradient effect. Save that file within "crown/images".

Open your "header.php". Add following code in box:

wordpress add title and subtitle

Open your css, "style.css". Add following code:

wordpress add title and subtitle

You will get like this:

wordpress add title and subtitle


Series this article:
Wordpress - Theme: Installing and Changing Theme
Wordpress - Theme: Building Your Own Theme
Wordpress - Theme: Writing First Code
Wordpress - Theme: Wordpress Code Style
Wordpress - Theme: Showing the Post Excerpt on the Front Page
Wordpress - Theme: Showing Category Name for Each Post
Wordpress - Theme: Showing a Post with Date and Author
Wordpress - Theme: Planning Theme Design
Wordpress - Theme: Writing Basic Code for Two Column
Wordpress - Theme: Splitting Index Become Some Small Parts
Wordpress - Theme: Uniting Various Small Parts
Wordpress - Theme: Separating Stylesheet From Header
Wordpress - Theme: Designing Simple Header
Wordpress - Theme: Placing Content to Body
Wordpress - Theme: Showing Archives, Categories, Links in Side bar
Wordpress - Theme: Creating Footer
Wordpress - Theme: Modifying Single Post Display
Wordpress - Theme: Showing Comments at Single Post
Wordpress - Theme: Showing Comment Form
WordPress - Theme: Showing Trackback,RSS, and Other Detail at Single Post
WordPress - Theme: Showing Title and Other HTML Header
WordPress - Theme: Making Theme Widget Enabled

Bookmark and Share Tag: wordpress, theme, css Category: Web Design, PHP Application Post : January 31st 2008 Read: 45,269

advertisements


blog comments powered by Disqus