Complete Websites

Building a Website in Progressive Steps: Blog Page


In this part of our Building a Website in Progressive Steps series we're going to discuss putting a single blog page together, and go over the various elements within the page while pointing out the importance of each. So let's dig into the tutorial and start talking setting up a blog page!

Step 5: Blog Page

Don't like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

Related Posts
  • Code
    The Beginner’s Guide to WordPress SEO by Yoast: On Page SEOThe beginners guide to wordpress seo by yoast 400
    In the last tutorial of The Beginner's Guide to WordPress SEO by Yoast we did the final tweaking, after that comes the part of how to use the On Page SEO meta box when writing a post or a page in WordPress. Today we will explore this panel/meta box and will discuss the some generic factors which help in ranking your content well. Let's start with a deeper look towards elements of this post. Read More…
  • Code
    Theme Development
    Creating a WordPress Theme from Static HTML: Adding Featured ImagesCreating wordpress theme from html 400
    You've now worked through a number of steps to create a WordPress theme from static HTML files. Specifically, we've looked covered the following: preparing your markup for WordPress converting your HTML to PHP and splitting your file into template files editing the stylesheet and uploading your theme to WordPress adding a loop to your index file adding meta tags, the wp_head hook and the site title and description to your header file adding a navigation menu adding widget areas to the header and sidebar adding widget areas, a colophon and the wp_footer hook to the footer file creating template files for static pages creating an archive template file. Your theme now has a template file for displaying archive pages, but at the moment it's not displaying images properly. In this tutorial, you'll learn how to add featured image support to your theme and how to display and style them in your archive template.Read More…
  • Code
    The Beginner's Guide to Setting Static Front Pages in WordPressStaticfrontpage
    Typically, in a WordPress website, the home page shows the blogger's latest posts, but what if you wanted the homepage of your website to display the same page every time? For those of you who are just getting started with WordPress, then it's worth noting this is not only possible, but it's really easy.In this article, we'll talk about how to implement a static front page in WordPress as well as where it would and wouldn't be appropriate.Read More…
  • Code
    Theme Development
    Creating a WordPress Theme From Static HTML: Adding a LoopCreating wordpress theme from html 400
    In the first three parts of this series, you learned how to prepare static HTML for WordPress and to create a theme by splitting your HTML file into a set of template files and editing the stylesheet. You then uploaded your theme to WordPress and activated it. The theme still isn't displaying any content you add via the WordPress admin however; to do that you need to add a loop to your template files.Read More…
  • Code
    WP101 Training
    Beginning With WordPress: First Steps With Your New WebsiteBeginning with wordpress
    Well… would you look at at that… a whole new WordPress site! Clever you! Have you logged in yet? If so, you might be sitting looking at the Dashboard wondering what the heck you do next…  so, let me help you with that! (Failing that you're wondering what on earth a Dashboard is, that's ok, all will become clear.) In this tutorial we're going to introduce the Dashboard and go over the first few settings you should adjust when you are setting up your site for the first time, and we'll finish today's lesson with the absolute basics on creating your first pages and posts (including a bit of a look at the differences between the two).Read More…
  • Business
    Blogging and Promoting Your Online Business With SquareSpacePreview blogging with squarespace
    In the first part of our series, Setting Up Your Business Online Without Coding, I showed you how easy it is to set up a brand new website using Squarespace that you can fully set up in as little as 30 minutes. Now that we've got a great-looking website set up, it's time to go one step further and really get the most from it by adding a fully working blog, complete with comments and social integration.Read More…