Drag and-Drop WordPress Themes
-
Upload
east-bay-wordpress-meetup -
Category
Technology
-
view
1.340 -
download
1
description
Transcript of Drag and-Drop WordPress Themes
![Page 1: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/1.jpg)
August 18, 2013
![Page 2: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/2.jpg)
EastBayWP.com
![Page 3: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/3.jpg)
Our Meetup.com Page
http://www.meetup.com/Eastbay-WordPress-Meetup/
![Page 5: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/5.jpg)
Drag & Drop WordPress Themes
Sallie Goetsch
![Page 6: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/6.jpg)
FREE OPTIONS
![Page 7: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/7.jpg)
MiniMax Page Layout Builder
http://wordpress.org/plugins/page-layout-builder/
![Page 8: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/8.jpg)
Page Layout Builder Settings
![Page 9: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/9.jpg)
MiniMax Layout Tab: Columns
![Page 10: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/10.jpg)
MiniMax Add Modules
![Page 11: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/11.jpg)
MiniMax Page with Modules
![Page 12: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/12.jpg)
MiniMax Page: Front End
![Page 13: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/14.jpg)
iFeature (CyberChimps)
![Page 15: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/15.jpg)
iFeature Options
![Page 16: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/16.jpg)
iFeature Header Layout
![Page 17: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/17.jpg)
iFeature Blog Layout
![Page 18: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/18.jpg)
iFeature +Portfolio -Slider
![Page 19: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/20.jpg)
PageLines Lite
![Page 21: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/21.jpg)
PageLines Site Options
![Page 22: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/22.jpg)
PageLines Layout Editor
![Page 23: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/23.jpg)
PageLines Layout Editor 2
![Page 24: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/24.jpg)
PageLines Drag and Drop
![Page 25: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/25.jpg)
Applying a PageLines Template
![Page 26: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/27.jpg)
Snapshot (SiteOrigin)
![Page 28: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/28.jpg)
SiteOrigin Page Builder
![Page 29: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/29.jpg)
SiteOrigin Page Builder Settings
![Page 30: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/30.jpg)
Site Origin Widgets
![Page 31: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/31.jpg)
SiteOrigin Home Page Builder
![Page 32: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/32.jpg)
PageBuilder Tab
![Page 33: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/33.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/34.jpg)
PREMIUM OPTIONS
![Page 35: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/35.jpg)
iThemes Builder
![Page 36: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/36.jpg)
Builder Layouts and Views
![Page 37: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/37.jpg)
Add New Builder Layout
![Page 38: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/38.jpg)
New Layout Applied
Error message due to lack of posts to feature
![Page 39: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/39.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/40.jpg)
Builder Style Manager
![Page 41: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/41.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/42.jpg)
Themify Builder
![Page 43: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/43.jpg)
Themify Default Layouts
![Page 44: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/44.jpg)
Themify Page Builder Settings
![Page 45: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/45.jpg)
Themify Custom Panel: Page Options
![Page 46: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/46.jpg)
Themify Custom Panel: Post Query
![Page 47: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/47.jpg)
Themify Custom Panel: Builder
![Page 48: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/48.jpg)
Themify Page with Modules
![Page 49: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/49.jpg)
Themify Front-end Editing
![Page 50: Drag and-Drop WordPress Themes](https://reader034.fdocuments.in/reader034/viewer/2022052410/5554eb73b4c90566278b4c56/html5/thumbnails/50.jpg)
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