Arthemia Premium

Get the pro version of Arthemia: The Arthemia Premium. Read the side-by-side comparison here.

The Platformate Theme

Platformate: Your blog's total makeover. Available for sale now!

Side Notes

This entry was posted on 2 May 2008 at 23:53 and filed under Wordpress and Themes section.

You can add your comments or trackback from your own site. To keep you updated to the latest discussion, you can subscribe comments via RSS.

This is a Gravatar-enabled weblog. To get your own globally recognized avatar, please register at Gravatar.com.

Home » Blog » Wordpress and Themes

Arthemia Free: Wordpress Magazine Theme Released

Arthemia Free v2 is now available. With the paged plugin support, nice border for pictures, automated page listing in navigation bar, improved layout of front-page, archive page, and search page. Thumbnails are now working in all pages. Click here to read more.

Arthemia is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. The front page of Arthemia shows the headline and featured post of yours along with the pictorial representation, that’s the magazine style, while the rest of your post will be shows sequentially just like a usual weblog. In the middle of the front page, Arthemia has a nice blue-and-black category bar which will help your readers exploring you site. At the bottom, Arthemia is outfitted with a blog must-have section, a three-list of favorite posts.


A Drop-down Menu?

Exactly. A drop-down menu is now becoming a standard navigational tools. Many Linoluna users said that a drop-down menu is quite a must-have thing in a website. Well, I am giving you what you want. It is a black elegant drop-down menu with a nice blue background when you move your mouse to hover it.

Automatic Image Resizer?

Yup! Arthemia uses a PHP Script to automatically resize the thumbnail image. Fabulous, huh? Just upload any image using Wordpress image uploader, and the thumbnail is there. Thanks to Darren Hoyt for the awesome release. There is a folder called ’scripts’ which contains the PHP image resizer scipt, timthumb.php. Inside the folder, there is another folder called ‘cache’. You have to make this folder writable by changing the folder attributes to 777 using any FTP clients or SSH access.

What plugins should I have?

For the best functionality, you should have the plugin WP-PostView, WP-PostRating, WP-Print, WP-Email installed. Those plugins are from LesterChan.net.

WordPress version? Browser compatibility?

Arthemia is build to support Wordpress 2.5. A gravatar support has been included. Anyway, if you want to use the theme in WP 2.3, you have to remove the gravatar code in comments.php. The theme has been tested in several browsers such as Firefox 2, IE 7, Safari 3, and Opera 9, and even IE 6. By the way, dropdown menu and link hovering don’t work in IE6. Everything is working like a charm.

Great, how to install this thing?

It is very easy; just as simple as this 3-step installation:

  1. Download and extract the zip file.
  2. Upload the theme file to your server at “/wp-content/themes/” folder.
  3. Activate the theme. (Admin Panel -> Presentation -> Themes)

That’s it. After that you can go with the configuration.

I’m done. Any configuration I should do?

