Drag and-Drop WordPress Themes

50
August 18, 2013

description

Sallie Goetsch provides a whirlwind tour of some of the available free and premium drag-and-drop (or, in some cases, click-and-add) WordPress themes, frameworks, and plugins, for the August 2013 East Bay WordPress Meetup. Of the themes she actually analyzed, iThemes Builder is the only one that uses child themes (though it is not really drag and drop) and Themify Builder has the most intriguing interface, with front-end editing, though it is extremely heavy on the JavaScript and engages in some questionable practices, like adjusting your PHP memory without telling you it's going to do this. The themes from Site Origin and CyberChimps offer limited drag-and-drop layout options that are easy for beginners to use, though they are designed to work within the existing styles of those themes. In most cases, developers with any knowledge of PHP, HTML, and CSS will want to avoid these themes. Beginners with little knowledge of code may find the learning curve for some of these themes (e.g. PageLines DMS) too overwhelming. In all cases, the use of one of these themes may make it extremely difficult to change themes in the future, because they store content in special database tables. And no ability to drag elements around a grid or select fonts or colors from a drop-down will teach you design skills, so if you don't know the principles of good design, your site could end up looking like a flyer from the early 1990s, when desktop publishing software first became popular.

Transcript of Drag and-Drop WordPress Themes

Page 1: Drag and-Drop WordPress Themes

August 18, 2013

Page 2: Drag and-Drop WordPress Themes

EastBayWP.com

Page 4: Drag and-Drop WordPress Themes

Ongoing Sponsor: Page.ly

http://page.ly/

Page 5: Drag and-Drop WordPress Themes

Drag & Drop WordPress Themes

Sallie Goetsch

Page 6: Drag and-Drop WordPress Themes

FREE OPTIONS

Page 8: Drag and-Drop WordPress Themes

Page Layout Builder Settings

Page 9: Drag and-Drop WordPress Themes

MiniMax Layout Tab: Columns

Page 10: Drag and-Drop WordPress Themes

MiniMax Add Modules

Page 11: Drag and-Drop WordPress Themes

MiniMax Page with Modules

Page 12: Drag and-Drop WordPress Themes

MiniMax Page: Front End

Page 13: Drag and-Drop WordPress Themes

MiniMax Layout Builder: Conclusion

• Reasonably intuitive

• Limited selection of modules in free version

• Some conflicts with normal WordPress functions, e.g. media library

• Could still be useful, but I wasn’t that impressed.

Page 14: Drag and-Drop WordPress Themes

iFeature (CyberChimps)

Page 15: Drag and-Drop WordPress Themes

iFeature Options

Page 16: Drag and-Drop WordPress Themes

iFeature Header Layout

Page 17: Drag and-Drop WordPress Themes

iFeature Blog Layout

Page 18: Drag and-Drop WordPress Themes

iFeature +Portfolio -Slider

Page 19: Drag and-Drop WordPress Themes

iFeature: Conclusion

• Partly drag-and-drop

• Easy to use

• Can create a home page without posts

• Minimal control over styling

• Limited layout options

• Suitable for beginners

Page 20: Drag and-Drop WordPress Themes

PageLines Lite

Page 21: Drag and-Drop WordPress Themes

PageLines Site Options

Page 22: Drag and-Drop WordPress Themes

PageLines Layout Editor

Page 23: Drag and-Drop WordPress Themes

PageLines Layout Editor 2

Page 24: Drag and-Drop WordPress Themes

PageLines Drag and Drop

Page 25: Drag and-Drop WordPress Themes

Applying a PageLines Template

Page 26: Drag and-Drop WordPress Themes

PageLines: Conclusion

• Fairly flexible even in free version

• Not immediately intuitive—lots of different settings pages

• Combination of drag-and-drop and other selectors

• Modify templates on a per-page basis

• Can be used by beginners, but there’s a learning curve

Page 27: Drag and-Drop WordPress Themes

Snapshot (SiteOrigin)

Page 28: Drag and-Drop WordPress Themes

SiteOrigin Page Builder

Page 29: Drag and-Drop WordPress Themes

SiteOrigin Page Builder Settings

Page 30: Drag and-Drop WordPress Themes

Site Origin Widgets

Page 31: Drag and-Drop WordPress Themes

SiteOrigin Home Page Builder

Page 32: Drag and-Drop WordPress Themes

PageBuilder Tab

Page 33: Drag and-Drop WordPress Themes

SiteOrigin: Conclusion

• Widget-based

• More click-and-add than drag-and-drop

• Allows page-based and post-based layouts

• Assumes you already have site content (post categories, etc.)

• Designed to work within the styling of the SiteOrigin themes

Page 34: Drag and-Drop WordPress Themes

PREMIUM OPTIONS

Page 35: Drag and-Drop WordPress Themes

iThemes Builder

Page 36: Drag and-Drop WordPress Themes

Builder Layouts and Views

Page 37: Drag and-Drop WordPress Themes

Add New Builder Layout

Page 38: Drag and-Drop WordPress Themes

New Layout Applied

Error message due to lack of posts to feature

Page 39: Drag and-Drop WordPress Themes

Custom Builder Layout Metabox

Select a Builder Layout instead of a page template when creating a new page.

Page 40: Drag and-Drop WordPress Themes

Builder Style Manager

Page 41: Drag and-Drop WordPress Themes

iThemes Builder: Conclusion

• Not really drag-and-drop

• Very well-documented

• Page-by-page layout options

• Modules for restaurants, churches, events, audio

• Style manager plugin

• Many child themes available

Page 42: Drag and-Drop WordPress Themes

Themify Builder

Page 43: Drag and-Drop WordPress Themes

Themify Default Layouts

Page 44: Drag and-Drop WordPress Themes

Themify Page Builder Settings

Page 45: Drag and-Drop WordPress Themes

Themify Custom Panel: Page Options

Page 46: Drag and-Drop WordPress Themes

Themify Custom Panel: Post Query

Page 47: Drag and-Drop WordPress Themes

Themify Custom Panel: Builder

Page 48: Drag and-Drop WordPress Themes

Themify Page with Modules

Page 49: Drag and-Drop WordPress Themes

Themify Front-end Editing

Page 50: Drag and-Drop WordPress Themes

Themify Builder: Conclusion

• Good number of modules

• Fairly intuitive to use

• Front-end editing is cool

• Themes are resource-intensive

• Can add custom CSS classes for custom styling

• Test it with free “Basic” theme