UMO Folio is a single-page responsive portfolio theme for Tumblr, created with illustrators and designers specially in mind, although it can be useful for photographers and any kind of graphic artists as well.
The theme includes seven different sections: About, Services, Portfolio, Team, Testimonials, Clients, and Contact. On the Portfolio grid, you can define the number of columns, and the shape and proportion of the thumbnails.
On the site footer you can display your social media links, your latest tweets, and photostreams from Dribbble, Flickr, and Instagram.
UMO Folio is not your typical Tumblr theme and you should be aware of some of its particularities:
UMO Folio portfolio section supports only Photo, Audio and Video posts. Quote posts will be shown as testimonials. UMO Folio doesn’t support Text, Link, Chat and Answer posts, but does support static user-created Pages, such as this one: http://goo.gl/x2Sygw
UMO Folio portfolio section will display all of your projects at once, no pagination links will be shown. The theme will show the first page of posts and load the rest in subsequent Ajax calls. This is so the portfolio filter works as transparently as possible, and no posts are accidentally hidden from view. This means that UMO Folio is probably best suited for a portfolio comprising perhaps no more than 15-25 items, unless you’re totally cool with a really tall portfolio section!
Links pointing to user created pages will be displayed on a dropdown menu, if enabled, and they will open on a new tab.
On desktops, UMO Folio is mostly a single-page affair, barring static pages. On mobile (tablets and phones), project details will be opened on a new tab/page by default, because we think this makes for a better user experience. However, you have the option to turn the Ajax expander on for mobile as well.
UMO Folio lets you add a link on the main menu pointing to a second Tumblr blog that can function as your blog or journal. The theme layout doesn’t lend itself too well to blogging, so you should use a secondary blog as your journal.
UMO Folio doesn’t make extensive use of post tags. Tags are used to filter projects on the portfolio section but they are not shown on the posts themselves. Keep this in mind if tagging posts is really important to you.
If you want to learn more about the theme, you can check the online documentation.
UMO Folio includes the following sections, which can be switched on and off:
- Homepage: greet your visitors with a custom logo—or avatar—and message. Full page background image cycler with up to five images.
- About: introduce yourself or your company and let visitors know what you do best. “Skills” widget can be turned on and off.
- Services: be boisterous about your skill-set and expertize! Display up to six services boxes with their own image or icon, title, description and external link. An optional “swiper” lets you group your services into an horizontally scrollable widget.
- Portfolio: filterable portfolio grid chock-full of options! Filter your projects using smooth transitions and show their details in-page with the Ajax-powered project expander. Choose between landscape, portrait and square thumbnails, with rounded, circle or square shapes, flat or with shadows.
- Team: Display up to six team members, with custom avatars, name, job position, short bio, and the social links of your choice. An optional “swiper” lets you group your team members into an horizontally scrollable widget.
- Testimonials: populate your testimonials section by simply creating “Quote” posts on your dashboard. Testimonials will be swipeable both on desktop and mobile thanks to the awesome Swiper jQuery plugin.
- Clients: a simple widget that lets you display up to six client logos.
- Contact: show your contact information and let people message you effortlessly via Tumblr’s own “Ask me anything” box.
- Footer: display icons for all of your social profiles, an integrated Twitter feed, and Dribbble, Instagram and Flickr photostreams.
UMO Folio comes with tons of options to let you customize colors, background images and typography.
UMO Folio supports notes and Disqus comments on project details, either when viewed on the Ajax expander or a separate permalink page.
UMO Folio supports most modern browsers, including Internet Explorer 9.
v1.0.4 March 5, 2014
- New: Navigation menu for custom pages.
- New: Make opening custom pages on new tab/window optional.
- Fixed: Navigation drop-down issues in Safari.
- Fixed: Restored some broken CSS gradients.
- Fixed: Sharing box short URL.
v1.0.3 March 1, 2014
- New: Custom section reordering.
- New: option to vertically center videos.
- New: fitVids.js support for Tumblr’s native video player.
- Fix: Ajax extender close button was unclickable on Safari.
- Fix: Restored Ajax expander media/description separator.
v1.0.2 January 18, 2014
- Allow multiple words for Skills widget labels, they must be entered separated by underscores.
- Better homepage slideshow responsiveness: now the slider starts once the first image has been loaded.
- Fixed: issue with embedded Vimeo videos in fullscreen mode on webkit browsers.
- Added: option to disable Isotope CSS transforms (workaround for fullscreen videos on Safari.)
- Added: option to disable background gradients and tints, for smoother page scrolling.
v1.0.1 January 11, 2014
- Added: option to load portfolio items on demand, using a “load more” button.
- Fixed: make portfolio filter responsive as soon as the first set of posts is available.
- Fixed: navigation links now show user defined colors correctly on “hover” and “active” states.
- Minor CSS fixes.
v1.0.0 December 4, 2013
- Initial release
The wonderful illustrations shown on the demos are the work of YemaYema.
The images used for the sections backgrounds are from Unsplash.
The logos shown on the Clients section are from the Logo / Badge / Insignia Templates Bundle.
The Skills Widget is built upon Animated 3d Bar Chart With CSS3 by Codrops.
UMO Folio integrates or borrows from the following jQuery plugins:
Smart Resize — https://github.com/louisremi/jquery-smartresize
Hammer JS — http://eightmedia.github.com/hammer.js
FlowType.JS — http://simplefocus.com/flowtype/
Responsive Elements — http://kumailht.com/responsive-elements
ImagesLoaded — https://github.com/desandro/imagesloaded
scrollTo — https://github.com/flesler/jquery.scrollTo
Isotope — http://isotope.metafizzy.co
Perfect Scrollbar — http://noraesae.github.com/perfect-scrollbar
jQuery Waypoints — https://github.com/imakewebthings/jquery-waypoints
Tooltip — https://github.com/andrewplummer/tooltip
Swiper — http://www.idangero.us/sliders/swiper