45
July 20, 2014

Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Embed Size (px)

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 Meetup

Citation preview

Page 1: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

July 20, 2014

Page 2: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

EastBayWP.com

Page 4: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ongoing Sponsor: Page.ly

http://page.ly/

Page 5: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

GENERAL Q & A

Ask a question provide a tip about WordPress

Page 7: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Drag-and-Drop Themes Take Two

What can you do “without knowing code”?

Page 9: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Builder Page Template

Page 10: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Make “Blank” Section

Similar to standard post/page content area.

Page 11: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

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

Make “Gallery” Section

Includes background image option.

Page 14: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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 15: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

ULTIMATUM: LEARNING CURVE! http://ultimatumtheme.com/

Page 16: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

You Need This Document

Page 17: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum General Settings

Page 18: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

Ultimatum Extras Settings

Page 20: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum Title Tag Settings

Page 21: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum API Settings

Page 22: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum Toolset

Page 23: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum Plugins

Page 24: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum: Creating a Layout

Page 25: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Ultimatum: Add Row to Layout

Page 26: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

Ultimatum: Default Loop Row

Page 28: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

Default Layout: Front View

Look, Ma! No styling!

Page 30: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

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 32: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

HEADWAY: REAL DRAG & DROP http://headwaythemes.com/

Page 33: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway Documentation

Page 34: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway: Before You Start

Page 35: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Installing Headway

Page 36: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway Options

Page 37: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway: Tour of Visual Editor

Page 38: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway Grid Wizard

Page 39: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway: Grid Wrapper Settings

Page 40: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway: Select Block Type

Page 41: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway Styling

Page 42: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

Headway: Quick Site Results

Page 43: Drag-and-Drop WordPress Themes, Part 2: Make, Ultimatum, and Headway

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

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

Where to Find Me

Sallie Goetsch

[email protected]

(510) 969-9947

Twitter: @salliegoetsch