Again, for more information on the details of this technique, see the original post. The values used in the example produce three columns of approximately equal width. The trick here is to use width values that will create the correct column widths. Creating the columns is merely a matter of floating the individual divs and applying a width to each of them: /* three column layout */ The final step in the tutorial is to style the markup with CSS. Note that you may want to change the id names of the divisions to better represent the particular semantics of your document. Here, each of the three loops will be placed into its own div, which then will be styled with a little CSS to transform it into one of the three columns. There are many ways to accomplish this, this is merely one of them: Now that we have the PHP in place, we are ready to add the (X)HTML markup required for the final three-column configuration. Step 2: Markup your theme template file(s) See the original post for more information, options and details. Thus, this multiple-loop configuration displays the most recent 15 posts, each of which being unique. The first loop displays the first five posts, the second loop displays the next five posts, and the third loop displays the next five posts. We have three loops, each displaying five posts. The first thing we want to do is replace the standard WordPress loop with the following code: // FIRST LOOP: display posts 1 thru 5 Using WordPress and a little CSS, this configuration is relatively easy to accomplish.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |