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.

Get Platformate for your blog!

You can have this theme for your blog with a very reasonable price. Package includes whole theme installation and configuration. Just sit back, relax, and everything will be ready for you. Buzz me for more information!

Arthemia Premium

Home » Blog » Wordpress and Themes

Arthemia: Wordpress Magazine Theme Released

Arthemia2 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. 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 12651 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.

482 Comments

  1. SergiodiRio said:

    It works with CHMOD 755 to folders scripts and cache and timthumb.php file :razz:

  2. SergiodiRio said:

    I’m trying Arthemia theme here http://www.sportfondano.it/wp and I have some problem with thumbnail creation. My server support php 4.4.3 and GD lib. And folders have CHMOD 777. What’s wrong then?

  3. Web Ö?rencisi said:

    Thanks for share =)

  4. olysus said:

    Makasih banget mas dah di sharing….
    Moga sukses selalu

  5. sesebian said:

    Thanks

  6. yopi milano said:

    mas kenapa ya, most viewed nya gak muncul terus :?: saya nyari fungsi nya gak ada.

  7. Tony Lindskog said:

    I have one question re: v2 of Arthemia - how can I create a drop down menu of categories, as it is now I can only add pages to the menu or am I missing something?

    I would like the categories to be automatically or I don’t mind adding them myself, I just don’t know how.

    main category on top and then sub categories in a drop down below.

    Thanks again for an excellent theme!

  8. Ronggo said:

    ada postingan saya tentang bapak lama kok gak OL pak banyak pertanyaan dari saya nih

  9. Michael (author) said:

    Everyone
    Please post your message in the forum.

    Ronggo
    kalo ditimpa ulang sama Arthemia 1 percuma juga. Yang salah di website Ronggo itu settingan category ID nya. harusnya ditimpa ama versi yang terakhir Ronggo modifikasi. Kalau ditimpa dari yang original pasti tetep gak jalan. kenapa diupgrade waktu itu? hehe..

  10. rap said:

    Thanks
    How can I get two headlines

  11. Ronggo said:

    ooom minta tolong duuunk artemia yang 1 mana yang pertama WP aku gak suport ma artemia 2

  12. David Lindner said:

    How can I get two headlines?

  13. Daniel True said:

    I followed the instructions above for activating the thumbnail feature. The error log showed a series of errors relating to timthumb.php. To fix the problem, I chmoded the file timthumb.php to 666, and voila, it worked. I see in the script that it’s supposed to do this on the fly, but it didn’t on my server.

    I’m just setting up my website, so don’t expect much just yet.

  14. wombatpk said:

    Alfie11. I recommend anhosting, all the software is working as required there, i have three arthemia all working perfectly. They are very quick to respond to all queries, good pricing, great service and thumbnails work first time with arthemia 2. There is a problem with some hosts that do not allow 777 but using 755 works. Also, i posted earlier a solution to the post order on the front page lower left area, with posts showing up in the wrong order, its a problem with new version of SQL and wordpress, if you look back in the comments, theres a link i posted where this is explained and a one line code solution is given. Unfortunately i have made extensive changes to arthemia 1 and now have to do the same with arhtemia 2, a word of advice to those that are considering making many changes to the .css file, do not edit the original .css, and make a new style sheet with your changes, here is a link to a page that shows how this is done
    http://www.pearsonified.com/2007/02/how_to_protect_css_mods_for_any_wordpress_theme.php

    and here is a link to a plug in which does the same thing
    http://www.channel-ai.com/blog/plugins/mycss/

    this will avoid having to redo all the changes each time there is an upgrade.
    Cheers to all

  15. Michael (author) said:

    support forum is now available.

    http://michaelhutagalung.com/forum

    see you all there.

    :D

  16. Zul said:

    semua dah terlaksana.. jutaan terima kasih Michael for this awesome theme.. apa2 hal nanti saya akan kontak sdr.. bye..

  17. Naomi said:

    I need help. I want to change the font color of the five browse categories titles. Right now they are blue and I want to change them to another color. How do I do that? What file do I make the change in and what line am I looking for in that file? I’ve looked in the style.css file, but I cannot figure out if this is the file I need or not. Please help - author; anyone.

  18. Geekycybermom said:

    I have Host Gator and I’m running this theme with no problem.The issues I have are things I cannot find in the style.css file not with the web host. Check out Host Gator and http://www.hostgator.com.

  19. Alfie11 said:

    Can anyone who is successfully running this theme recommend a good webhost that has all of the updated versions of the required software needed to run this theme?

  20. gcm said:

    I want to change the color of the five Browse Categories titles. The color is currently blue, but I want to change it to another color. How do I do that? Which file do I need to change and which line? I looked in the style.css, but I’ve been unsuccessful in finding out how to change the color of the five browse categories titles. Please help - author, anyone…

    Thank you

  21. Zul said:

    maaf, ni kawan sdr dari Malaysia. Nak tanya lagi; tentang category… macam mana saya nak tampilkan tajuk artikel di bawah satu2 category di dalam Browse Category. Contohnya, category: berita utama, tajuk artikel: Theme WP Arthemia hebat! Harap boleh tolong, kerana penguasaan English saya sangat rendah. Nak baca artikel di atas ni pun saya tak mengerti sangat. Plz.

Leave your comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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

4 Trackbacks

  1. Arthemia 2.0 Released: The Updates - Jubel and The Unessentials
  2. Pejuang Blog - Berita | Tanpa Tinta - RONGgo"blog
  3. Arthemia 2.0 Released: The Updates - Jubel and The Unessentials
  4. Omari Brandt’s Portfolio » Blog Archive » IotaNuSigma.com successfully launched

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, AJAX, and Wordpress. I'm currently available for freelance projects. Just give me a buzz and tell me what you need.

Buzz Me!