We look at the contact page and decide that it's the kind of page on CSS-Tricks that is very generic and doesn't need any particular special styling at all. Really the only difference between a generic page and a blog post is that there are no comments and no date (both rather irrelevant for this type of content).

When you publish a page in WordPress and leave it as the default template (don't choose anything from the dropdown, and remember dropdown is only there if you actually have multiple template), it uses the page.php file in your theme.

We whip this page.php template into shape in this video. We use the grid structure we have set up. We make the content of the page a generic div (rather than an article, since articles are for individually syndicatable bits of content, which we can't be sure any page is). Our contact page is just an embedded Wufoo form.

We end up looking at a few other pages that will very likely use this same generic template.

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag