back to Themify.me

Blog

Top 10 WordPress Sites Powered by Themify Flow

We’re very excited to share to all of you some amazing sites built using the Themify Flow framework. These sites are beautifully built showcasing Flows flexibility, and capability to design any kind of site you can possibly imagine. With that said, we’ve hand-picked our top 10 favourite WordPress sites powered by Themify Flow.

wapp-media

1. Wapp Media

flow-design-magazine

2. FLOW Design Magazine

brandpage

3. Brandpage Ltd.

colinton-website-design

4. Colinton Website Design

lifestyle-dynamics

5. Lifestyle Dynamics

FPU

6. FPU

st.martins-land-company

7. St. Martin Land Company

swedex

8. Swedex

firefly-creative-writing

9. Firefly Creative Writing

probana-business-school

10. Probana Business School

What do you think of our list? We’d love to hear what you think and if you have any recommended sites we’d love to feature it next time.
flow-content-builder

New Feature: Content Builder

We’re excited to announce a new feature in Themfiy Flow version 1.1.1 — Content Builder. With the new Content Builder, you can now design content layouts with the same drag & drop Builder tool built into Flow. Simply click on the Content Builder option, and drag & drop an icon, text, video, divider, or image module on any row on your site. You can even style the available content modules with the Flow Styling panel. Once you’re finished designing your layout, you can also import or export it from one post/page to another. The new Content Builder is perfect to help you design different kinds of layouts on your site! Update to version 1.1.1 now, and start using the Content Builder.

Flow Framework Updates

We may seem quiet on our blog recently, but we are actually working hard behind the scenes to further improve the Flow framework. There have been many improvements and new features added in the recent updates. These new features allow you to design more advanced and flexible templates, such as displaying post/page elements anywhere in the header, content, sidebar, or footer. So for this blogpost, we’ve decided to outline a list of all the changes and highlights with the latest updates.

Changes & Highlights

  • Added Category Image and Page Featured Image in Templates.
  • All module types are now available in Template Parts. This is particularly useful because it allows you to drop in any module in Template Parts (eg. you can have the Post Title in header, Post Meta in sidebar, or Featured Image in footer if you want).
  • As requested by a few users, a new "List Posts" module is introduced. It allows you to display posts from any category within Templates and Template Parts.
  • Another new module is "Template Parts". It is too display Template Parts anywhere within Templates and Template Parts. The purpose is to showcase the same piece of layout or content in multiple areas without having to add/edit it multiple times.
  • Modules are now rendered based on the page view (ie. page type modules will only render in pages). Lets say you drop in a Page Title module in the header, it will only display the page title when viewing a page.
design-tips-blog-image

Tutorial: Design Tips

We hope you are enjoying Themify Flow so far. We’re very happy to see that the Flow community is growing, and that we’re receiving plenty of useful feedbacks. This helps us make the Flow framework work better, and more useful for you. To help you understand and see the full potential of Flow, we’ve put together a detailed tutorial, along with a demo of what you can do with Flow. It provides various design examples from simple header styling, to advanced Custom CSS coding. We’ve also written a detailed tutorial that’ll guide you, on how you can recreate the demo pages. It highlights various page, archive, and single layouts, as well as, how to use the Flow Template Options. We made this tutorial to hopefully inspire, and help you use the Flow framework. Check out our demo design pages, and read our tutorial by clicking on the links below.

View Demo Read Tutorial

 

flow-template-options

New Feature: Template Options

We’re pleased to announce a new simple, yet useful feature called "Flow Template Options". Instead of creating multiple templates to assign a different header, sidebar, and footer, now you can use the template options to select the template options per post/page. The Flow Template Options meta box allows you to select which template to use, and then choose the template part (header, sidebar, and footer) that you would like to use it with. Check out this demo to see it in action (click around to see different page template options).

flow-with-ptb

Flow + Post Type Builder

In our previous post, we talked about how using Flow and the Themify Builder as the perfect combo to design both your theme and content layouts. Now for this post, we’re going to talk about how we can use Flow with the Post Type Builder plugin to create a complete custom WordPress site that is tailored to your needs. As you may already know, most clients need more than just the default post types that come with WordPress (i.e. Post and Page). That’s why we built the Post Type Builder, an "all-in-one" plugin to create any custom post type with custom meta box, taxonomy, and post type template. The Post Type Builder has the ability to create any post type that you can imagine. From a simple post type, such as portfolio, to a complex post type like property listing.

The Post Type Builder plugin is powerful enough to create templates for the custom post types, but it can’t customize the theme templates such as header, sidebar, and footer. This is where Flow steps in. Flow not only allows you to design the header, sidebar, and footer, but also templates for custom post types. To demonstrate this, we’ve created a demo site showing different templates for each custom post type.

  • Movie Post = Right sidebar with 6 latest movie posts, static text box at the top, comments at the bottom.
  • Restaurant Post = Fullwidth no-sidebar with text box at the top and latest items at the bottom.
  • Property Post = Left sidebar with one featured property post, boxed post content with next/prev post link below and a static text box.

See Demos

20% OFF – Post Type Builder Plugin

Head on over to the Themify site now! For a limited time we’re giving a 20% discount on all Post Type Builder plugin purchases. Just use the coupon code: FLOW-PTB.

flow-builder-plugin

Flow + Themify Builder = Perfect Combo

Just like mustard goes with hotdogs, Monday mornings with coffee, and beer with chicken wings. Introducing the perfect combo to creating your WordPress site – Flow + Themify Builder plugin.

We are happy to say that Flow works perfectly with the Themify Builder plugin. Just in case you’re not familiar with the Themify Builder: it’s a plugin to make responsive content layouts with drag & drop interface. The Themify Builder interface works very similar to Flow. However, it is limited to build post/page content layouts only (ie. you can’t use it to build header, sidebar, footer). Flow is the perfect companion to fill this limitation. Now you can use Flow to design the theme (header, sidebar, footer, and templates for posts, pages, categories, etc.), and the Builder plugin to design the content layouts.

See Demos

Introducing Themify Flow

At Themify, we build user friendly themes and tools to help people to make beautiful WordPress sites. Today, we are proud to introduce Themify Flow, a free framework that allows users to build and customize WordPress themes without any coding.

Why Themify Flow?

Making WordPress themes has always been a complicated task. Not only you need to have PHP and CSS skills, but a good understanding of the WordPress API and theme system. This means that designers without coding skills will not able to build a feature-rich theme. Flow is intended to fill this gap. It provides easy-to-use interface that allows anyone to build and customize a complete theme on the frontend, as well as in backend admin. No PHP, CSS, or FTP to upload files.

What can Flow do?

Flow is not a page builder, but a complete theme builder that allows you to create templates, headers, sidebars, footers for specific page views. It works with any WordPress.org site with any existing content (posts, pages, and even custom post types).

Who is Flow for?

  • Designers can use Flow to design themes without any coding. Flow themes can be exported and imported with the simple import tool.
  • Developers can build child themes and addons to extend the functionality of Flow.
  • Theme and plugin authors can build & themes, add-ons, or any other kinds of projects to use with Flow because it is an open source project.
  • DIY users can take full control of theme customization, anything from template layouts to styling (technically: everything from header to footer).

Some Technical Facts

  • Flow is 100% responsive, with an option to display fixed width design.
  • Flow is built with a modular coding system, and resource files are loaded only when necessary. The template queries and generated CSS are cached for fast performance.
  • Coded with HTML5 and schema.org markup, Flow is SEO friendly. You can even pick what HTML tag to output for site logo, title, etc.
  • Themes created with Flow are 100% mobile-friendly, passing Google’s mobile-friendly test. This can help your site to rank better on Google mobile search (you can read the related article here).
  • Flow is powerful, but lightweight in file size. The current framework/theme zip (themifyflow.zip) is less than 1.1mb.
  • Flow utilizes the WordPress API and custom post types to ensure compatibility between WordPress and other plugins.
  • Flow theme system (templates, template parts, template assignment, and modules) is inspired by WordPress. The drag & drop interface was adopted from Themify Builder.

Future Plans?

We will be releasing themes and addons that are specially built to work with Flow. Meanwhile, we hope you enjoy this initial release. If you spot any bug or have any suggestions, please kindly let us know. To designers and developers, we welcome you to share and contribute to Flow. Contact us if you have any questions!

Thank you!

— Themify Team