Creating a single blog entry page


show more Creating a single blog entry page provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes show less
please wait ...

Creating a single blog entry page

So we have the homepage for our blog setup. Now let's get into styling what an individual blog article looks like on our site. So in this tab I have open here the blogsingle.html file. This is from our HTML and CSS static template. This is what we want an individual blog article to look like, as we've mocked up. This is the first time we've broken out of the structure that we have going on with this bold presentation of the post title in this cutout section with the light on dark.

So let's take a look at our WordPress theme project in our right in TextMate and our static HTML and CSS project on our left. The blogsingle.html file is what we're working with. That looks how we want it to look. In the file in a WordPress theme that has to do with displaying what an individual blog article looks like is the single.php file. So I'll open that up. Now if we're comparing these two things, we can see that there is this opening div id of main-content, which is on every o...

Creating a single blog entry page
Video duration: 4m 15s 4h 28m Intermediate

Viewers:

Creating a single blog entry page provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes

Subjects:
Developer Web
Software:
WordPress
Author:
please wait ...