ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   lqunta
   Member

   Greetings All,

   Have been chasing after my own tail for close to 12 hrs now, some other perspective will most definitely be welcomed. Trying to implement a custom 'home' layout with thematic [ have limited knowledge of thematic, and PHP ].

   So far, I'm trying to filter the 'home' or 'index page' thematic loop so that I have a rather custom way of showcasing my content [ see code below ].

   I would like the custom loop to:
   - Display the Category Title
   - Display the Category Image/ Thumbnail
   - Display a listing of the 3 most recent articles in the following format [ Post Title, Post Thumbnail, Excerpt ]

   Code Follows
   
<!-- 1st column -->
<div class="grid_8">
<!-- begin spacing/icon div -->
<div class="icon pngfix">
<h2>Category Title One</h2>
<p>
<img class="frame" src="style/img/stock-image.jpg" alt="Category Image" />
Category Description - Sint porro tantas nam ad, an eius nihil has. Aperiri expetenda conclusionemque in duo, no cum sumo possim debitis, no quo ferri menandri.

<img src="style/img/btn-read-more.png" alt="read articles in this category..." />

</p>

   <!-- begin image list -->
   <ul class="imglist">
   <!-- 1st item -->

2. <h4>Most Recent Article Title</h4>
<p>
<img src="style/img/stock-thumb1.jpg" alt="Post Image Thumbnail - Aligned Left" />
Post Excerpt - Duo latine verterem delicatissimi eu, quo ad eros malis disputando, pri unum adipisci inciderint an.
</p>
<!-- end 1st item -->
<!-- 2nd item -->
3. <h4>Second Most Recent Article Title</h4>
   <p>
   <img src="style/img/stock-thumb2.jpg" alt="Post Image Thumbnail - Aligned Left" />
   Post Excerpt - In aeque partem sensibus ius, quaeque voluptaria dissentiunt ei pro. Clita viderer appellantur his te.
   </p>
<!-- end 2nd item -->
<!-- 3rd item -->
4. <h4>Third Most Recent Article Title</h4>
   <p>
   <img src="style/img/stock-thumb3.jpg" alt="Post Image Thumbnail - Aligned Left" />
   Post Excerpt - Ei etiam nostrud eam, brute facilisis voluptatibus mel cu, eam cu diceret definitionem conclusionemque.
   </p>
<!-- end 3rd item -->
<!-- end image list -->
</div><!-- end begin spacing/icon div -->
</div><!-- end 1st column -->


Is it possible to replicate the above loop multiple times on the same page?

Well, I think I should re-stock on coffee

Looking forward to learning by doing :P [ all tips, pointers, code-snippets, explanations are welcomed ]