Anatomy of a Magazine Style Premium WordPress Theme – Part 1 “The Loop”
Now for some styling
One more step and we are done. In order to style the various options, we will have to create and style the following divs and classes:
In the first example (featured and non-featured), define:
- .featurepost (to style featured posts)
- .post (to style regular posts)
The second example has only one distinctions between the featured and the non-featured post, that is the length of the posts (full and excerpt), so the styling will remain common for both.
The third example (asides), we need to define the following:
- .asides_entry
- .asides_entry ul
- .asides_entry ul li
What I did here was adopt a stylesheet by David Herreman with some personalization to style our demo theme; you can see it in action here or download the original CSS from David’s site if interested.
Next up, we will build cool tabbed interfaces for your sidebar using DOMtab, tabber and other free JavaScripts.
So there you have it. Happy hacking and share these ideas with all. Enjoy!
References: Codex, David Herreman, MandarinMusing, Solostream, wpSnap and a whole bunch of premium theme demo’s
August 28th, 2008 at 4:17 pm
[...] Part 1 — The Loop [...]
August 18th, 2008 at 6:58 pm
[...] More here: Comment on Anatomy of a Magazine Style Premium WordPress Theme … [...]
August 18th, 2008 at 4:40 am
[...] Anatomy of a Magazine Style Premium WordPress Theme – Part 1 “The Loop” No quite sure how the wordpress loop works yet? Try checking out this article and you should have better idea of how to use the above 1001 wordpress loops. How to make a random post button This simple tutorial by WP Guy teaches you how to add a random post function into your sidebar. [...]
July 31st, 2008 at 3:51 pm
@ Chico
One loop can display posts from X and then Y, use this method from Codex.
To display archives on a monthly basis try using a plugin such as this.
July 31st, 2008 at 9:27 am
Hi
I have been looking around for good examples of multiple loops use in WP.
I am desperately trying to make something similar work for my blog. My desired setup would have:
On front page, the latest post from categoryX, followed by the latest post from categoryY then two lists outside the loop ( I think ) with the top 5 rated articles in one and the 5 most viewed posts in the other. Both of these lists would be generated by plugins (and repetition of posts not an issue on the frontpage which would not show posts in the loop after the two featured ones)
However in my archives page I would need to show all posts grouped by month.
Any help/tip/idea to modify the code above for my needs would be immensely appreciated.
C.
p.s I realise my request is similar to previous comment but still need help.