Styling a header


show more Styling a header provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Dreamweaver and WordPress: Core Concepts show less
please wait ...

Styling a header

So far in this chapter we have changed the background and the page width as well as adding web fonts to match our site. Now we are going to work our way from the top down, starting with the header. So I have both the blog_comp.htm file found in the _source folder, as well as the index.php file from our WordPress blog folder open, am in Live view in both documents. WordPress is very big on dynamically building the page by including its constituent parts.

The header is one such part and typically includes any pre-HTML code, the opening HTML tag, the entire head tag, the opening body tag, and any header area prior to the content. So in this theme, it's going to be this entire section up to, and including, this border that we see here. Now, all of this code is contained in the header.php file. So to preserve our parent theme, let's copy the header.php file from the custom theme folder to or roux theme folder.

So over in the Files panel, I am going to expand the custom folder, locate header.php...

Styling a header
Video duration: 11m 48s 5h 44m Intermediate Updated Oct 23, 2012

Viewers:

Styling a header provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Dreamweaver and WordPress: Core Concepts

Subject:
Web
Software:
Dreamweaver WordPress
Author:
please wait ...