WordPress Theme: Upstart Blogger Futurosity Magazine

Oct 11  07

I’m releasing my magazine-style theme, Upstart Blogger Futurosity Magazine. Originally designed for one of my other blogs (Futurosity), this theme offers offers a custom home page and is multi-author ready.

IMPORTANT NOTE! THIS THEME WAS PREVIOUSLY RELEASED AS UPSTART BLOGGER ALTERA. I have been informed that the name violates a trademark held by Altera Corporation. Upstart Blogger is in no way affiliated with Altera Corporation. If you have already downloaded Upstart Blogger Altera theme, please edit footer.php to remove the Altera name. Thank you.

Note: Upstart Blogger Futurosity Magazine is WordPress 2.3 compatible. This theme does require some hand coding and hence requires some care, but there’s no reason to be afraid of using it. I thought about creating an elaborate Options page, but it’s beyond my current abilities and would hinder the flexibility of the theme. Still, don’t even think about downloading it without reading this post thoroughly.

Demo

View the demo.

Download

Download Upstart Blogger Futurosity Magazine

Download Upstart Blogger Futurosity Magazine.

Subscribe to Upstart BloggerYou no longer have to subscribe to download this theme, but please subscribe to Upstart Blogger anyway (you can also subscribe via email). Subscribing ensures that you’ll be notified of updates and new releases.

If you use the theme and do something interesting with it, I might give you $6.95, just for the hell of it. No kidding. In fact, at the very least, I’m going to give $6.95 to the first person who is using it on their blog. Just post a comment to let me know where to have a look.

Installation

To install Futurosity Magazine:

  1. Open the UpstartBloggerFuturosityMag folder, then upload the ub_futurositymag folder to your WordPress theme folder.
  2. Open the plugins folder inside the UpstartBloggerFuturosityMag folder. Upload the contents to your WordPress plugins folder. Go to the Plugins tab in your WP Admin and activate the plugins.
  3. To select the theme, go to the Presentations tab of your WordPress admin and select Upstart Blogger Futurosity Magazine.
  4. Go to the Users tab and enter a description for yourself, which will appear under your name on single posts and on the author archive pages. If there are additional authors on your blog, have them login and add descriptions.

Upgrading From a Previous Version

If you are updating Futurosity Magazine from a previous version and have modified only the template files, you can just replace your existing style.css file with the new one in this version. If you want to add the new tags for WordPress 2.3, see the Codex on the_tags and wp_tag_cloud. It’s very easy to add these tags yourself.

If you’ve modified the style.css, you can examine the new style.css file for changes.

Change this line:

.home #content ul li.latest-excerpt{font:11px/12px Helvetica, Arial, sans-serif;list-style-type:none;margin:0;padding:0;width:145px;}

to this:

#content ul li.latest-excerpt{font:11px/12px Helvetica, Arial, sans-serif;list-style-type:none;margin:0;padding:0;width:145px;}

To fix the blockquote problem, change this:

.single .entry-content blockquote p:first-child:first-letter{color:inherit;float:none;font-size:1em;text-transform:uppercase;}
.single .entry-content blockquote p:first-child:first-line{font-variant:normal;text-transform:lowercase;}

to this:

.single .entry-content blockquote p:first-child:first-letter{color:inherit;float:none;font-size:1em;text-transform:uppercase;line-height:18px;margin-right:0;}
.single .entry-content blockquote p:first-child:first-line{font-variant:normal;text-transform:lowercase;line-height:18px;}

Modifying Futurosity Magazine

You’ll want to modify Futurosity Magazine before using it. This will require hand editing some of the template files. You can do this with any text editor, or by going to the Presentation > Theme Editor tab in your WordPress Admin.

There are comments in the template files marking areas where you can safely edit, but be careful.

To Add Thumbnails to the Home Page

  1. Make sure the Get Custom Field Values is activated. This plugin is included in the theme download.
  2. Go to Custom Fields under where you edit the post in your WP admin.
  3. Under Add a new custom field type post-image in the Key field.
  4. Enter the address for the image in the Value field. For example:
  5. http://www.upstartblogger.com/images/feedbot.gif
  6. Click Add Custom Field

Apple-style Search

Inside the UpstartBloggerFuturosityMag folder is a folder called applesearch. These files style the search box to give it an Apple look. Upload the contents of the applesearch folder (not the folder itself) to the root directory of your site. If you use permalinks that include subfolders, you will need to hand code the full path to your root in applesearch.js and header.php.

Plugins

Four plugins are recommended and are included. Here are the links, if you want to check that you have the latest versions:

License

