Newsletter
Subscribe RSS
This entry was posted on 30 December 2007 at 16:29 and filed under Linoluna: Magazine-style Theme for WordPress
30 December 07 at 16:29 in Wordpress and Themes # 294 CommentsBored of usual WordPress template? Well, magazine-style themes is now becoming a trend. With Linoluna, you will be brought to a new level of blogging. It is a simple and neat theme for a magazine-styled blog. The theme use the WordPress’ template tags quite extensively but still, it is very easy to use. Linoluna best suits a multi-author WordPress blog.
The CSS is lean and the design is very simple. Basically it is a grid-styled layout with green accents. The theme uses a tabbed navigation to show the most popular posts. There are four tabs avaiable and by default it is “Viewed”, “Commented”, “Top Rated”, and “Emailed”. There is a slideshow animation for the featured articles in the front page. It is a simple JavaScript from JQuery.com.
You can see the statistics of each page in a rectangular box inside every post. I include some fresh icons to make everything look better. The statistics includes the total comments, total views, author name, category, date, and the email and print function. For the best functionality, you should have the plugin WP-PostView, WP-PostRating, WP-Print, WP-Email installed. Those plugins are from LesterChan.net.
Installation
- Download and extract the zip file.
- Upload the theme file to your server at “/wp-content/themes/” folder.
- Activate the theme. (Admin Panel -> Presentation -> Themes)
Configuration
- Linoluna is built to support WP version 2.0 and up.
- The theme is sidebar widget-ready. By default, the sidebar is divided into four sections. Sidebar-Top, Sidebar-Left, Sidebar-Right, and Sidebar-Bottom. Each sidebar can be configured in the WP Admin Panel (Presentation -> Widgets). So it will be only clicks-and-drags.
- In the
index.phpfile you will find some PHP code like:
<?php query_posts('showposts=1&cat=10'); ?>
The$catvariable refers to the respective category_ID. You can see the category ID from the WP Admin Panel. (Manage -> Categories) The$showpostvariable refer to the number of posts you want to show. - Images across the theme can be configured using the Custom Fields. You should add a custom field called “Image” in every post and put the image filename within the custom field value. Each post is attached with several images (but the same filename) that will be shown according to its proper places. The “Banner” image will be shown at the top of every post (below the title), the “Slideshow” image will be shown in the slideshow, the “Asides” image will be shown in the “Aside” section, and the “Thumbnail” images will be shown in the archive and author pages. I repeat, all images should be named the same for each post. (e.g Custom field name:
Image; Custom field value:pool.jpg) - The layout will also work with different image sizes of your likings but I think it’ll be better if at first you try everything using the default sizes. The slideshow images are 400x300pixels, the Asides images are 200x130pixels, and the Thumbnails are 75x75pixels.
- There is a dedicated author page that show the author biography, his/her photo, and his/her publications. The author photos should be named after the author’s last name. And it must be a JPG file. (eg. Hutagalung.jpg)
- An ad banner (468x60px) is shown in the post pages between the post entry and the comments. An ad square banner (300x250px) is shown in the sidebar.
- This is the folder structure of the theme folders:
- Main folder (index.php, single.php, author.php, style.css, etc.)
- Images->Ads (put the advertisements here)
- Images->Banner (put the banner images here)
- Images->Asides (put the aside images here)
- Images->Slideshow (put the slideshow images here)
- Images->Thumbnail (put the thumbnails images here)
- Images->Author (put the author photos here)
Download the theme (ZIP File).
This file has been downloaded 39376 times.
Anyway this is the very first theme that I made and I really want to hear any of your comments and suggestions.
Changelog
V1.1 Some PHP code correction. Linoluna now works well for blogs that are not installed on the root folder. (e.g http://www.yourdomain.com/blog)
Please note that there is no support provided for Linoluna.
—
We offer complete training package for Cisco certification with guarantee. Also get free demos of CCVP and CCDA exam questions.
[...] Download Theme | Demo [...]
[...] Guarda le info Guarda il demo [...]
[...] Demo | Mais Informações [...]
[...] Release Page May 22, 2008 | Filed Under 3 Clmns [...]
[...] Visit Info Visit Demo [...]
Hello my friends
[...] Demo | Informasjon/Last ned [...]
[...] 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 [...]
Thanks Michael
So I need to write more posts, that can be arranged
How do I fill my sitebar? It’s quite empty showing some empty squares.
Thanks!
Cat, if you want to write codes, you may try the HTML Special Character Converter. Here is the link:
http://www.chrishardy.co.uk/asp/tools/html-special-character-converter.asp
You can convert the PHP and HTML tags there and after then copy and paste the converted code into this comment.
And for the slideshow, your modification will make the slideshow not working properly. The code should actually look like this:
<?php query_posts("showposts=4&cat=9"); $i = 1; ?>
You have to put your 4 (four) posts into one category then change cat_id above to the correct category ID.
Hi Michael,
Eh, it’s me that needs to appologize not being very good in reading php files and… not FTPing the jsQuery
Ok, now I have a slideshow showing only one slide (out of 4)
I changed the code in the index.php to:
<div id="control">
<?php query_posts("showposts=1&cat=1,4,5,6"); $i = 1; ?>
Or am I way too optimistic that that should give me a picture from categories 1, 4, 5 and 6 one at a time?
In case you are going to insert an “automatic picture cropper”, maybe nextGEN image gallery could be implemented (not that I know how that works, but it does crop pictures automatically
)
Thanks again, I am almost there enjoying your great theme on my blog
iya, wahyu, themes ini bisa dipake buat wordpress.. tapi cuman buat wordpress self-hosted. kalo di wordpress.com sih gak bisa karena mrk udah ngedefault theme mana aja yang bisa dipilih.
cat, it’s great that you can solve the problem yourself. this is my very first theme so i apologize for any coding mistake that i possibily make considering the compatibility issues across web browsers. and for the ‘jquery’ error message, are you sure you have edit the header.php and point it to the correct folder where you have uploaded the jquery.js file? it is before the ‘head’ tag.
Great Post, Thanks for sharing it. It is always good to read someone’s else point of view.
I Have bookmarked it for future use.
Hi Michael,
It’s looking already quite cute but:
-I cannot get the slidebar rolling
I do get 2 error messages each time:
-Line 39 char 5 “jQuery is undefined”
-Line 2 char 1 “syntax error”
Any idea what that could be and how to fix it?
(where do I start counting those lines anyway?)
Thanks,
LL
As a workaround, I changed the 970px in your css in 980px (2 times) and now IE6 shows your theme well also
Hi Michael,
I played around in the index.php file and can see already “more things”
I notice you have a IE7.css. Myself I use IE6 and the rigth sidebar in the individual posts jumps at the right bottom of the page.
I guess this can be changed with an extra IE6.css? and if so, how to do that? Or: would it be possible to have one IE.css for all versions for IE (or all the “troublesome versions”
)?
Thanks!
gilee… keren benget theme lu! emang masalah design mendesign mah jubel tak diragukan lagi, hehehehe… btw, emang themes ini bisa buat blog di wordpress gt bel?
ygt, the demo site is currently unavailable. the download-able version are using the green-white CSS version.
Cat, have you edited the index.php file? you have to put the correct category ID in the $cat variable. and thumbnails are not automatically created. you have to make the image manually. thinking that as an additional feature for the next themes.
yes, ratih. i make my own theme. one of the main reasons i’d like to blog is that i’m very addicted to visual design. pura-pura gak tau lagi.
WOWWWWWWW… GREATTTT.. u make ur own theme, ey? maybe it will look good for my blog.. heheheheheh Can’t wait for the new theme: ARTEMIA!!
In case you want to try and upload a picture yourself, you can subscribe as author, thanks!
2 questions:
Please have a look at http://www.catsphotographs.com
Why don’t I see anything in the index (front-main) page?
Why is at a single post, the sidebar suddenly below everything?
I see it working on other sites and i just installed this one on mine, what did I forget to do or do wrong?
Are the thumbnails and so made automatically or do we have to crop and upload them ourselves?
where is the black&red version’s css?
Tom, you have to enter the code in the PHP file.. not in the CSS file..
John, some people modified my theme and put some navigation bar on the top of it.. maybe i should post some review about the modifications so others can be inspired by them.. and there is no info about WP2.5 with linoluna.. maybe i should try it myself..
albachtimi, what is your problem? this theme uses extensive WP tags so you have to know a little thing about it.. can you be more specific?
Anyone who have tested Linoluna in WordPress 2.5 ???
It’s due to March 17, Betas are downloadable. Please share experience!
maaf, saya masih bingung untuk setting themen-nya… gimana supaya slideshow hilang??? dan gimana untuk nambah kotak sidebar di sebelah kanan supaya isinya di dalam kotak tersendiri