Web hosting reseller - WORDPRESS Are we all done showing posts now?
WORDPRESS Are we all done showing posts now? Good! Close up shop and move on: Most of the time, the purpose of The Loop is to retrieve entries so they can be displayed to the end user. This is done through the use of template tags, which fall within the loop. Anything put inside the loop will be executed/displayed for every entry on the resulting page. Now before we move on to talking in detail about template tags, it s worth taking a look at The Loop from a slightly different angle. Normally, you would use The Loop for retriev ing and displaying a set of entries or a single entry, based on either a period of time or some other unique identifier. But say you re into reviewing and discussing books and you want to display a list of all the entries in the Book Reviews category that contain more than ten comments. You would turn to The Loop for that list. Say that you want to have the headline of all the yearly, monthly, and category archive pages to include a count of the entries within that year, month, or category. Again, you would turn to The Loop to accomplish this. Yes, in truth, The Loop is a wonderful tool. Designing with WordPress Designing is really the reason for you reading this chapter, isn t it? How can you leverage your CSS and HTML skills to create a beautiful usable layout with WordPress? Lucky for you it is easier than you might think. There are two main components to any design pow ered by WordPress: CSS and HTML, and the PHP-based templating system. CSS and HTML As with any design for the Web, everything starts with well-formed HTML and CSS. WordPress was built from the ground up to be a semantic publishing system with an eye to standards. This means that visually everything is powered by CSS. Let s take an example. Say you want to style your blog posts with an h1 tag that has a blue background and a gray, 5-pixel border to the left of the h1 tag. Here is the necessary code to make that happen; first we start with this CSS: H1 { background-color: # 8BCCF4; Border-left: 5px solid #ccc; } Then in our page, say, index.php, we would write this:
183