Complexity is finally out
  • The Complexity WordPress theme is finally out with a massive HTML theme update to go along with it.

    I’m really excited about the release of Complexity. I’ve been working on it since WordPress released the their version 3 beta a few months ago, and I’ve specifically designed it to work with WordPress 3. Moving forward from my previous WordPress theme, Barely Corporate, I had some new goals in mind. With Barely Corporate I was new to WordPress theming and I tried to add in a lot of really custom features, but with Complexity I really wanted to add as much functionality while still keeping everything as WordPress intended. I tried to limit the amount of unnecessary custom meta boxes and options wherever possible. This was especially easy with the all of the possibilities of WordPress 3. This all factors in to the primary goal, which is for the buyer to install the template and have their website up and running as quickly as possible.

    Complexity Premium WordPress Theme – 12 in 1

    Complexity Premium HTML Theme – 12 in 1

    I’m going to briefly talk about some of the cool features I’m excited about. You can read even more about the different features on the theme’s live demo.

    Navigation Menus

    Custom navigation menus were a huge leap forward for WordPress with the release of version 3.0. Of course this theme takes advantage of WordPress’s all new menu builder to give you the most dynamic CMS experience. No more are you restricted having pages on your main menu. Now you can mix and match whatever items you want.

    Custom Post Types

    This theme takes advantage of custom post types to give you the simplest way of managing your portfolios and slideshows.

    Post Thumbnails

    This theme supports the “Add Featured Image” feature. This was actually introduced in WordPress 2.9, but it’s still worth mentioning. It used to be a pain in the ass to incorporate post thumbnails into a WordPress theme. A lot of authors still use custom meta boxes that create unnecessary custom fields. That’s all a thing of the past.

    2 Homepages

    I originally tried to design a homepage that was a little different than your average layout with the Complexity HTML theme, but I didn’t get a lot of sales. So, with the WordPress theme, I decided to go back to the ol’ slider with three boxes underneath. However, I did keep the option for both homepages to be used.

    Timthumb Image Cropping On/Off

    This was actually a surprisingly significant update.

    Timthumb is a popular image cropping plugin by Darren Hoyt that has been built into this theme. It’s utilized within the homepage slideshow and the Portfolio. This means that you can put any size image in and it will cropped and scaled by your server to fit into your website.

    However, as most people that have used TimThumb know, there are rare occasions that some of smaller web hosting companies do not have compatible servers or have security issues that block methods that TimThumb uses.
    Also, while many people like the ease of uploading an image and having it re-sized for them, many people that have the capability to edit their images prefer to have more control over what shows up on their website. They like to get their image cropped and looking perfect before uploading.

    That’s why a convenient on/off feature has been added into the theme’s Theme Options page.


    July 5th, 2010 | Jason | 27 Comments |

About The Author

Jason Bobich

I'm a web developer in Anchorage, Alaska doing my best to become an expert of all things Internet. I also sell themes at Theme Forest under the screenname themeblvd. I also run a website that sells SocialEngine 4 themes.

