“Magazeen”: Free Magazine-Look WordPress Theme
We love our readers. We respect the hard work of designers and developers across the globe. And we do our best to make the web design community stronger and the Web a little bit prettier. Therefore we ask talented artists and creative professionals to showcase their skills and release something unique and beautiful as a gift to the community. And when designers agree, truly impressive works see the light of day.
Today we are glad to release Magazeen — a free advanced WordPress-theme in a magazine-llok created by the talented WeFunction Design Agency. This bold magazine 2-col-theme was designed with the main focus being on typography, grids and magazine-look. It was created especially for Smashing Magazine and its readers.
Download the theme for free!
The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you would like to spread the word. You may modify the theme as you wish.
- live demo
- large preview (.jpg, 1.7 Mb)
- download the theme (.zip, 0.3 Mb)
- download the PSD-sources (.zip, 4.5 Mb)
- release post on WeFunction.com
Inspiration behind the design
As usual, here are some insights from the designers themselves:
“We’ve created the Magazeen theme to try and pump as much style and functionality into a WordPress theme to give people something they might not expect from their standard WordPress theme. There really is very few limits to what WordPress handle, so we’ve built in a lot of custom features and options to give people a little taste of what is possible, and how some small functionality tweaks can make a huge difference to the overall experience of browsing a blog. On top of that we’ve wrapped all that functionality up in a really cool and modern theme, with nice big title fonts, and a stylish colour scheme.
The Magazeen theme is packed full of cool features to really encourage your readers to explore new posts and similar items. The first thing you might notice is the jQuery image showcase at the top, which is fully automated and will display the image from the latest post, and the title above it without you having to do anything other than define the image URL in the custom field we have created which will appear on in your admin post area.
Drop-Down Menu
The other cool and fully automated feature is the related posts drop down effect. It’s a simple idea, if you click the category of the full posts a drop down will appear with some related posts from that category. And if you don’t see a post you like you can always view the full category by clicking view more.
Sidebar
The sidebar area’s have been created to give you a lot of control over the featured posts, and recent posts. Once you’ve installed the theme, you need to go to your Widgets area, and simply activate the “Magazeen Latest Posts”, and “Magazeen Featured Posts” widgets. You can easily control how many posts each feature displays, and using this widget will ensure the area is styled correctly with the post image showing correctly.”
Footer
Thank you, guys. We appreciate your great work, your attention to details and the brilliance of the execution.
Related posts
You may be interested in the following free WordPress-themes as well:
Thiago Schoba
December 30th, 2010 12:16 pmEthan said, almost 1 year ago:
///////////////////////////////
For all those having problems with the thumbails (or any pictures at all displaying), you need to CHMOD the ‘cache’ directory in the Magazeen theme dirctory to make it writable, otherwise timthumb can’t create thumbnails.
//////////////////////////////
It works for me!
Ionuţ
January 6th, 2011 5:18 amIt would be awesome if this theme had full-width template.
Emm
January 7th, 2011 9:54 pmHi, I love the theme but I want to change the background colour. I’ve managed to do it for the bottom half of the theme but I can’t find the code area for the space under the header or the scrolling dock. Could you please let me know? It looks like there is an over riding top coat of colour & any changes I make are underneath.
Thanks
Luis Ramos
January 11th, 2011 6:56 pmHi,
I’ve just installed your theme and I find it’s awesome. My only “complaint”, so to speak, is that I’ve set the Widget “Magazeen Sponsored Ad” first in the sidebar, I’ve added the adsense code in it and when displayed, there’s an extra space after this widget and before the following one.
Does anyone know how can I get rid of that extra space?
Thanks in advance.
Luis Ramos
January 11th, 2011 10:10 pmSorry. you can see it in action here: http://www.ricoypositivo.com
And another question: How can I change the black header area and make it slimmer? (less height).
Javier
February 28th, 2011 11:12 pmHola Luis, me gustaría saber como cambiaste el header para que no ocupara tanto espacio. Veo que traduciste todo el theme también. Quedó muy bien.
siva
August 27th, 2011 9:58 pmSomehow you were able to make this theme work. Can you share
1.how you got the thumbnails to work
2. how did you reduced the size of the header
thx
Siva
Luis Ramos
January 12th, 2011 9:53 amI’ve managed to solve both problems. Just in case someone is interested:
- To reduce the vertical size of the black header I’ve changed in the Section 03 of the CSS the following:
* In #header : I’ve change height:auto to height:98px (being 98 my desired new height).
* In #searchform-header: I’ve changed the first value of margin to 38px (to keep the search box vertically centered)
- To solve the problem with the extra space after the advert widget, I’ve removed the widget and put the adsense code directly in the sidebar.php file (I know, I know… but I’m in a hurry!!). :)
That’s all, hope it helps. :)
mur
February 5th, 2011 1:10 amthanks for posting.
did you mean the magazeen-style.css?
i cannot find this option nor can i see sections in DW.
how did you write it in?
Rodrigo
January 12th, 2011 10:12 amGuys, I’ve tried everything. This same issue with Thumbs happen on Arthemia magazine theme, so I figured out it would be a problem with timthumb (the system that runs this thumb thing).
If you have done everything:
1) Set the cache directory on FTP to “777″ to allow writing inside it.
2) Set an URL on custom fields.
Try this one… Worked FINE for me:
Use .PNG or .GIF format for your file instead of .JPG or .JPEG. Dunno why, but it worked beautifully!
Amalohy
January 13th, 2011 11:36 amHow can I delete that pink comment above left?
dan
January 24th, 2011 10:41 amI love this template, so easy to customise,i just have two questions that it’d be great if anyone can help me with.
1. How do i dictate the width of the image at the top of a new post?I want it to fill my left hand column.
2. How do I make the padding less ABOVE the post content on a SINGLE POST page (not main page)? I’ve managed to make the padding 5px on the left/right of the post, but there’s a bigger gap at the top.
Thanks everyone!
Steve
February 9th, 2011 3:34 pmOne of the best themes I’ve seen – but after viewing comments notice others like me having problems getting thumbs to display in the right hand bar and top of the site.
Can someone offer a non techy answer. I have read the briefest of answers about CHMOD the ‘cache’ directory in the comments – but to those versed only in modest wordpressing – this isnt explained clearly and the comments assume other users have this knowledge – obviously they dont, as like me, they wouldnt be searching these comments if they knew. Google searching is very tech in the replies I’ve read too and WordPress’ site as confusing in the answer. Anyone feeling up for offering a clear, simple solution to solve the problem of thumbnails not showing?
I thought 777 permissions had risks for hacking etc and were to be done with caution – perhaps I may be wrong?
I’m sure, like a good few others on here, that someone out there could walk us through a simple solution to the missing thumbnails…
Thanks in advance to all readers and those at Smashing Magazine for your help
Steve
February 9th, 2011 4:16 pmCANT GET THUMBNAILS TO SHOW – YES YOU CAN
Once you have selected an image on your machine and uploaded this to the media library, you then insert this in your new post. THEN you need tohit the File URL button (still working within the new post window) and copy the file URL that has popped up and populated this field.
Once copied, paste this URL in the “Magazeen post options image” field which is situated on the same page but slightly below the current new post window you are working on .
If you copy this file URL and paste the address in the Magazeen post options image field you will get thumbs each and every time – nothing any more technical than this needs doing.
Hope this helps
Steve
Tobias Ehlig
February 10th, 2011 9:51 amHi everybody,
I am the happy owner of a blog with the Magazeen-theme, and I love the widgets to “recommended” and “newest” articles. Does anybody know the code for a widget which shows “most popular” articles?
Best regards,
Tobias
freudianslip
February 18th, 2011 3:07 amI’ve used this theme for my college magazine, but I’m a complete noob and would like to know how to make changes to the header
dstep
February 20th, 2011 9:56 amHey, I have just started using the Magazeen theme and I love it. I am pretty new to this stuff and I am also wondering how I can shorten the header so it doesn’t take up so much space. I have played around in the styles.css but no luck yet.
freudianslip
February 22nd, 2011 3:59 amOK, Ive tried uploading the magazeen theme but there are a couple of major problems and I’d really, really appreciate some help here,
1> it says that this theme does not natively support menus, but all the demos i’ve seen have running menus, is there a problem here??
2> i have just one widget area available, sidebar1, I thought there were more
Please i need help, Have a major deadline
Javier
February 28th, 2011 11:00 pmHow do I add my Twitter , Newsletter and Facebook images and links? Is there an easy way to do this? I understand the RSS is a class, but dont know where it is defined. Thanks, and sorry if dumb question, newbie here.
sireed20
March 6th, 2011 3:37 pmGreat theme! I love how clean and pro it looks! Just a few questions for a complete noob (please put it in “Idiot’s Guide” terms, as I am very new to all this):
- How can I change the color of the comment box in the corners of my posts? The neon magenta just isn’t my thing.
- Why do some of my widgets spill over the edges of the sidebar? Can I change the sidebar width to compensate for them?
- Why do the large pictures I add to my post show up just fine in the header slideshow gallery, but look incorrect in my actual post. It seems to center the photo at it’s maximum size. Can I make it smaller or change the image box in the post to a square instead of a long rectangle?
You can see my problem here: http://www.sidneyreed.com
Thanks!
Noah
March 11th, 2011 8:31 amim trying to add other social network icons beside the RSS feed icon in the header – i can’t seem to get it to work properly.
if anyone can help, that would be amazing!!!
~noah
Noah
March 11th, 2011 9:06 amalso, im trying to get rid of the SMALL ”archived” posts at the bottom of the index page. i just want to have my full posts showing. i can figure how to change how many full posts to show but i can get rid of the ”archived” / smaller postings at the bottom.
~noah
SexGoddess
April 12th, 2011 5:06 pmHas anyone noticed that when leaving comments, you can’t enter the ‘ or ” characters?? Anyone have a fix for this? Please reply!! Thank you
CG
April 25th, 2011 8:51 amImages seem to break when I upgraded to PHP 5.3 which was required for WordPress 3.1.1. Getting errors in timthumb.php
mehdi
April 29th, 2011 9:21 pmthanks for theme
very beautiful theme for me
Ben Yates
May 8th, 2011 1:42 amHi,
Great theme :)
Could anyone tell me how I can customise the archive pages to show a similar layout the homepage, that is to make the archive and search results pages show the images and custom field data.
Any help will be gratefully received.
Kind Regards,
Ben
Anon
May 16th, 2011 12:08 pmAll those still having problems with thumbs not showing up…you need to download the latest version of timthumb.php. Download from Google code here..
http://timthumb.googlecode.com/svn/trunk/timthumb.php
Once replaced it should work just fine.
siva
August 27th, 2011 10:16 pmI downloaded the latest timthumb.php and updated the file on my server. Same issue no thubnails.
dave
May 24th, 2011 7:55 amGreat looking theme guys.
Thanks heaps!
Nur
June 24th, 2011 2:24 amTank’s for your template wp
like for all your website
Nurhasan
Tip
July 5th, 2011 4:54 amThis theme is sooo cute and I’ve gotten it to work for the most part. I have 3 issues though and any help would be appreciated!
1. How do I change the order of the headings/menu? This theme does not allow for the WordPress menu but the custom menu only shows up on sidebar. How do I edit the menu that goes across the top of the site
2. How do I get the posts to show up when you click on the headings?
3. Is there a way to make the menu drop down?
4. How do I make the sidebar wider? The contents on my text widget is cut off.
5. How do i adjust the spacing between images and text in the body of my posts.
The issues are all obvious on http://www.letmethink4u.com.
Thanks
Terri Ann
July 13th, 2011 7:15 amThanks so much Smashing for providing a mirror to download this theme – now that the original theme site is down this was the only place I could find to download it and it’s perfect for a new blog I am building!
Cheers!
john
July 14th, 2011 3:35 pmgreetings,
love the theme but the live demo link is not working: http://demo.wefunction.com/?wptheme=Magazeen
please let me know how I can see a demo of the theme. thanks a lot :)
Tapish
July 23rd, 2011 6:20 amHow to apply pagination to this theme….please someone help me!!!
Paul
August 15th, 2011 4:00 amDOCK PROBLEM AGAIN
Hi, I really like this theme, but also have the problem that the latest post images don’t show in the dock. I tried the fixes that area mentioned here, but none of them worked for me. I have it installed local on the latest xampp. Everything works fine, except the dock images. in Chrome I also get a white background for each image with a grey frame inside and in FF it shows me the alt-text…..
Appreciate every help or suggestion.
Thanks in advance! :-)
este
September 26th, 2011 5:09 amgoods template
sharetipsinfo
October 4th, 2011 12:49 amNSE tips, BSE tips and MCX tips covering whole Indian stock market research is available at Sharetipsinfo
Danny
October 19th, 2011 7:15 amHas this theme been updated since version 2.9.6?
Thanks and love the theme!
pako
November 23rd, 2011 10:02 amdoes anybody fixed the pagination issue?
i’d really appreciate your help
tnx !
Ernest
December 14th, 2011 7:31 pmI’ve been working with this theme for our news site, but can’t get the Tag Cloud to indent along with the rest of the sidebar. Has anyone else seen this? Is there a fix?
Ernest
Lucy
December 26th, 2011 10:16 pmDoes anyone know if I can add a custom header in this theme?
Jacob Duchaine
January 9th, 2012 2:15 amI notice that the pagenation still doesn’t work.
I’ve tried a few fixes from around the web here and there but I can’t seem to get page 2, 3, 4, 5 to display anything different than what’s on page 1. If anyone’s figured out how to get that working, please let me know.
Dean
January 12th, 2012 4:48 pmGreeat templates, thanks for sharing :)
BEBE
January 20th, 2012 4:39 amStill having problems with the thumbnails at the header. Can someone help me out?
Tohircicomre
July 19th, 2012 4:05 pmyeahh, this is very good , thanks