Less – a free super minimal WordPress Theme

less free minimal wordpress theme 2013 design 600x456 Less   a free super minimal WordPress Theme

Spent a few hours over my holiday break to work on a free WordPress theme for 2013 to go along side Min I wanted to take a break from building larger sites and themes and see what I could get away with NOT doing. Therefore Less only uses the index.php, style.css and a function.php file (to import the style and add a custom menu). Update  I did add a /js folder with fitvids.js to give a better experience with video embeds.

wordpress minimal theme requirements1 600x329 Less   a free super minimal WordPress Theme

I also wanted to sharpen my LESS CSS skills and try a few new things If you have used LESS for compiling your CSS you will find a /dev folder that you can play around with. I actually created a few variables to adjust the look of the theme without digging in to deep. This was not necessary.. and probably not worth my time… but it was either that or another game of Hero Academy.

less screen code 600x470 Less   a free super minimal WordPress Theme

gravatar in wordpress theme header 600x306 Less   a free super minimal WordPress Theme

Features

  • single column layout
  • large text (since we all know our mom’s are the only ones reading this)
  • Images are full width.. always, so don’t try getting them to float.. and don’t try to upload itty bitty ones.
  • pulls in the sites admin gravatar picture in the header
  • no widget
  • one custom menu in the header
  • great for LoLcats
  • Mobile ready
  • Fast

Download | Demo OR Fork it on github

