Download - Drag and-Drop WordPress Themes

Transcript
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