drag-and-drop wordpress themes, part 2: make, ultimatum, and headway
DESCRIPTION
Sallie Goetsch provides an overview of the pros, cons, and particularly ease of use of three WordPress themes/frameworks designed to let you create a site "without knowing code"--which is definitely not the same as "without knowing anything." Make from Theme Foundry is simplest (and free); Headway is the most drag-and-drop, since you draw elements on a grid. Ultimatum has the biggest learning curve, though it seems as though you could create nearly anything with it once you were familiar with the way it worked. Pieter Hartsook's demonstration of Divi from Elegant Themes (not included with these slides) eclipsed all of them due to the number of pre-defined templates and low price of that theme. From the June 20th, 2014 East Bay WordPress MeetupTRANSCRIPT
![Page 1: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/1.jpg)
July 20, 2014
![Page 2: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/2.jpg)
EastBayWP.com
![Page 3: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/3.jpg)
Our Meetup.com Page
http://www.meetup.com/Eastbay-WordPress-Meetup/
![Page 5: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/5.jpg)
INTRODUCTIONS
1. Name
2. Company (if appropriate)
3. WordPress background
4. What you’re hoping to learn
![Page 6: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/6.jpg)
GENERAL Q & A
Ask a question provide a tip about WordPress
![Page 7: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/7.jpg)
Drag-and-Drop Themes Take Two
What can you do “without knowing code”?
![Page 8: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/8.jpg)
MAKE: FREE & SIMPLE
https://thethemefoundry.com/wordpress-themes/make/
![Page 9: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/9.jpg)
Builder Page Template
![Page 10: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/10.jpg)
Make “Blank” Section
Similar to standard post/page content area.
![Page 11: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/11.jpg)
Make “Text” Section
Select the number of columns you want. Plus version allows widgets here.
![Page 12: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/12.jpg)
Make “Banner” Section
Options for autoplay, transition speed, navigation arrows, transition effects.
![Page 13: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/13.jpg)
Make “Gallery” Section
Includes background image option.
![Page 14: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/14.jpg)
Make: Conclusions
• Easy to build a site with
• Versatile even in the free version
• Make Plus ($99) includes e-commerce, Typekit, on-page widgets, post listings, page duplication, style kits, etc.
• Meant for building websites, not themes
![Page 16: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/16.jpg)
You Need This Document
![Page 17: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/17.jpg)
Ultimatum General Settings
![Page 18: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/18.jpg)
Ultimatum Sidebar Settings
This is where you create your sidebars/widget areas. Just type in the names; you will decide on the locations later.
![Page 19: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/19.jpg)
Ultimatum Extras Settings
![Page 20: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/20.jpg)
Ultimatum Title Tag Settings
![Page 21: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/21.jpg)
Ultimatum API Settings
![Page 22: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/22.jpg)
Ultimatum Toolset
![Page 23: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/23.jpg)
Ultimatum Plugins
![Page 24: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/24.jpg)
Ultimatum: Creating a Layout
![Page 25: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/25.jpg)
Ultimatum: Add Row to Layout
![Page 26: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/26.jpg)
Ultimatum: Parts of a Layout
Add rows and drag elements into position in the rows.
![Page 27: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/27.jpg)
Ultimatum: Default Loop Row
![Page 28: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/28.jpg)
Ultimatum: Default Layouts
Create header and footer as partial layouts, then insert into rows in full layout.
![Page 29: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/29.jpg)
Default Layout: Front View
Look, Ma! No styling!
![Page 30: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/30.jpg)
Ultimatum CSS Editor
Why is it that I find going through a billion selectors slower than writing CSS in an IDE? Oh, yeah: because it is.
![Page 31: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/31.jpg)
Ultimatum: Conclusion • Starter $65; Pro $125 (Pro lets you export
templates)
• Staggeringly complex. Would drive a newbie to insanity quickly. MUST READ DOCS.
• If you can hack the learning curve, you could eventually build any design.
• Includes custom post types, sliders, etc. You would never be able to change themes, but could handle any content.
![Page 33: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/33.jpg)
Headway Documentation
![Page 34: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/34.jpg)
Headway: Before You Start
![Page 35: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/35.jpg)
Installing Headway
![Page 36: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/36.jpg)
Headway Options
![Page 37: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/37.jpg)
Headway: Tour of Visual Editor
![Page 38: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/38.jpg)
Headway Grid Wizard
![Page 39: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/39.jpg)
Headway: Grid Wrapper Settings
![Page 40: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/40.jpg)
Headway: Select Block Type
![Page 41: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/41.jpg)
Headway Styling
![Page 42: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/42.jpg)
Headway: Quick Site Results
![Page 43: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/43.jpg)
Headway: Conclusions
• Personal $59, Business $99, Developer $199 (50% discount for renewal)
• First theme I’ve used where you actually draw your layout.
• Arranging blocks vertically can be finicky.
• Fairly easy to get a basic site layout going.
• Allows template export.
![Page 44: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/44.jpg)
Finally…
Make
I have used it and would use it again for a quick low-budget job or personal site. Might or might not be interested in Plus.
Ultimatum
Lots of potential, but not sure I want to take on that learning curve.
Headway
If I can just figure out how to keep blocks in vertical order, this could be a lot of fun. Wireframe and design in one.
![Page 45: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway](https://reader033.vdocument.in/reader033/viewer/2022052823/5554eb67b4c90566278b4c4e/html5/thumbnails/45.jpg)
Where to Find Me
Sallie Goetsch
(510) 969-9947
Twitter: @salliegoetsch