Drag-and-drop WordPress Themes, featuring Themify Builder

2,732 views
2,534 views

Published on

My August presentation on Drag-and-Drop WordPress themes, revised and expanded for the Wine Country WordPress meetup, with a focus on the Themify Builder and its front-end editing capabilities

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,732
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
23
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Drag-and-drop WordPress Themes, featuring Themify Builder

  1. 1. Drag & Drop WordPress Themes Sallie Goetsch September 7, 2013
  2. 2. FREE OPTIONS
  3. 3. MiniMax Page Layout Builder http://wordpress.org/plugins/page-layout-builder/
  4. 4. Page Layout Builder Settings
  5. 5. MiniMax Layout Tab: Columns
  6. 6. MiniMax Add Modules
  7. 7. MiniMax Page with Modules
  8. 8. MiniMax Page: Front End
  9. 9. 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.
  10. 10. iFeature (CyberChimps)
  11. 11. iFeature Options
  12. 12. iFeature Header Layout
  13. 13. iFeature Blog Layout
  14. 14. iFeature +Portfolio -Slider
  15. 15. 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
  16. 16. PageLines Lite
  17. 17. PageLines Site Options
  18. 18. PageLines Layout Editor
  19. 19. PageLines Layout Editor 2
  20. 20. PageLines Drag and Drop
  21. 21. Applying a PageLines Template
  22. 22. 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
  23. 23. Snapshot (SiteOrigin)
  24. 24. SiteOrigin Page Builder
  25. 25. SiteOrigin Page Builder Settings
  26. 26. Site Origin Widgets
  27. 27. SiteOrigin Home Page Builder
  28. 28. PageBuilder Tab
  29. 29. 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
  30. 30. PREMIUM OPTIONS
  31. 31. iThemes Builder
  32. 32. Builder Layouts and Views
  33. 33. Add New Builder Layout
  34. 34. New Layout Applied Error message due to lack of posts to feature
  35. 35. Custom Builder Layout Metabox Select a Builder Layout instead of a page template when creating a new page.
  36. 36. Builder Style Manager
  37. 37. 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
  38. 38. Themify Builder
  39. 39. Themify Themes
  40. 40. Themify Default Layouts
  41. 41. Themify Page Builder Settings
  42. 42. Themify Styling
  43. 43. Themify Skins
  44. 44. Themify Widgets
  45. 45. Themify Custom Panel: Page Options
  46. 46. Themify Custom Panel: Post Query
  47. 47. Themify Custom Panel: Builder
  48. 48. Themify Page Modules
  49. 49. Themify Module Options
  50. 50. Themify: Slider, Highlights, Box
  51. 51. Themify: Portfolio, Posts
  52. 52. Themify Footer Note to self: make 1- level menu for footer
  53. 53. Themify Front-end Editing Drag to move Drag to adjust width Click to collapse Hover to edit
  54. 54. Themify Post Meta
  55. 55. Themify Options
  56. 56. Themify Builder: Conclusion • Good number of modules • Most modules are custom post types • Fairly intuitive to use • Front-end editing is cool • Themes are resource-intensive • Can add custom CSS classes • Builder info stored in _postmeta and _options tables

×