2010 Cataclysm Theme

Posted on January 16, 11 by Zeaks

2010 Cataclysm by Zeaks Twenty Ten child theme based on the Warcraft Battlenet site. It features 4 layout styles a forum page template for the matching Vanilla forum theme, 9 header images, custom avatars, style support for Extended Recent Comments and Custom Avatars for comments, WoWhead Tooltips, Blue Post styled blockquotes, RSS Feed block and more. Check out the included Read Me file for full info and instructions.
Download the theme
Download
Download the Vanilla Forum theme
Download
Download the matching avatars
Download

Extra Info and instructions

You MUST have Twenty Ten theme, the WordPress default theme installed to use this.

To install, any version 2.1 or newer, just upload through the admin interface, or upload with FTP.

There are two index files included, one with the RSS Feeds block, one without, look in the theme folder and you’ll find an index.php without the block, just replace the current one with that.

If you plan on using the Custom Avatars For Comments plugin, upload the commentavatars [download id="17"] to yoursite.com/wp-content/

Features:

Grid style page template- This can be used as a static page to show all of your posts in a grid style format. Simply select “Grid Page” from the page template menu when creating a page. It can be set as a static front page for those that want a magazine style layout.

WoWHead Tooltips- to use these, simply create a link to any item in wowheads database in your post or mage. More info on detailed links can be found here http://www.wowhead.com/tooltips

Warcraft Blue Post styled quotes – To use the wow quotes feature, use [ wowquote author="Author" title="Title" url="url" ]Content Here[ /wowquote ] in any post or page (without the spaces).

Item level Tags -I’ve added special tags in the css you can use to color text in your post the same color as items in game. Tags are as follows: artifact, heirloom, legendary, epic, rare, uncommon, common, poor. You can use these by using the html editor and adding for example – [

<span class="epic">Some Item Name</span>

this will change the font color of the item to epic item level color. RSS Feed Block- I thought some might like this, it can be disabled easily though. There is no admin options for this feature. To change the Left RSS feed in the block simply open index.php in your theme folder. and goto line 23 where it says

$rss = fetch_feed('http://www.wowarmory.com/character-feed.atom?r=feathermoon&cn=jae&locale=en_GB');

and change the url to your own RSS feed. To change the RSS feed in the right block, goto line 47 and change

http://blue.mmo-champion.com/rss/category/3/cataclysm?language=en

to your desired RSS feed.

To change the titles of these blocks, in the same file search for Cataclysm Feed and Character Feed and change them to whatever you like.

If you do not want the RSS feed block on your site, upload the included index.php (located in the "No-RSS-Index folder) to your theme folder overwriting the current one.

Included Headers- I've included 9 basic headers, goto admin>appearance>headers and select one. If the new header does not apply after first installing the theme, click "remove header image" save, then select one of the headers.

Plugins used and recomended

Extended recent comments- I choose to use this comment plugin because of how easy it was to style, and the layout of the recent comments was exactly what I was looking for. I've added styles for this plugin in the theme, just install and go.
Download here - http://wordpress.org/extend/plugins/extended-recent-comments/

Custom Avatars For Comments- This allows users to select an avatar when they make a comment instead of using the default Gravatars. I've included several avatars in the "commentavatars" folder. If you plan to use this plugin, simply upload the folder to yoursite/wp-content/ directory. The plugin should work with it's default settings. If you experience an issues with only default avatars showing, switch to Twenty Ten theme, then back again, it should fix any issues.
Download here - http://www.nkuttler.de/wordpress/custom-avatars-for-comments/

AJAX Thumbnail Rebuild- If you experience any issues with featured images not displaying properly in the posts, or images too large etc, I recommend installing this and running it. After install goto tools > rebuild thumbnails and let it run, then view your site.
Download here- http://software.breiti.cc/wordpress/ajax-thumbnail-rebuild

Credits:

Some functions.php code - http://aaron.jorb.in/blog/2010/04/introducing-thirty-ten/
Grid style page code mostly from - http://www.transformationpowertools.com
Header images are from - http://worldofwarcraft.com/.
Warcraft avatars by - http://www.banthar.com
WoW Blockquotes Feature - http://www.letsgoachieve.com

1.2 Beta changes.

Jan 5 2011. 2.0 Changes.

Jan 14 2011. 2.1 Changes

Jan 16 2011 2.2 Changes

Updated missing wrapper and footer background image extensions.

Feb 11 2010 2.3 Changes

Feb 20 2011 2.4 Changes

Added default header to functions

42 thoughts on “2010 Cataclysm Theme”

Cablespider on January 16, 11 at 2:13 pm said:

I just wanted to say thank you for both the WP Wow theme and the matching Vanilla theme. I stumbled on your site last night. It was a nice surprise to see both. You've done great work!

Your time and effort is greatly appreciated!

Reply ↓
Zeaks on January 16, 11 at 10:22 pm said:

Thanks for the comment, I’m glad you like it

Reply ↓
Cablespider on January 16, 11 at 10:28 pm said:

Like it? I love it!

Any idea where the styling is for the activity stream? The text is black and unreadable. I tried a few things but I'm not having much luck.

Reply ↓
- Zeaks on January 16, 11 at 11:35 pm said:
  
  The text in the RSS block above the content? or are you using a widget? I checked both on the demo site, the text is blue in the RSS block, and regular font color for the RSS widget in the sidebar.
  I don’t see any activity feeds on your site, enable it and I’ll take a look
  
  Reply ↓
  - Cablespider on January 16, 11 at 11:37 pm said:
    
    I’m sorry…I should have been more specific. The Vanilla activity stream. Click Activity in Vanilla and you’ll see what I mean.
    
    Reply ↓
    - Zeaks on January 16, 11 at 11:47 pm said:
      
      I haven’t had a chance to use Vanilla forum much and it’s my first forum theme, so there’s probably things like this I missed. This should take care of the black font color though.
      goto /forum/themes/2010-cataclysm-vanilla/design/ and open custom.css and add this to the bottom.
      
      ul.Activities li.Condensed div.Excerpt {color: #EFC9A0;}
      
      If you run into any other strange looking colors feel free to let me know. It’s hard to get alot of testing done to forum themes.
      
      Reply ↓
      - Cablespider on January 17, 11 at 12:39 am said:
        
        Got it. It wasn't in custom.css but Vanilla itself.
        
        applications/dashboard/design/style.css.
        
        Thanks for the tip.
      - Zeaks on January 17, 11 at 1:02 am said:
        
        Same thing, different way to edit it. The dashboard style edits the stylesheet for whichever theme you’re using. Glad it worked, your site looks good
      - Cablespider on January 17, 11 at 1:07 am said:
        
        Thanks! I hope it’s okay that we change things?
Ashandle on January 16, 11 at 10:45 pm said:

Zeaks may i ask one question?

How can i create dropdown menu bar ? do you want to create little tutorial about this :]

Reply ↓
- Zeaks on January 16, 11 at 11:00 pm said:
  
  Not sure what you mean by this. Are you talking about in the navigation menu?
  
  Reply ↓
  - Ashandle on January 16, 11 at 11:09 pm said:
    
    yes, certainly it
    
    Reply ↓
    - Zeaks on January 16, 11 at 11:31 pm said:
      
      That's easy to do, just create a page, and set it as a child menu of one of the other pages and it will put it in a dropdown automatically.
      
      If you're using the menu system, move the menu you want as dropdown under the one you want as a parent menu but slide it to the right so it sets it as a sub menu.
      
      I'll make a post on this if you still need help.
      
      Reply ↓
      - Ashandle on January 16, 11 at 11:59 pm said:
        
        Thank you so much ^^, u sold my problem :]
      - Zeaks on January 17, 11 at 12:06 am said:
        
        You're welcome, your site looks great
      - Ashandle on January 17, 11 at 12:08 am said:
        
        because of you, I am grateful to you :]