This WordPress theme is released under the Creative Commons Attribution v3.0, meaning you can do pretty much whatever you want with it, but you should (please) keep the link back to Upstart Blogger, either in the sidebar or the footer.

History

0.1 First released 09.04.07.
0.2 Released 10.04.07. This update adds tags to make Futurosity Magazine WordPress 2.3 compatible. Tags are now displayed at the bottom of individual posts and a tag cloud is displayed at the bottom of the page. I’ve also fixed the text size of latest posts so they are consistent on the home page and individual pages, and fixed the styling of blockquotes.

 Stumble it!

All feedback is welcomed via comment or trackback.

Comments and Trackbacks

10 Trackbacks

  1. […] see WordPress Theme: Upstart Blogger Futurosity Magazine for instructions if you are upgrading and have modified your template files or style.css file. […]

  2. […] WordPress sites. I’m taken with his magazine-like designs, Upstart Blogger Minim and Futurosity. Both are worth tinkering with if you’re looking for something a bit different and not […]

  3. […] Ergebnisse bekommen. Das einzige Theme, dass annähernd meinen Vorstellungen entsprach war das Upstart Blogger Futurosity Theme. Einziges Problem bei diesem Theme: Eindeutig zu viele Kategorien und dadurch zu viel […]

  4. […] theme :  Upstart Blogger Futurosity Magazine […]

  5. […] » Preview | Download | By Upstart […]

  6. […] Upstart Blogger Futurosity Magazine […]

  7. […] » Preview | Download | By Upstart […]

  8. […] Futurosity. Futurosity takes a vertical approach to the magazine theme, in a minimalist sense. The demo page suggests a […]

  9. […] 5 thèmes proposés sont : Futurosity magazine qui offre une présentation style magazine,Takimata à la présentation extrêmement dépouillée […]

  10. […] Upstart Blogger Futurosity Magazine: A cool WordPress 2.3 compatible magazine theme. But requires some careful customization! […]

49 Comments

  1. sternz 16 Oct 07

    @Robert: Could you make the video showing how to setup the theme available again? Reason being it has some helpful information that people may find useful, that and it may save you from alot of questions. I was able to figure just about everything out minus the image posts, which I think was in the video. Thanks for the help.

  2. Upstart Blogger 17 Oct 07

    @sternz: I had to remove the video because of the Altera trademark. Sorry. I’ll try to find some time to redo it or post some intsructions.

  3. sternz 17 Oct 07

    I had a feeling that was the reason you had to take it down. I was wanting to say it was something to do with a “custom field” using “post-image”, but I can’t remember it all.

  4. Upstart Blogger 17 Oct 07

    I’ve updated the theme page with instructions on adding the thumbnails to the home page.

  5. sternz 17 Oct 07

    Glad to know I was on the right track. Maybe I am starting to learn some things afterall. Thanks for the help.

  6. Danny 19 Oct 07

    Hey Robert, just thought you would be interested to know that I finally got around to having a play with this theme for the online home of my print magazine. Thanks again for making what I think are the best themes in the biz freeley available. It’s a shame you’ve got to leave us, but I wish you all the best in your new projects.
    Any feedback or critisicim would be very welcome, but bear in mind it’s a hack job from a code alergic print guy.
    Cheers.

  7. Upstart Blogger 19 Oct 07

    @Danny: Love it! Very nice job, and the mag looks great, too!

  8. p47 23 Oct 07

    Hi all.

    first of all I have to tell you this theme is really cool, but I have some questions about it, I don’t know if you are using Internet Explorer, that’s because I have some questions, I have installed it on my wp_blog it was just afew munites, but if you see with IE you can get an error in the left button corner. it says some error in line 79 error 3, I think it’s java script, but I don’t know if you know how to fix it.

    I hope you can understand me, because my english is really bad, I from MX

    justmag[AT]gmail[DOT]

    Kind regards.

  9. floyd 26 Oct 07

    thank you very much for this great unbelievable theme. i use it on www.fakeblog.de

    i made a lot of changes to your original futurosity theme, that´s why i decided to call it “overstand theme” for me. but futurosity was a good starting point for me.

    i added a special iealternate.css file to deal with some problems in the internet explorer lower than version 7.

    thank you for this great work again.
    keep on doing such a good job.
    floyd

  10. Annette Finnsdottir 12 Nov 07

    Hi, I am using Futurosity Magazine theme for our blog:and one question I have right now: how do I get the “post a comment”
    feature implemented?
    Thank you for your nice theme and I also hope you’ll keep up the good work!

  11. Annette Finnsdottir 12 Nov 07

    I found out about the ‘post a comment’ thing.Easy. Sorry.

  12. Ched 13 Nov 07

    Great theme! This is pretty much what I’ve been looking for!

    But…

    I’m having trouble figuring out how to manipulate which categories show up as columns of the ‘latest’ posts at the top. I want them to span across all 6 columns, but it shows only a couple of the post categories that I have. How do I make it show a category in each of the columns?

    I’m trying to edit the categories in home.php and single.php, but I’m not sure what it is I have to change to force it to show a category in each column.

    Any help would be greatly appreciated.

  13. Doulos 16 Nov 07

    Can you post back the link to the tutorial video. It will be easy.
    Thanks again

  14. Upstart Blogger 17 Nov 07

    @Doulos: Sorry, but I had to take down the video because of trademark issues and haven’t had time to record a new one. But I hope to have a new video or some more instructions posted soon.

  15. jonasrisen 18 Nov 07

    Hey does anyone know how to fix the problem with the bullet points? My bullet points appear correctly in Livewriter and Wordpress but the theme only indents the first line. Cheers, J

  16. jonasrisen 18 Nov 07

    Oh I forgot to add some praise… this theme is amazing (now called Futurosity) and I am still finding easter eggs like “added these pithy words” etc etc… atypical… really cool…

  17. Upstart Blogger 18 Nov 07

    @jonasrisen: I’m not sure exactly what you mean, but did you change anything in your style.css file?

  18. Andrew 26 Nov 07

    Hey there:

    What appears in the “Sited” section (aside from any image that I put there)?

  19. Upstart Blogger 26 Nov 07

    @Andrew: The “Sited” section is meant to be used for asides, quick posts containing a link to something noteworthy you’ve seen on another site. Just change the category number in home.php to match the category number for your asides.

  20. Andrew 27 Nov 07

    Thanks for the clarification on Sited. One more, how can I get links to show up in the excerpts within the 6 columns on the main page.

    I code it correctly, it shows up on the individual post page, but not on the main page.

  21. Upstart Blogger 27 Nov 07

    @Andrew: Please read the Upstart Blogger WordPress Themes FAQ.

  22. Steven 27 Nov 07

    Robert, another request for the video here.

    I loaded up Futurosity back when it was Altera and am only now getting down to implementing it but am having some real trouble getting things to format properly (mainly noticed on IE6) and getting the categories to appear as they should in the top section.

    Can you please help? Visit http://www.spiritofsaab.com to see how things are going so far, but help is needed to make it all it can be. I have a big Saab-loving audience on my other blog and I think Futorisity is exactly what I want for this new one. It’s a great, great theme if it can be implemented right, but is quite complex for a non-geek.

    Please bring back the helpful videos.

    Cheers. SW

  23. Upstart Blogger 27 Nov 07

    @Steven: Please see this post in the forums, which should tell you what you need to know.

    Your site looks great, BTW!

  24. Stephen 18 Dec 07

    Hi,

    I am so new at this website stuff that I don’t even know what the terms are called to ask the right questions or look up the answers.

    How’s that for a primer?

    Please tell me what the code is to put photos under the Performance, About, Contacts, etc.. page headings. I want to accent that blank space on the left side with concert photos, but beats me where to start. Can you help, or at least point me at the FAQ of your site that will explain it?

    Thanks,

    Stephen

    PS. Your work is fantastic. All other blogs I’ve seen look like the same ole’ same old. thank you.

  25. Derek 28 Dec 07

    Thanks a lot for this elegant, kick-ass theme..

  26. martin 28 Dec 07

    Hi,

    i am using your theme on my page 7daysawake.com . i really like the design. but one thing doesn’t function. i can’t see links. is this an issue you know?

    thanks for your help

    martin

  27. v 29 Dec 07

    Heyhey Robert/Ashely…

    I love this theme… andhave adapted this theme to try and get it as close to how I would like my site to work… a portfolio / cms type thingy….
    but I am still struggling with the single post page…

    http://tinyurl.com/27j4ys

    I don’t want to have the previous and next post link on the left hand side, but everytime I try to get rid of the code for the navigation bar, the post column/text jumps below the left hand column (instead of staying in the centre)….

    Also, I’d like remove the forced large letter and uppercase for the first line of the post… I thought this might be some tinkering i need to do in the css file, but alas still haven’t quite figured it out…

    any help, much appreciated - thank you!

  28. Cyril 12 Jan 08

    BEAUTIFUL themes, i was looking for a mag style theme for a while, this one is perfect and easy to use…
    Still working on it bblogit.com but thanks again !! proudly represent the UpStart crew…

  29. Cyana Trendland 15 Jan 08

    BEAUTIFUL !! I love the theme, i think we can do great with a lil’ work, for myself i use it like a Fashion WebZine - Thanks a lot…

  30. Vinh 15 Jan 08

    Hey,

    Anyone can tells me why Wordpress is displaying all posts twice in my homepage ?

  31. Vinh 17 Jan 08

    I found out about the display problem. Thanks again for this very “journalistic” theme !

  32. Yu Jie 25 Jan 08

    Very nice theme, I love most of your work!

    Simple and great

  33. Jaimecín 27 Jan 08

    Hello, I’m using Futurosity Magazine Theme in my weblog and I love it; but I’ve discovered that the home page does not work properly with Internet Explorer. The first two column are showed in a very ugly way. I’m afraid I made a mistake modifying the code but I don’t know where. Please, can you take a look and me what can I do to fix it up? Thanks a lot.

    http://www.jaimecin.com

  34. Jaimecín 28 Jan 08

    Hi again. It’s all Ok. I’ve changed the code again and now works properly. Thanks.

  35. jez 07 Feb 08

    probably one of the most legendary themes of 2007…

  36. Michael 16 Feb 08

    I’m playing around with the futurosity magazine theme and for some reason on some (not all) of the pages, the actual page layout itself will jump to the right about 5 pixels.

    It’s noticeable on this site: http://susurrous.com/ when you compare the main page to http://susurrous.com/art-city-screen/

  37. Roman 21 Feb 08

    Im also asking for help with you theme! This theme is my inspiration for my ezine project. But it is really difficult for me to manage the templates handly, so could you share you video tutorial one more time? or send me a link to it. Thanks a lot for you work!
    Roman from far far away (Siberia-Tel-Aviv)

  38. artist-at-large 25 Mar 08

    I’m setting up a major portion of my web site with Fururosity and was wondering if you’ve had the chance to test it with the upcoming release of WordPress 2.5? I’ve done so much work on the bit that I have almost finished, when I found out about the new release I thought I better ask before moving forward.

    Thanks!

  39. Upstart Blogger 25 Mar 08

    artist-at-large - I haven’t tested it yet but there is nothing in the theme that should cause any problems. I’ll post an update once I’ve got my hands on a copy of 2.5 and tested all my themes. Great blog by the way.

  40. artist-at-large 25 Mar 08

    Thanks!

  41. Kamil Pitonak 12 Apr 08

    Hi!

    I am setting up the Futurosity theme which is one of the greatest I have ever seen and want to use it for a website. I am working om localhost on my computer so hard to show but what I would like to know, how can I display more - actually 6 cetegories on the home of the theme. Default is 3 categories showing latest posts but I would like tu use the whole space for showing articles from six categories on fron.

    Is it possibe? I think I have not found it here in the discsion and in the FAQ there isn’t Fururosity Theme.

    Thanks in advice!

    Kamil

  42. avi basu 14 Apr 08

    The theme is very nice, but i am having trouble customizing it.Only the posts under the category of uncategorized in coming in the home page, and only 1 column is coming.
    could you tell me which php files to check and what kind of changes.

  43. Victor 19 Apr 08

    Hi, thanks for the template its great ! Im using it for my site http://pangeaday.sg/

    http://www.pangeaday.org/ > the international site :)

  44. Imhar 19 Apr 08

    I try to used this nice themes, but feel little confuse about customizing. However thanks for your template :)

  45. Annette Finnsdottir 21 Apr 08

    I am trying to upgrade futurosity mag theme to the new wordpress 2.5. And it doesn’t seem to work. Please visit my website http://www.taggingart.org. Is there a update of futuorisity mag, which could solve this problem?

  46. Ashley Morgan 21 Apr 08

    I’ve tested a clean install on wordpress 2.5 and the theme works without a hitch.

    Annette - I can see the error message you are getting, it seems to be a widget issue. Try downloading the theme again and using a clean copy to see if that helps.

  47. Vice 21 Apr 08

    http://www.taggingart.org -> i dont see any links or credit for the author of the template :(

  48. Annette Finnsdottir 27 Apr 08

    Sorry. Now there is and thanks for looking into this.

  49. Barbra Austin 28 Apr 08

    This is a great theme, exactly what I was looking for.
    Could you tell me how to display only one post-image for each category on the home page? I would like to have the titles and excerpts of 2 or 3 of the most recent posts in each category, but only 1 image at the top. Thanks!

Post a Comment

Comments are moderated. It may take some time before your comment appears. Please be patient. Comments become the property of Upstart Blogger.

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

Note: Please post support questions in the Forums. Be sure to read the Upstart Blogger WordPress Themes FAQ before posting. Thanks!

Your email is never published nor shared. Required fields are marked *

*
*

Hosting that doesn’t suck. Use code UPSTARTBLOGGER for 3 free months.

Return to Top