Bare: Complete
Downloads: 2449 times
- Page navigation
- Bare
- Bare, Version:Complete
- Editing
- Installation
- Questions
- Bugs
- Anything else?
New version “Redux” out now!
Download and preview the new code - features cleaner code, “out of the box” usability, and to IEon’s suggestion, the first post is only unfurled on the front page and not in categories or archives of any kind. Also features a new set of images. Enjoy ^^
Bare.
When I originally set out to develop a Wordpress theme, one thing came to mind: simplicity. So I started with what files were absolutely necessary for Wordpress to do its thing, and which ones weren’t. And at the end of it all, I came out with 4 files, 3 scripts, and 1 image. Welcome to Bare!
Note: This theme was developed under Wordpress 2.1. If you have not upgraded yet, then I can not say whether or not this theme will work. (Although it probably should work, I’m just letting you know that I haven’t tested it with any versions of Wordpress prior to 2.1.)
*You can preview the demo of this theme by clicking here.
Bare, Version:Complete
(this information is here only for informational purposes on the upcoming theme, which has not been released yet.)
Clean installation:
- Unzip contents of download.
- Move theme folder to wp-content/themes.
- Move any plugins you want to use to wp-content/plugins and activate via plugins admin menu.
- Done.
Everything in the html of the main index template has been commented for easy editing. Structure is - header, 404, main index, single post, page and then archives followed by everything at the bottom of the page. It’s all pretty self explanatory.
Editing
The header, single post, single page, archives, search, and footer are all contained within the main index file using the if is command, and there is space open at the bottom for plenty of content (it has been commented with the line you can add content here).
Warning
If you do not know what you are doing, it is quite possible you can break this theme. I have programmed it pretty tightly with everything in its place. If you add to this theme, you do so at your own risk.
- Download Bare and un-zip it.
- Upload to your /wp-content/themes/ folder.
- Navigate to “Presentation” and then select it.
- Done.
Plugins supported
Questions
A few questions that you may have that I have decided to ask myself.
Q: Only one page?! Have you lost your mind?
A: Quite the contrary. I often found myself going from one file to the next, editing and copying and pasting, and then tabbing back and forth. Once, I had 6 tabs open devoted to editing template files! I thought to myself, there has to be an easier way.
I’ve moved everything into one page for the simplicity of it: one file, one edit, one click to save. Simple.
Q: Why aren’t there any plugins (or code for plugins written into this theme)?
A: I developed this theme with one simple fact in mind: nobody wants to install multiple plugins just so a few special effects can occur (I certainly don’t, anyway. Although I have on rare occasions.)
Q: Will my plugins break this theme?
A: Truthfully? I have no idea. Although they shouldn’t (at least the non-obtrusive ones like word count, similar posts, time since, etc.), there is still always the possibility of the breakage occurring. I designed this theme with the bare necessities needed to run a viewable blog; most plugins (at least 90%) either don’t add any functionality that is truly necessary or just don’t interest me. I like keeping things simple yet pleasing. Hopefully, I have achieved this.
- View links, when clicked, open up other posts. The only way that this would happen is if you have the exact same name for several posts. A workaround would be to add a unique identifier to the div layer name.
top” div align=”left”>
would be changed totop” div align=”left”>
which would not only name the div layer the name of the post, but would also add the date of the post as well. The key is to make each div layer created within the loop unique so that the view link is able to drop the posts separately. Thanks to IEon for pointing me to this problem.Lightbox/Thickbox conflicts with the javascript needed to run the drop down posts.(Thanks to Matt over at Olympus-mons.com.) Fixed: The lightbox javascript comes pre-installed and bundled with the package. To use the effect, your links should look like this:
. Not exactly like that, but you will need the rel=”lightbox” in your href portion of the link.
Anything else?
You can drop me a line at Boyevul@gmail.com with any questions you may have. Have any suggestions for a future version of this theme? Let me know; I’ll be more than happy to listen to them!and now a word from our sponsors.
A few technical things that one should look into before starting work on a website are domain registration and web-hosting. The domain name should be carefully picked and should be related to the site. If needed one could transfer a domain to the name of their choice by purchasing it from someone who is already using it. This could be a bit expensive though. As for hosting, it is important to find hosting in your country to improve work efficiency, though canada hosting is one of the cheapest available today. It is also essential to see if the hosting services include data recovery and if they provide a offsite backup for more security. Other than that, if one is planning on conducting business on the site, they will require to sign up for a merchant account.
65 Responses to “Themes “Bare”” | Skip to comment form
Leave a Reply
January 24th, 2007 at 8:49 am
Very nice theme. I give you kudos for having the courage to create a theme that’s missing what some might consider essential weblog aspects. I tend to gravitate towards the simple but am constantly navigating an internal debate between wanting to throw everything I can into a blog and having it be bare bones.
In any event, I for one like what you’ve created. Simple and what really matters, the writing, is front and center. Thanks for sharing it with us all.
January 24th, 2007 at 10:18 am
This definitely made my morning! And as to the first bug posted (thanks to Matt at Olympus-mons.com) I will try to find a workaround ASAP (that lightbox effect is a very nice one!)
January 24th, 2007 at 2:43 pm
I love it, but it would suit me perfectly if the most recent post on the page was always ‘unfurled’ - anyone coming to a blog site is presumably wanting to read content, so having the first piece of content ready to go makes sense, I think.
Oh, also on Camino (OS X 10.4.8) the dropdowns for ‘Select Month’ and ‘Uncategorized’ don’t quite line up.
Great work!
January 24th, 2007 at 3:12 pm
I love the concept here - great work.
Unfortunately there seem to be some layout issues, and the unfurling post doesn’t use the whole width at first (perhaps the post title needs a clear:both?). (using Firefox)
January 24th, 2007 at 3:21 pm
Love the concept here, but I’m in the same camp as Paul. Is there any chance you could include an option that would reveal the most recent post by default?
January 24th, 2007 at 5:34 pm
Paul and Jess:
Good suggestion on the first post being unfurled - give me a moment and I’ll incorporate that.
Jazzle:
The unfurling not taking place in the whole width at first is also something I’m working on fixing. Thanks for letting me know!
Has anybody had any trouble with archives of any kind?
January 25th, 2007 at 12:00 pm
First post being unfurled can’t be done without breaking next and previous posts links - if anybody has a way around this, I’d love to hear it.
January 25th, 2007 at 12:07 pm
hi,
my installation is only showing 2 posts a page…
how do I make it to show more than that?
thanks…
January 25th, 2007 at 2:34 pm
It’s a hack, but perhaps if you can work out what the name of the first post is, once everything is loaded you could trigger the ‘view’ function for that post?
January 25th, 2007 at 3:44 pm
robert:
what are your view settings on?
paul:
I’ll definitely look into that, thank you.
January 25th, 2007 at 9:12 pm
Figured it out! “Bare 2.0″ (skipping the in-betweens) will be released once I have added more functionality, and more plugin support (optional plugins - will work without them with MINOR editing of course). Stay tuned ^^
January 25th, 2007 at 10:06 pm
Is there a way to get rid of the drop down effect? To me it is not bare enough. With the first post being unfurled your theme would be almost perfect. When reading a permelin/single page it would be a blessing to incorporate a read next and previous post function, but you may not like that?
January 25th, 2007 at 11:28 pm
Version 2.0 will see:
I’m working on making this theme pretty customizable and easy so I’ve been commenting everything that can be changed (or needs to be commented at least) in the HTML.
And I’m keeping the previous and next post links because I found a way to unfurl without breaking them ^^
January 26th, 2007 at 1:38 am
Excellent. Sounds killer!
Cant wait until the LightBox bug is fixed!
January 26th, 2007 at 5:01 am
At version1, Search function was working properly, however, at version 1.1, Search bar at the left side of archive drop down view is completely gone and does not show at any page. Is it intentional or anything is missing here.
Mac, all browsers including Opera, Flock, Safari, Firefox.
January 26th, 2007 at 7:14 am
Wow, sounds good!
January 26th, 2007 at 10:11 am
Laundro: same here; been peeling through code trying to find a workaround!
IEon: Revamping search, sorry for the takeout;
Al: Thanks for the comment ^^
January 26th, 2007 at 11:10 am
Oh yes, Matthew, will there be a search bar somewhere? Like you have right now in your footer. Your theme on my testpage doesn’t show any.
January 26th, 2007 at 12:36 pm
Al: The search bar will be there when I get all of the new code in place, so don’t worry ^^
January 26th, 2007 at 8:48 pm
lightbox and added support for wp-notable added for version 2.0.
January 26th, 2007 at 9:42 pm
Very interesting to see your theme develop. And your working fast as hell, man! ;-) Don’t forget the idea that made you started this project: BARE ;-)
January 26th, 2007 at 9:46 pm
Totally! You sure are quick. I echo what Al said. What I originally was drawn to was the fact that it was so amazingly simple and balanced. Bare on.
January 26th, 2007 at 10:34 pm
Thanks to both of you ^^ Version 2.0 is current, updated and comes with a widgetized or not widgetized version (also the sidebar is optional). I’m going to sit back and let the community do with it what it will; apart from fixing any bugs that might or might not pop up, it’s going to stay at 2.0 for now.
Thanks to everyone who downloaded and commented and I hope this theme suits your needs - whatever those needs may be.
January 28th, 2007 at 12:42 am
Fabulous work done. I appreciate your devoted efforts.
Btw, you might want to check out the search function. It generates the same result list three or four times longer. Same on your current website as well.
Also, when enabled with lightbox plugin, top menu bars do not work here on mac. I tried with the most recent version and previous version of lightbox.
January 28th, 2007 at 4:04 am
This design is absolutely BRILLIANT! I’m not using it for my daily blog (but might, soon) but I am using it for my writing blog, located here: http://www.jaynedarcy.us/ShadowFalls. As you can see, I made some slight, graphical modifications.
One question, I’d like to put in a copyright notice just beneath the list of posts. I know it must be someplace in the index template, but I’m not finding where I’d do this. Can you point me in the right place to look?
Thanks. Again, great, unique look for Wordpress. Kudos!
January 28th, 2007 at 9:11 am
Hi,
love the theme, trying to adapt it to my site now, but just give you a heads up, i think i’ve managed to break it,
dont know if you havent gotten around to doing the search at the bottom yet, but when you search for something that isnt there, loads of errors get thrown, e.g.
http://scarform.com/blog/?s=cheese+donuts
:-/
January 28th, 2007 at 9:12 am
eek, ok, i’ve found out what it is
if you type it in and hit “enter” on the keyboard it gets screwed, if you type it in and click view it works
if that makes any sence
January 28th, 2007 at 9:32 am
Oops. the search function error I point out was due to the above Jay’s reason. Hitting enter after the search word.
January 28th, 2007 at 9:47 am
I tried search w/o hitting enter key, but still the search does not work on my site as well as Trevino’s.
Am I doing sth wrong?
January 28th, 2007 at 10:08 am
I think i’m going to stick with version 1.1, i like the text navigation better, and seems more simple, the sidebar seems to clutter it up to much, and given the search seems to be broken aswell :-(
I have no idea what on earth this lightbox thing is, so doubt i’d miss that functionaility either.
The only thing i may do is try this out:
http://www.wait-till-i.com/index.php?p=211
to try and get rid off all the grey styled submit boxes to plain text.
Don’t suppose anyone here knows how to edit the colours of the drop down archives list / combo box/list thing (the thing with select month? … or if its even possible?)
Or if it’s possible to add the first post “open” to version 1.1 easily by copying/pasting some code? Where should i look?
Thanks for all/ any help and thanks again for a brilliant theme though :-)
(And im amazed at how quickly it’s been developed)
January 28th, 2007 at 11:14 am
IEon: Let me look through it - I’ve got a lot of things going on right now so I’m sorry if I can’t get to this as fast as before.
Jay: You could copy and paste code - in index, the following is what tells it to unfurl the first post:
<div id=”<?php the_title(); ?>top” <?php if(!is_single() && $post==$posts[0]) echo ”; else echo ’style=”display: none;”‘;?> div align=”left”>
January 29th, 2007 at 12:02 am
When I try to dload the latest version there is nothing in the zipped directory at all
January 29th, 2007 at 12:33 am
What are you using to open the archive? I use 7zip for my archiving, stuff-it to zip the files (since I know not everyone uses 7zip) into .zip format.
I downloaded it and checked it - the program tells me there is 0 for the size of the folders, but when I open them the files are there.
January 29th, 2007 at 1:16 am
Winzip, which I’ve used for years. I dloaded the previous version of Bare about a week ago, it unzipped fine. I try dloading Bare 2.0 again just now, and it won’t open. I get a message that says it’s either invalid or corrupted.
January 29th, 2007 at 9:07 am
The original zip file was archived using Stuff it which may have been the problem. I re-archived it using 7zip, which you can download from here as well. 7zip is a free open source program that handles just about every archive known to man and it’s extremely easy to setup and use.
I’m sorry for the inconvenience this may cause anybody trying to download the theme, but for reasons listed near the download link for 7zip, this is the easiest way for me to get this theme to the public.
Again, sorry for the inconvenience.
January 29th, 2007 at 3:57 pm
I found that if downloading using
http://scarform.com/blog/?dl=1
which is located using the pretty picture link, my zip file was corrupt aswell (using win rar)
but further down, under installation the link:
http://scarform.com/blog/wp-content/uploads/2007/01/bare.zip
worked fine, just thought it was me, guess not. If its coming out corrput, try both :-/
January 29th, 2007 at 8:26 pm
Weird - thanks for letting me know!
January 29th, 2007 at 8:42 pm
Thanks Jay, and Matt. I haven’t had a blog online for a bit over a year.. my old hosting service’s server went belly up and I lost everything. Decided to give blogging a try a few weeks back, and have basically been hung up looking for a theme/template that was appealing. Bare has been the first one that has really appealed.
January 30th, 2007 at 12:47 am
Jayne - Sorry I didn’t get a reply to you (by the time I realized you had asked a question, it appeared you had already found your answer ^^)
Jay (in regards to the searching for things that aren’t there): I accidentally left in a reference to searchform.php - simply find the php include line for searchform.php (it’s near the bottom) and delete it.
On a sidenote - 2.0 probably should have been called -.5? Glad that it’s getting some use, whether it be 1.1 or 2.0.
And to Mary - glad to see you’re back in the blogging game - couldn’t stay away forever, right? ^^
January 30th, 2007 at 1:20 am
No worries, Matt. I’d have found it sooner if I hadn’t been so tired. :)
February 2nd, 2007 at 10:20 pm
It’s very cool theme……I use it for my blog http://www.macammacam.info.
I have one question. When first enter to the site, the latest post open automatically. How can I make not to open automatic. Just list of posts. Thank you for great work…
February 2nd, 2007 at 10:39 pm
In the main index file portion of the index.php file, there is a line of code that reads as follows:
<div id=”<?php the_title(); ?>top” <?php if(!is_single() && $post==$posts[0]) echo ’style=”background-color:#dff5ff”‘; else echo ’style=”display: none;”‘;?> div align=”left”>
What this does is check for the first post and then styles it differently, ie the background color. If its not the first post, then it ads the style=”display: none” tag. To cancel this effect, simply replace that code with this:
<div id=”<?php the_title(); ?>top” style=”display: none;” div align=”left”>
This code show up just a couple of other times, so you might want to check and replace those codes as well.
February 3rd, 2007 at 12:03 am
It worked…..thank you very much for the replay…It is very nice theme you made…GREAT!!!
February 3rd, 2007 at 1:18 am
not a problem - I’m glad you enjoy it! Thanks for the kindness ^^
February 6th, 2007 at 8:50 am
thank you for your theme!
it is very nice!
Please tell me:
I have a lot of posts in my blog. And my site will have big size for my readers. Now it has 100 Kb. How can I make my blog more light for users (index page). Is all posts in future will apear on index or only for one month?
Thanks!
February 6th, 2007 at 10:30 am
In your Wordpress admin menu, under the Options tab -> Reading, you set how many posts to display on the front page. 100kb is not very big in comparison to other sites. It’s actually relatively small.
Try (1) deleting all of the commented areas I have left in the main index template file.
<!– Stuff like this >
as well as (2) getting rid of any “white space”, or basically put, blank spaces in the html.
It loads (for me) very quickly, so apart from the white space and comments, it should be just fine.
February 6th, 2007 at 2:02 pm
thank you!
but can you answer me to new questions?
Why some headlines are showed in Arial, some in Verdana? How can I make only one font for headlines on index?
thanks!
February 6th, 2007 at 6:16 pm
Truthfully I have no clue. I don’t get that problem when I use it on my site and the fact that your blog is in a language I can’t read, I don’t know what tags are relevant to what. I’m really sorry I can’t help you on this :/
February 7th, 2007 at 10:17 pm
simple, clean and very quickly to load. I like this template. I’ll use it in my new wordpress projects.
February 7th, 2007 at 11:49 pm
^^ Thank you!
February 8th, 2007 at 12:56 pm
hello matt
thanks for this great new version but i like the very simple BARE-10
and now is not available only the new one.
i want to know if you can leave both the new and the old one to download. (?)
also i intalled the new one but placed the old index.php because i liked it better
can you tell us how to use the lightbox utilities that i see into the js folder (?)
should i intall the lightbox plugin or how does it work with images.
you can see i am not a programmer but i know when there is a good work in front of me.
congrats i hope you can help with y questions from barcelona.
best regards
pablo coello
February 8th, 2007 at 3:24 pm
To use lightbox, and you have the light box js that came with version complete, put the following before </head> in the main index template html file:
<style type=”text/css” media=”screen”>
#overlay {
background-image: url(”<?php bloginfo(’template_directory’); ?>/images/overlay.png”);
}
* html #overlay {
background-image: url(”<?php bloginfo(’template_directory’); ?>/images/overlay.png”);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”<?php bloginfo(’template_directory’); ?>/images/overlay.png”, sizingMethod=”scale”);
}
</style>
<script type=”text/javascript” src=”<?php bloginfo(’template_directory’); ?>/js/lightbox.js”></script>
<script type=”text/javascript”>
var loadingImage = “<?php bloginfo(’template_directory’); ?>/images/loading.gif”;
var closeButton = “<?php bloginfo(’template_directory’); ?>/images/close.gif”;
</script>
Once you have that, you need to make links to images that you want to use the lightbox effect look like <a href=”something.jpg” rel=”lightbox”>something</a> or <a href=”something.jpg” rel=”lightbox”><img src=”somethingsmall.jpg” alt=”" border=”0″ /></a>. As long as you have rel=”lightbox” in the >a href=”"…> section of the link, it’ll do it.
I’m not sure if I still have the prior versions - I’ve been going through a lot of stuff on the desktop and moving things here and there, but the reason for the upgrades was that some errors needed to be addressed and some bad code needed to be replaced.
February 8th, 2007 at 3:27 pm
I also ask that you please leave the linkback as it serves as a notice that the theme was made by me. Obviously I can not do much to enforce this, but it would be very nice of you to leave it.)
February 10th, 2007 at 12:40 pm
Love the theme Matthew but I can’t figure out how to show the side bar. There are some things I want to put in there, but can’t seem to see where in the code to activate it.
Is the sidebar on the left or right and is it possible to swtich say from the left side to the right side?
Your help is muchly appreciated!
February 10th, 2007 at 3:38 pm
you specify left or right in css by saying float:left; or float:right; and then have the main content do the opposite. However, the complete version does not have a sidebar as it was taken out to popular demand, so to speak.
February 13th, 2007 at 1:30 am
Hello Matthew..
I use your theme to my blog http://www.macammacam.info wich great. Take a look. I use flashfader for the header image.
The only thing didn’t work: Cannot display post with sam title. I just tried your given clue, but not working. But, it is a great theme
Thank you…
February 13th, 2007 at 8:22 am
Addind the php date code into the div id didn’t work? Damn, I thought for sure that would. Well… as long as the two aren’t on the same page you’ll be fine. Just find a way to move ‘em around if nothing else works. Sorry.
I like what you’ve done there - especially with the fader. (Cute monkey ^^)
Anyway, I’m glad you (stll) like the theme! Thanks again
February 18th, 2007 at 7:40 am
HI
just want to share that finally i got lightbox working well on my blog http://www.artivated.com/01/
after more than a week trying to use the lightbox utility, ;)
but it is hard to make a roadtrip view of a group of images at it is explain on the lightbox web
http://www.huddletogether.com/projects/lightbox2/
why this code does is not working properly?
image #1
image #2
image #3
HELP PLEASE!
and regards. pablo.
February 18th, 2007 at 9:03 am
It’s an issue with the sliding effect - the lightbox 2 script uses javascripts that the sliding script uses:
The version I have used is lightbox lite, so it doesn’t use these things to create the lightbox effect. I’m not a javascript programmer so this is just a little bit beyond my field of expertise.
If you aren’t that attached to the sliding effect, we could work out removing it from your coding so you can use lightbox 2, but beyond that, I don’t know what else to tell you :/
February 18th, 2007 at 1:54 pm
hello again
can you please tell me
the code for uploading html pages on lightbox popup.
regards.
pablo.
http://www.artivated.com/01
February 18th, 2007 at 2:04 pm
I’m not sure I understand your question - but from what I think you’re trying to get at, I can only tell you that to the best of my knowledge, lightbox is only meant for images.
February 23rd, 2007 at 8:43 pm
hello and thanks for your last answer
can you know tell me why this codes are not working to create a show of related images in my blog
exemple:
a href=”images/image-1.jpg” rel=”lightbox[roadtrip]“>image #1image #2image #3
February 23rd, 2007 at 8:52 pm
oh sorry matt. i just saw you already answered my last question about codes
remove it if you want. best & tahnks
p. **ps/ i will keep using your lightbox version now that it works properly in my blog. i remember having a headache trying to install lightbox 2 weeks ago.**
June 24th, 2008 at 1:05 pm
How do I change the color of the box where the posts go? I don’t want it light blue!
Thanks,
Hank
June 24th, 2008 at 8:08 pm
where the code is:
<div id="< ?php the_title(); ?>top" <?php if(!is_single() && $post==$posts[0]) echo 'style="background-color:#dff5ff"'; else echo 'style="display: none;"';?> div align=”left”>change ’style=”background-color:#dff5ff”; to the color you want, like ’style=”background-color:#ccc”;.