Ashandle on January 17, 11 at 12:25 am said:

Last question how can i show my post images at Category table?

Ex: WoW Machinima Just text, no image

Reply ↓
- Ashandle on January 17, 11 at 12:28 am said:
  
  edit: I want to look like the homepage posts
  
  Reply ↓
- Zeaks on January 17, 11 at 1:06 am said:
  This should add the post image to categoriy pages. Open loop.php, around line 133 below this line
```
>div class="entry-summary"<
```
  add this line
```
>a href=">?php the_permalink(); ?<" title=">?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?<" rel="bookmark"<>?php the_post_thumbnail(); ?<>/a<
```
  Reply ↓
  - Ashandle on January 17, 11 at 1:19 am said:
    
    Nothing change =/
    
    WoW Machinima
    
    Reply ↓
    - Zeaks on January 17, 11 at 1:31 am said:
      
      I think I know why they are not displaying. Did you put an image into the post, or use featured image?
      
      Categories are by default displayed as excerpts, excerpts do not display images like a normal post would, only the post_thumbnail (featured image) would show so, unless you have one set, it won't display them using this code.
      
      Take a look at this page http://test.zeaks.org/category/uncategorized some have an image, some don't. (ignore the image size on this site)
      
      You can get categories to display the full post, which would show images just like it does on the main page. If you want to do this, open loop.php and on lines 104, and 132 find
      
      >?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?<
      
      Change that to
      
      >?php if ( is_search() ) : // Only display excerpts for archives and search. ?<
      
      This tells your theme to only show the search results as excerpts, everything else will display as a normal post would.
      
      Reply ↓
      - Ashandle on January 17, 11 at 1:39 am said:
        
        You're a genius did you know ! my all problems solved becouse of you ^^,
Snake Plisken on March 31, 11 at 7:54 am said:

What is the address of the RSS feed for WoW guilds?

Reply ↓
Zeaks on March 31, 11 at 8:31 am said:

As far as I know, there isn't one yet. I've read on the forums a few months back they plan on adding it though.

Reply ↓
puffidredz on April 15, 11 at 5:45 pm said:

Hello thx for the theme. I and my guild really love it. I have only one question. I've seen two of your demos of the custom avatars you're using in the theme; one has a blue glow around it, the other does not. I would like the blue glow around the custom avatars but on my web site its not showing them. How do I get that blue glow around the custom avatar's like your's? Thanks.

Reply ↓
- Zeaks on April 15, 11 at 6:56 pm said:
  
  Glad you like the theme, the blue glow around the avatar is supposed to represent the post author, regular commenters will show a black glow instead. You can change this easy though, if youwant all comment avatars to show the blue glow.
  
  Open style.css and find >pre lang="css"< .commentlist .avatar {
  
  -moz-box-shadow:0 1px 4px #000;
  
  -webkit-box-shadow:0 1px 4px #000;
  
  box-shadow:0 1px 4px #000;[/code]
  
  Change it to this
  
  >pre lang="css"<.commentlist .avatar {
  
  -moz-box-shadow:0 0 10px #00C0FF;
  
  -webkit-box-shadow:0 0 10px #00C0FF;
  
  box-shadow:0 0 10px #00C0FF;[/code]
  
  Reply ↓
Shino on May 30, 11 at 9:30 am said:

Hi!

Can you tell me how can I rotate the header images? I found 9 header in the them, and i want to use all of them.

Reply ↓
- Zeaks on May 30, 11 at 3:34 pm said:
  
  I've posted the code here http://zeaks.org/topic/twenty-ten-header-rotator-…
  
  Reply ↓
Shino on May 31, 11 at 12:10 pm said:

Cool, thanks!

Reply ↓
Tom on June 3, 11 at 9:16 pm said:

Hi,

is there a way that I can open the links from the two RSS Feeds in a new tab or window when I click on one link?

Reply ↓
- Zeaks on June 3, 11 at 10:16 pm said:
  
  The RSS links work the same way as the WordPress RSS widget. I will take a look and see if it's possible though, and post back.
  
  Reply ↓
Grassrootz on July 9, 11 at 1:57 am said:

First of all very nice work! Thanks for sharing with everyone! Probably a stupid question , but how do I switch from using the text title of the blog and use my own image?

Reply ↓
- Grassrootz on July 9, 11 at 2:11 am said:
  
  Just to clarify I mean in the header of the blog I want to use my own logo image instead of the dynamic text of the blog title and description.
  
  Thanks again!
  
  Reply ↓
  - Zeaks on July 9, 11 at 6:51 am said:
    
    You can hide the site title by using this in your style.css
    
    #site-title, #site-description {display:none;}
    Zeaks recently posted..Leggero theme ready for download
    
    Reply ↓
Grassrootz on July 9, 11 at 5:42 pm said:

Thanks for the quick reply! That worked great thanks. Couple other question I hope you don't mind… I want to use the grid layout without the RSS feeds but it doesn't work with the other index.php file. So is it possible to replace the RSS section with say an embedded video? Also, when using the grid layout I would only like the featured image thumbnail displayed and no text from the post other than the title. I couldn't find where to change the thumbnail size for the featured image on the front page.

Thanks for all your help!

Reply ↓
Brian on October 5, 11 at 8:57 am said:

Gotta say this is one of the best Themes I have seen in quite awhile, its very nice.

Reply ↓
- Zeaks on October 5, 11 at 3:38 pm said:
  
  Thanks Brian, glad you like it.
  
  Reply ↓
Dennis on October 19, 11 at 4:16 pm said:

Hi,

First of all, awesome work that you did here, kinda stunned something like this was possible. I got it setup, and like everything is working, at one small minor point: When I click on forum, which I have on categories/all I can see my categories / describtion. Below that I get a white frame alike, but when I move my mouse in it, and hold the button / move it to the right, I also see the ‘missing’ buttons like Post Discussion etc.
I tried to find the cause in the CSS files, but no luck. If you got a minute, could you help me out please?
Many thanks in advance,

Regards
Dennis recently posted..Hello world!

Reply ↓
- Zeaks on October 19, 11 at 7:09 pm said:
  
  Hi Dennis, I see what you’re talking about. When you added the forum did you use the forum template that comes with the theme when you created the page?
  It’s been a while since I’ve worked on this, specially the forum section, I didn’t receive much feedback about it when it was released.
  
  Reply ↓
  - Dennis on October 19, 11 at 7:42 pm said:
    Hi,
    
    First of all, thanks for helping me out!
    I noticed shortly after I needed to use that template indeed. I now have the full width, and see the Post Discussion etc.
    But still, below that, I get a white field somehow.
    If I look with google chrome at the source its this line:
    
    tyle="width: 100%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; display: block; height: 600px;
    
    If I change the heigt there from 600px to 400px its perfect, but somehow I have no idea where he gets that string ’600′ from. Got any idea where he puts that variable from so I can try to change that?
    
    Again, many thanks in advance, almost have it perfect
    Dennis recently posted..Hello world!
    Reply ↓

Zeaks Blog

Wordpress Themes Tips and Code Snippets

2010 Cataclysm Theme

42 thoughts on “2010 Cataclysm Theme”

Leave a Reply Cancel reply