175 comments on “Less – a free super minimal WordPress Theme

  1. Hi Jared. Nice work. Thank you for this wonderful theme.
    I’m using it after some minor tweaks and it works fine: light and fast.
    I have a question: how to insert post tags on the category line, preserving the same design?
    I’m sure that must be simple… you know… :-)

    Thanx, my wishes of a wonderful 2013 for you and everyone reading.

    • Hey Cjt!

      thanks for checking it out, your site is looking great! i just added tags in the meta area of the post. Since, you already customized yours you can check out the code i added in and duplicate that to your site.

      you can check out the commit here. specifically in the index.php on line 87-90 and 145-148. you will also have to add a few styles

      • Thanx Jared! My site looks great only because of your work…

        This is it!
        I was looking for the correct place on css to do it… Should I add them under ‘article-meta’, as ‘post-tags’, or do you think it will work only with the html under ‘meta clearfix’?
        Sorry, I’m a pain, I know…

        Thanks again!

  2. Thanks Jared, you’ve released this beauty at the exact time when I decided to jump into WP development. Kudos for the lovely minimalism that you’ve incorporated in it.

  3. I love your theme! The problem with most minimal WordPress themes I’ve tried is that they are minimal, but also bland. Your theme has a perfect mix of minimalism, thoughtful design and just enough punch to stand out and not be forgettable. A bit of inspiration from Svtble perhaps?

    My new blog will be up soon, and I’m pretty sure I’ll stick to your theme. Arial will have to go tough, it looks hideous at 18pt on low-dpi Windows machines.

    P.S. Maybe you could add some sort of search? Without a widget-enabled area to add archive links, and no search bar whatsoever, it can be kinda hard for visitors to find and access older posts.

    • Thanks Topuz, love to see if you stick it out with it.

      that’s funny about Arial, because thats 3 levels later in the font stack (“Helvetica Neue”, Helvetica, Arial, sans-serif)…

      you can easily add an archive to any of your categories in the menu ;-) i’ll think about putting a search in there somewhere.

  4. I really like your theme! I’ve set it up on a blog part of my site where I tire peoples’ eyes with my words about photography.
    I am sure there’s an obvious answer, but I couldn’t find a 404 function or page.
    All that happens is a page without content.

    This will be a facepalm if I’m missing something obvious but if not, how may I do this?

    • Thanks Anothony! looks great btw.

      looks like i didnt test the 404 functionality, it is built into the index.php after the else { } statement. let me check that out and push an update. Thanks for the feedback!

  5. Love this theme, and I’m now using it on my poetry site. All I need to do is adjust the fonts a bit to set a more literary tone. Not being a designer, I’m open to suggestions : ) Thanks again.

  6. Hi and thank you for sharing “Less”.
    I was wondering what was the easiest way to add a date field near the post title.
    Thank you.

  7. Hi! thanks for a nice theme. I would love to use the css.less to cutomize my site. but when i change things in css.less nothing changes on my site. what is wrong? do i need to set it as primary css instead of style.css?

    • you create a custom menu and use the category you want as the menu item. there is no archive page currently.. but feel free to make one and submit it to github ;-)

  8. Hi Jared, I’m trying to get 404 page functionality, but struggling to get it working. Not used to working with Less css, and the simplicity of this theme is foxing me. Any tips would be most welcome. The usual WordPress method to add 404 page is failing me. Thanks!

  9. I’m also looking to add an archive page, and wondering if I’m going to hit further stumbling blocks. I’m loving the simplicity of this theme, but finding it’s different format confusing, I’m so used to standard WordPress formats. Any pointers most welcome.

  10. Jared, thanks for sharing the Less theme. I would like to use it for a photography-themed blog I am currently creating. Can you give advise which image size (width) I should use for optimal quality? Tnx.

  11. I’ve come up for a loss which is frustrating because I remember modifying the labels for the contact form.
    I recently installed Jetpack. Would that have anything to do with why I can’t find how to edit this and make some clever labels for the contact form?
    I’ve dug around other files like wp-comments-post.php and a couple possibly related files in the wp-includes folder.
    Ideally though I like your form here. It is much more compact.
    Thanks if you have some guidance!

  12. Thank you thank you! I searched to no end for an efficient, clean, minimal single column theme but I’m so glad to have found this. I modified the theme somewhat but I’ve left you a credit/link in my about page. Cheers!

  13. Awesome theme, Jared! I installed it on my blog, it’s simply awesome.

    I have a few suggestions for you, things that I’d like (and probably) will change myself, but maybe could be useful for everyone.

    Actually, there are three things I’d like do improve/modify. First, the way fonts render on Windows. On Android and iOS, typography is sharp, gorgeous, but on Windows it feels quite ugly, I don’t know why.

    Other thing is how the theme deals with images when scaled down. It’s responsive, indeed, but images don’t follow window/screen resizing, which leads us to having horizontal scrollbars. I’m not that into web development, but I guess there’s some library or js that scales down images as well.

    Finally, the footer on posts. I think info like category and tags shouldn’t appear on home, only in permalinks. And I miss a lot having a date somewhere.

    Anyway, congrats and thanks for Less. It’s an astonishing theme.

    []‘s!

    • Thanks Rodrigo!

      unforutunily I can’t help windows setup’s not look bad… but that’s why I have this up on Github love for any submissions to be included

      • I’m using Segoe UI right now for the theme on Windows. Not good as on Android/iOS, but better than Arial.

        About image sizes, I noticed that images with captions break the responsive design. Searching for a solution, I found with this post on WordPress forums. Marco Chiesi (the last guy) has the solution, it worked like a charm.

        []‘s!

        • Hi there, an easier solution:
          1) Change media “medium” or “large” size of the thumbnails to 720 width x 0 height.
          2) Reupload your images or install “Regenerate Thumbnails” plugin and do it automatically!

          Excelente theme!

          Cheers!

  14. Hi, I love this theme and use for my portfolio. The thing is my portfolio is in swedish and I would like to change all text to swedish. But I cant find where to change the comment text (Name, email, etc). Help is very much appreciated!

    Keep up the good work!

  15. Hi Jared,

    Love the “Less” theme but is there any way I can replace the site title with an image instead of text? Also take the dash out of there?

    Would you ever consider adding an infinite scroll?

    Thanks!

    • Hey james, you will have to look at the “header” section in the index.php delete where it says

      delete that and add your image in there

        • To follow up on James’ question, I’d also like to remove the dash between site-title and tagline. What section of index.php applies to this?

          Thanks, looking so forward to using this for my portfolio site!

          • Even, if you do a search for “—” (without quotes) and delete that in the index.php you will be good :-)

  16. Writing from Berlin, Germany. Wonderful theme, thanks so much! However I just keep getting this error: Notice: Theme without comments.php is deprecated since version 3.0 with no alternative available. Please include a comments.php template in your theme. in /home/pelluz/webapps/pelluz_wp/wp-includes/functions.php on line 2881

    Suggestions?

  17. Hey Jared, I’m still confused why I can’t get the nice comment box from Jetpack to work on my site. Currently it seems to be the default boring one from WP.
    How do I activate the nice one that I just used here on your site?
    I’m using your theme for my Words section, and I’d love to make the comments form minimal, because it’s a really nice theme!
    FYI I had installed Jetpack well after beginning to use your theme, if that makes a difference.

  18. Hi, Jared! Great theme! But can you hint me, how to localize that? Editing file theme.po in /lang with Poedit and uploading it to /lang doesn’t change anything(( Thanks a lot!

  19. Hey Jared, Did you get my reply about the comment form? If I switch to the default WP theme, the Jetpack form appears.
    When I switch back to Less, it is that old style WP form.
    I eve uninstalled the Less theme and brought it back to the original install, in case any edits I made might have interfered.
    I guess a next step would be to install WP on a new directory and see if that brings the Jetpack comment form to life on Less?

  20. Hello Jared,

    I’m loving this theme so much, it gives a really neat look and feel. Thank you for the nice work!

    Just one little problem I met with lightbox. The lightbox will display at a downward place on the page, not in the center of the browser visible area.

    Two plugins were tried, Fancybox for WordPress, and Lightbox Plus ColorBox, they had the same wrong appearance.

    All of my wordpress programs and plugins are latest version. And this doesn’t happen in other themes. Hope it can be fixed. :)

    • Hey Mogita, I will take a look at this when i get the chance, the purpose of the theme was to be as simple as possible so I never planned things like lightboxes to be used :-) but they should… so i will take a look into it :-)

      • Thank you for the reply Jared!
        Maybe it’s even somehow weird to use pictures in such a clean theme.
        Anyway I just turned lightbox off, and readers will jump forward and backward in their browsers when click on the pictures. Let them jump. I like this theme. XD

  21. Hey Jared. I want to thank you for designing the Less theme. It’s exactly what I’ve been looking for.

    I would like to know if there’s a way I can modify the title bar of my site’s home page. It’s currently “Gino Bona |”. I would love for it to match the site title and tagline (Gino Bona | Writer + Marketer).

    My site is located at ginobona.com.

    I appreciate any advice you can lend. Thank you.

    • Hey Gino, that is taking from the sites description. In your WordPress admin go to Settings > General and input the description

  22. Dope theme! Thank you. Thank you. Thank you for being awesome. I’m not certain if you answered this question already, but how do you add the post categories to the header (as shown in your demo) and do you have any tips on adding the gravatar? I already set it up and it shows in my admin, but not on my site. Thanks in advance.

    • create a menu, choose the category you want in the menu bar.
      make sure your gravetar email is the same one you have setup as your WordPress admin email. (settings > general)

    • thanks! no plans on doing that.. but its not hard to do.. just bump up the size that is pulled in.. in the index.php in the “header” section

      • Sorry to hear – then I’ll actually have to do something on my own. ;)

        I tried ‘bumping’ the size, though, and it pulls in the larger image all right, but it only shows a quarter of it. So bumping the size alone doesn’t work…

  23. Hi,

    I just came across your theme after a long search.

    LESS is more. None of visual traffic jam that occurs on almost all wordpress templates, and no width limitation, so I can post 1000px images.

    One question: How do I exchange the placeholder avatar to the top right with an image? Do I have to make a child theme for this and link to an image?

    This is actually the second theme of you that I came across, and this is the one I’m going to use for my photography blog.

    I’ll probably play around with typography in a child theme, but it’s great as it is.

    Congratulations!

    Robert

    • thanks Robert, you can edit the area in the index.php file in between the div with the class=”gravater” just insert an image in there instead.

      • Thanks, Jared. So, basically I up load an image to my blog folder, and then create relative path to it, and place that link into the place where now is the link to “gravatar”.

  24. Hey Jared,
    Thanks for sharing the theme…it’s pretty much exactly what I’ve been looking for. I tried coding my own template earlier this year, but fell off the project because I hit some roadblocks and haven’t had a chance to get back around to it. I do have one question…

    I’m currently using Disqus for my comments. In the live preview when I install Less, there is a huge break between the bottom of the post and the comment section. Is this something easy I can fix in my config files?

  25. Thanks for the reply. I got it figured out the other night. I’m working on rounding it out by adding an archive page that includes the category listing and a search. But, I can’t get my categories to link properly…the URL’s are correct, it isn’t loading the correct template. I’ve searched through the php and (although, I’m not great in php) I can’t seem to find the problem because even your demo site has it loading properly. Thoughts?

  26. Thanks Jared!
    I’ve created a child theme with a style.css containing the “@import url(“../Less/style.css”);” as a first declaration.
    I’ve activated theme succesfully but style.css of the child theme is not overriding style.css of the parent theme.
    Is it necessary to modify anything else to override parent theme styles?

    • Hi Ana. I’m having the same problem. The child theme I created, when activated in WP still shows the link to the original style.css in the head and no reference to the child stylesheet is found.

      Jared, is there some tricky overriding/scripting this happening here perhaps?

    • Probably has something to do with this line in the functions.php file:

      wp_enqueue_style( ‘less-style’, get_template_directory_uri() . ‘/style.css’, ’10000′, ‘all’ );

      • Figured it out. In the functions.php file, this line:

        wp_enqueue_style( ‘less-style’, get_template_directory_uri() . ‘/style.css’, ’10000′, ‘all’ );

        Should read:
        wp_enqueue_style( ‘less-style’, get_stylesheet_directory_uri() . ‘/style.css’, ’10000′, ‘all’ );

        You can put a copy of the functions.php file into your child theme directory and change the above reference from get_template_directory_uri() to get_stylesheet_directory_uri(), OR you can just edit the original file.

  27. Hi Jared I really this theme, but I would like to know how you have abbreviated the first post in your demo with the “continue” link?

    Thanks very much.

  28. Hey Jared, many thanks for this awesome theme. I really love it. However there`s one little thing i miss: the widgets. Is it possible to add any widgets to the theme? Especially i would like to add a small banner (about 200×200) for little advertising for the main homepage. If it’s not possible to add widget do you think there’s another way to add this kind of banner to every page?

  29. See you again! I’m Molen. I’ve translated your theme Min. And now I would like to translate this theme Less. I LOVE this simple style and want to introduce this theme to Chinese user. Just like that time, I will use the licence CC BY-NC-SA 3.0 to share the work.And I will state the theme is made by you. I know this theme is free, but out of politeness and respect, I still want to have your permission.
    I’ve translated this page to Chinese(Although my English is a bit weak). But something which I am not very sure about it. So I ask you for some help.The post said “Images are full width”.That is mean that the picture is upload to 560px?
    Besides, I have a presumptuous request. I want to have a demo Page in http://lessmade.com/themes/less/.If you can set up a author account and a Page link like /themes/less/chinese-page. And I know this request is so inordinate. So you can just ignore it.
    My English is a bit weak. But I want to you can understand what I write. Wait for your reply. Thank you!
    Have a nice day! Hope you can design more wonderful work and theme!

  30. Hey Jared,
    I’m trying to figure out if I can change the width of the images. I’d really like to be able to have images fit across the entire screen rather than be confined to the “the-content” div width. I’d like to add a class to the CSS file, but I can’t seem to figure out how to get the image outside the parent sizing. Any thoughts?

  31. Hey Jared, I really love your theme. I recently started a personal blog and while drafting my posts I notices that embedding iframes does not work. Can you please tell how I can make them work with the less theme?
    Thanks so much!
    Jan

  32. Hei Jared. It’s me… again.
    Well… I decided to take LESS once more and turn it on a even more minimal blog. So, I made some changes on the front page and single post.
    There’s one thing I can’t solve, however. The image and video width. The paragraph is 500px max-width, but I want images and videos 100% width.
    If you have some time to visit a post like this one (http://semiose.net/kult/long-play-laurie-anderson-at-luminato-festival-133.html) you will see the solution I adopted. It’s a stupid solution, really, but I’m a bit tired (or drunk, I can’t say for sure) to find any other. What I do is to insert a div tag on images and video…
    So, can you help me… again? :-)
    Again, thanks for the excellent work.

  33. Hi Jared,
    I love your theme. Currently, the site I am using “Less” on needs to use small photos. Is there a way to make it, so small photos can be placed on the site? (If I had larger file sized photos, I’d use them.) I would hate to switch to a different theme.

    Thanks, Maggie

  34. Awesome minimalistic theme. I am using it for my personal blog now.

    For the people who could not get their gravatar to work (I have removed it from source completely) -

    there are 2 places where you need to enter your gravatar email correctly:
    1) Settings -> General
    2) Users -> Your profile

    I figured that out after a while !

  35. Jared,

    Wonderful theme! Thank you. I had the same question as Maggie
    .
    article .the-content img { width: auto; height auto; } works for floated images but breaks responsiveness. Any thoughts on what to do? I too have some smaller images I would like to right-align so the text is to the left.

  36. Hi Jared. Love your theme! I really want to use it but I’m having a bit of a problem with the images.
    As you know, the original styles.css file said:
    article .the-content img { width: 100%; height auto; }
    and you suggested using this in alternative:
    article .the-content img { width: auto; height auto; }

    What ends up happening is now the image is displayed as whatever the original width is. If I use a large one it pops out of the column. The real problem is that it completely ignores the image settings in the post editor, for example they might look like this:

    What I’m saying is it completely ignores the width and height and goes with the auto in CSS.

    Again, I’d really want to use Less but I am unable to fix this. I am on the latest version of WP, I haven’t read about anyone reporting this so I don’t know if it’s just me.

    P.S. Maybe by removing the article .the-content img { width: auto; height auto; } completely it will follow the post settings for images? :)

  37. Hey Jared, thanks for the theme!

    Can you please explain how do I get rid of the ” —” at the top of the page where it says “site title —tagline”? thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *