+ All Categories
Transcript
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


Top Related