Apparently YES. Arthemia is not really a plug-and-play theme. But believe me, this is not as difficult as it seems.

  1. The theme is widget-ready. By default, the navigation is divided into three sections: the top navigation bar, the right sidebar, and the footer. Everything in the sidebar and footer may be customized easily through WP Admin Panel. The links in the top navigation bar should be edited manually using any text-editor of your favorite. I prefer Notepad. The top navigation bar can be customized by editing the header.php file.
  2. To use Arthemia, you need to have a category named “Headline” and “Featured”. Posts in those two categories will be shown in the headline and featured section of the front page.
  3. To show the category bar in the front page properly, you have to put the correct category IDs to this line in the index.php file:
    <?php $display_categories = array(5,6,7,8,11); $i = 1;
    foreach ($display_categories as $category) { ?>

    Notice that 5, 6, 7, 8, and 11 are the IDs of the category to be shown in the category bar.
  4. To show the post list in the front page properly, you have to put the correct excluded category IDs to this line in the index.php file:
    <?php $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
    query_posts("cat=-9,-15&paged=$page&posts_per_page=2"); ?>

    Notice that 9 and 15 are the IDs for the category: Headline and Featured. That will make no duplication shown in the front page. posts_per_page=2 means there are 2 posts listed per page. The navigation links are shown after the last listed post. You can change that to Lester-Chan’s WP-Pagenavi if you like.
  5. Thumbnails across the theme are configured using the Custom Fields. And images can be easily uploaded with WP Add Media feature. You should add a custom field called “Image” in every post and put the image filename and folder within the custom field value. For example, custom field name: Image; custom field value: wp-content/uploads/2008/04/pool.jpg. How about the different image sizes for each thumbnails? Well, no worry for that because Arthemia has its own image resizer. Just upload one big-sized image and everything is under control.

So, what now? Go download or see the live demo!
This file has been downloaded 160441 times.

Anyway, if you find the theme cool, helpful, inspiring, or whatsoever, I guess it’ll be a pleasure to donate me some money. I will be really thankful for that.


Changelog:
V1.0 First public release
V1.1 Added the pagination support for the blog post lists in the front page.
V2.0 Installed the paged plugin, added nice border for pictures, added the automated page listing in navigation bar, improve the layout of front-page, archive page, and search page. Thumbnails are now working in all pages. Click here to read more.

Note:
Arthemia theme may use the same CSS Class and IDs with some plugins out there. If you install this theme and then find the layout awful, there might be some conflicts with one of your plugin. Recently, I find that Arthemia might have some layout problem (the top navigation bar) if you have “Mike Jolley and Mike Cherim’s Secure and Accessible PHP Form” installed. But now the problem is solved!

im-FAQ 1 : How to get the thumbnail image resizer working??

Actually the explanation above is clear enough for you to get the thumbnail working, but in case you missed something, you could read these step-by-step to-do list. Before you start, make sure that the image is already there, located in your own server. The script can not generate thumbnails if your image is located outside your server (eg. Flickr photos, Picassa, etc.)

  1. Be sure you have PHP 4.3 with GD-library installed on your server. PHP 5 is better.
  2. Start from a fresh copy and upload the theme at wp-content/themes/arthemia. Do not change ‘arthemia’ to anything because it will break everything.
  3. Make the folder “scripts” and “cache” writable (777). These folder are located in wp-content/themes/arthemia/ and wp-content/themes/arthemia/scripts/. You can do this using FTP or any online file manager from you web hosting company.
  4. Add a custom field in the post. The custom field key MUST be Image (letter cases are important).
  5. Fill the custom field value with the path of your image. It MUST start with wp-content I repeat it MUST start with wp-content. If you have the image located at http://www.yourblog.com/wp-content/uploads/2008/06/file_name.jpg then the key value of the custom field MUST be wp-content/uploads/2008/06/file_name.jpg (Notice there is no http://www.yourblog.com/ in the value)
  6. If you still have the problem, read the step-by-step procedures again, and again, and again. Trust me it’s working and many have succeeded making this thumbnail thing working.

If you still have problem about the thumbnail image resizer, please read the discussion below. The problem may lies on the web server. FYI, Windows-based server cannot use FTP to make the cache folder writable.

im-FAQ 2 : Why the page is not rendered correctly? The search box and button in the navigation bar is not positioned as it shoud be!

First, you have to sure you have to start from a fresh copy because you may have edited something accidentally. Second, be sure you deactivate ALL plugins before installing the theme, especially plugins that generate contact pages, forms, custom post excerpts, etc. Those plugin may use the same CSS classes and IDs with Arthemia’s CSS and there would be CSS conflicts that would change the appearance of the search box and button. After everything is fine, activate the plugin one-by-one and be aware of plugins that import additional CSS to the theme.

im-FAQ 3: What the hell is im-FAQ?

im-FAQ is a list of incredibly most frequently asked questions; recently added to this post to make all of you smile and happy. I hope it works.

My next theme: Platformate with automatic thumbnail assignment

Anyway, it seems that this thumbnail assignment thing has gone way to complicated to some people. Therefore, I’m planning to have an automatic picture assignment feature in my next theme: Platformate. Thumbnails are automatically generated, resized, and assigned. So you can just blog normally, add pictures to your posts just like usual add-media/add-image Wordpress feature, forget the complicated custom-field thing, and the first picture in your post will be automatically assigned as the image for thumbnail generation.

If you have any problem using the theme and want to ask for support, please use the forum instead.

1,448 Comments - newer to older

  • perry says:

    Is there anyway to have the main page just show a chunk of content from the beginning of each post instead of showing the excerpt of the post?

  • Quentin says:

    Hello,

    Nice Job !

    One question : I’ve created the two named categories “Headline” and “Featured”. I’ve tried posting an article in each of them but they don’t managed to show in the good boxes. My “headline” article only show like any other one on the main page, under a title “headline >>”…

  • Zolengthe says:

    I am wondering if it is possible to create a Child menu dropdowns.

    e.g. Main Menu is Animals, under animals – cat, dog, camel, horse, etc.

    can we have another sub-menu under Cat, Dog, Camel etc. which drops at the right side of those dropdown menus?

    am giving example just to make my points simple.

    What do u call that dropdown menus one after another?

    Is it possible in Arthemia?

  • Great job Michael…i really loves this themes..

  • Melissa says:

    I was able to get the other cats to show up in the middle of the page. but i can’t get the actual posts to show up under them….

    <img src="/wp-content/themes/arthemia/images/category.png” class=”clearfloat” alt=”" />

    <div id="cat-” class=”category”>

    <a href="”>
    <a href="”>

    But the posts don’t show up.

    Please advise.

  • kamera gue says:

    Menantikan Arthemia versi 3.0 yang support WP 2.9 dan threaded comment..

  • Henry says:

    Thanks for your incredible free theme! I love love and use it in my web theme. Two thumbs up for you!

  • BlairH says:

    Hi there GREAT theme.. but i cant seem to get the featured text to display at all… any help?

  • Joachim says:

    wow awesome theme! I will check it out!

    Thanks
    Joachim

  • [...] – M: annehodal (a) gmail.com Powered by WordPress | Log in | Entries (RSS) | Comments (RSS) | Arthemia theme by Michael [...]

  • praveen says:

    i have added pages in my top menu

    how to add new posts under each thing? i.e. i have added latest tech news so how to add a new post under that?

  • Hi Michael, thanks for your stunning themes!

    I still have problems with Arthemia’s thumbs.
    I would bet I’ve correctly set all the index.php files in order my blog to show up the thumbnails for all the categories, i’ve checked dozen of times all the letter cases and the images urls, but they still don’t show up.
    I’ve tried several times deactivating all the plugins but yours.

    It’s quite strange, mainly because before I started customizing the colours of the theme and localizing it, everything was working fine.
    Again, I’m sure I haven’t touched lines of css and php regarding the structure or architecture of the theme.

    Could you please check my site? I really can’t understand what’s up.

    http://www.fridodoc.net

    Many thanks and best regards!

    • James says:

      Hey Riccardo:
      Are you using the correct custom field for the thumbnails? It is “Image” – case sensitive and singular. Reason I point that out is because after my install I had multiple custom fields listed.

  • Zolengthe says:

    This them is one of the best design i come across amongst the magazine themes. I am using it, but i am helpless about displaying thumnail image under the FEATURED category. The rest is fine. Any help?

  • [...] türündeki ana haberlerin görülece?i bölümün yer ald??? ?imdiki arayüz için Arthemia‘y? uygun gördüm. ??lerimin yo?unlu?undan 2 hafta gibi bir sürede altyap?s?n? [...]

  • James says:

    Fantastic theme – I’ve rolled it out to my http://www.infotainmentnews.net site.

    My question is how do I get more than 1 story to show up in the headline section? I actually want to have 2 stories show up.

    Thanks in advance.

  • joão says:

    Good day…

    I´m using your theme, and I love it, but if I try to go to other page it doesn’t work (Error 404)…
    Should I deactivate de PagiNave Plugin….
    Help me…

    • perry says:

      I’m having the same issue (i think)
      When moving through the pages of posts on the mainpage of our site, the last page always returns a 404 error…
      Any ideas?
      I’m not using any sort of pagination plugin.

Greetings

Welcome to JUBEL and The Unessentials: a blog, portfolio, and personal website of Michael Jubel Hutagalung.

Who am I?

I am a web designer from Bandung, Indonesia. Addicted to CSS, XHTML, PHP, and Wordpress. I'm currently available for freelance projects. Just give me a buzz and tell me what you need.