27 Responses and Counting...

  • art_xuan 07.05.2010

    Very good

  • Hey Jason – awesome theme!

    So how do I go about buying a developer’s license for this theme?
    Thanks!
    Steve

  • Hello Steve,

    Simply select Extended License on the drop down menu of the top right corner of Theme Forest product page:

    http://themeforest.net/item/complexity-premium-wordpress-theme-12-in-1/111713

    See this screenshot:

    http://uploadpad.com/files/Screen_shot_2010-07-31_at_2.26.25_PM.png

  • Hello Jason,
    I love your theme and just started to build my site and make some minor changes.

    Is there a possibility to add tags to portfolio items? If so, how can I manage this?

    Why had you removed the category from the author-box? I saw the category name in one of your examples but did not found it in the actual version of the theme. So I added it by my own and hope I did it correctly.

    Sorry for my bad english.
    Thomas

  • Is there a possibility to add tags to portfolio items? If so, how can I manage this?

    This is going to be difficult. I wouldn’t advise doing this unless you know what you’re doing. Currently portfolios are created with a custom post type “portfolio-items’ which has a custom taxonomy called “portfolioshows”. The portfolioshows taxnomy is setup to work similarly to a “category” to a standard wordpress post. However, you could create a new taxonomy that functions how tags do. You’d have to do some research on how to add custom taxonomies to custom post types. You can find all the code for this here:

    /framework/custom_post_types/portfolio.php

    Why had you removed the category from the author-box?

    The reason I removed it is because it looked nice if you have one category, but if you designated more than one category, it was too much content to shove into that small area and I felt it didn’t look very good when it broke it down to the next line.

  • I’m really diggin’ this one Jason. Thanks for the nice work.

  • Thank you for the informations. So I will see what I can do and if I will add tags or not.

    Thomas

  • Good stuff, my friend!

  • Awesome! I just bought it and it does everything i need it to do!

  • Hi Jason –

    I’m trying to help a friend get his site up using Complexity. He is new to WordPress and is having trouble figuring out how to implement the Portfolio feature. I’m kind of stumbling myself, but my question is this – if you have created several portfolios and trashed them, how can you get them to disappear from the Parent pulldown on the Portfolios panel. There are now several duplicate and triplicate portfolio names that we can’t reuse. Is there a way to COMPLETELY get rid of a portfolio?

  • I did an update to theme this last week where I included more documentation for setting up the portfolios. So you should re-download the theme from TF and read the portfolios section of the documentation again.

    Also, I’m not sure what you mean about completely removing a portfolio. I just went in and tested on my demo. If I create a portfolio, it appears on the Parent dropdown. Then, I trash it and goes away completely from the parent dropdown. So, I’m not sure why you’re running into this.

    Now what might be an issue… There were some major updates to the portfolio section in the first couple weeks the theme was out. I’d make sure you’re using the latest version. And if you need any more support please email me through my TF profile page under the account you purchased the theme trough. Thanks :-)

    sidenote: my gravatar is weird, I know, but yours is borderline scary lol

  • hello Jason cool theme. i having a little problem with the home widget area. i don’t want any borders on the images but i keep getting this gray border around any image upload. where can i remove this in the css. thanks in advance

  • #content img, #full-width-content img, #portfolio img { border: none; }

  • hello , Jason ,
    i just bought your theme , complicity from themeforest , its amazing thank you ,

    may i ask where can i find the fonts for the logo , i dont have it in my system , and it fit the design very well .
    thanks again

  • hi Jason love the theme. can the portfolio items (thumbs) be size differently. how would i do that i the css code

  • hi jason how do i change the color of the borders around the images. i want tp change it from that grayish/white one thats there.

  • @shawn

    Well if you’re wanting it to be taller, just use an image that’s taller and make sure you don’t have image cropping turned on in the theme options page. If you want to change the width you’ll have to make a bunch of CSS edits…

    You should also see this post I just wrote:

    http://jasonbobich.com/web-design/how-to-make-your-own-css-customizations-easily-with-firebug/

  • Hey Jason. Very nice theme. I purchased it, made design changes of course, and put it up as one of two designs for a client to choose. They chose the other design, but really like your news scroller. And I do to. I have been trying to integrate the scroller into the theme they chose, based on the genesis framework. And I am getting php errors. Do you have this scroller available as a plugin? I’ve looked at a few, and none are as nice as yours is, and I’d be willing to pay for it. I am not a programmer, just a designer, who can make most things work with just staring at the code for a bit.

    Thanks

  • Hi Jason, loving Complexity. I am however having page title issues where the only page which shows the Actual Site Title and Tag line is the home page, all the others are simply entitled ‘About’ or ‘Services’ after the page name, without the Site title preceding them. Can you advise the best way to get the Site Title on all pages within the site?

    Cheers

  • I have your complexity theme and it’s working great! Just wondering if there is a way to have the homepage slideshow loop once and then stop?

  • Jason – Using complexity and love it! One thing I want to ask – I want to make a frontpage that is exactly like your front page but with NO NAVIGATION – until we hit the rest of the pages.

    Not sure which file to alter… where the navigation is called. Sound like I could do a conditional PHP statement to include it only on a certain page.
    Not afraid to play with the php – have already tweaked the template..

    Thanks for any help!

    Eddie

  • @Donna

    I do not have the news scroller available as a stand-alone plugin. All it’s doing is using the Cycle jQuery plugin.

    So, in order to get it to work on your theme, you need to a few things:

    1) The PHP: Include the widget PHP file in your functions.php file. I think in my theme it’s something like framework/widgets/news_scroller_Widget.php. Literally, for the php side of things, you just need to include the file. So, in your functions.php file of your current theme you’d do something like this:

    include( TEMPLATEPATH . ‘path-to-file/news_scroller_Widget.php’);

    2) The javascript: This is pretty much why I wouldn’t release it as a stand along plugin… Because I really didn’t do much of the javascript to make it work. Because I’m using the jQuery Cycle plugin for the theme’s main slideshow, I figured, what the heck, why not have a little news scroller widget, too.

    So you need to include the cycle.js from my theme in the header.php file of your theme. Also, you’d need to go into my theme’s custom.js file and grab the piece of code titled “//News Scoller” and have that somewhere in your theme. And obviously, your theme must have jQuery attached.

    3) The CSS: You’ll probably need to write your own CSS because the CSS I wrote is specifically to fit the new scroller into the different widget areas of my theme. But you can find all associated CSS in style.css and style#.css. Just search the files for instances of the word “scroller”

  • @Paul

    It’s pretty easy to do what you’re asking. Just open up header.php and find the HTML title tags. You will see the different WordPress conditional tags formatting the title differently for different kinds of WordPress pages. For example, is_page() means this is what’s going to happen if it’s a standard WordPress page.

    So, where you see < ?php the_title(); ?>, this is the title of the page (i.e. About or Services). To add in the your website’s title before it, you could change it something like:

    < ?php bloginfo'name'); ?> – < ?php the_title(); ?>

    @Marie

    I’m sorry, Marie, I don’t know of a way to do this. The slideshow is simply using the Cycle jQuery plguin. Maybe seeking out in forums about this plugin might help find an answer to that one. You can find the basic javascript calling of the cycle() function in index.php right before all the slides get outputted by a WordPress loop.

    http://jquery.malsup.com/cycle/

    @eddie

    You can find the navigation menu in header.php. Basically, just find the whole div called “slideshow-wrapper” and wrap it in a WordPress conditional statement.

    Something like…

    < ?php if( !is_home() ) : ?>
    < div id="slideshow-wrapper" >

    … nav menu code ….

    < /div >
    < ?php endif; ?>

    The above is just saying “if NOT homepage” show the div.

    http://codex.wordpress.org/Conditional_Tags

  • Jason thank you!

    Worked like a charm!

  • sup jason like the theme i just install a lightbox plug in from the plug-ins section in the wordpress but now its conflicting with the one that was there before. how do i deactivate the one that came with the theme. thanks in advance

Leave a Reply

* Name, Email, and Comment are Required