quick reference guide - s3.amazonaws.com · subtab 3 toggle horizontal widgets on remove grid...
TRANSCRIPT
Select a layout to edit1 Open layout selector
2 Hover over layout
3 Click Edit
Open block options Right-click block, and click Open Block Options
Create a blockClick and drag diagonally on the grid to form a rectangle, then release the mouse button
Change a block’s type1 Right-click block
2 Click Switch Block Type
3 Select new type in options panel
Delete a block1 Right-click block
2 Click Delete Block
Clone a layout1 Click Tools ► Grid Wizard
2 Select a layout
3 Click Clone Layout
Mirror a block1 Open block options
2 Click Config in options panel
3 Select block to mirror
Create a shared layout1 Click Shared Layouts in
layout selector
2 Type a layout name
3 Click Add Shared Layout
Assign a shared layout to a layout1 Click Tools ► Grid Wizard
2 Click Use Shared Layout tab
3 Select shared layout
4 Click Assign Layout
Change wrapper defaults1 Click Setup tab in options
panel
2 Change column and gutter widths and column count
Set a header image (foreground)1 Open header block options
2 Click Choose Image
3 Select image
Set a header background image1 Click Blocks in element tree
2 Click Header
3 Expand Background group
4 Click Customize next to Image
Add a navigation menu1 Click Menus in
Appearance menu
2 Add and save menu
3 Assign menu to theme location (navigation block)
Set a navigation menu to be vertical1 Open navigation block
options
2 Click Orientation subtab
3 Toggle Vertical Navigation on
Add a search field to a navigation block1 Open navigation block
options
2 Click Search subtab
3 Toggle Enable Navigation Search on
Add widgets to a sidebar1 Click Widgets in
Appearance menu
2 Expand widget area
3 Click and drag widgets into widget area
Arrange widgets horizontally1 Open widget area block
options
2 Click Widget Layout subtab
3 Toggle Horizontal Widgets on
Remove grid customizations from a layout1 Hover over layout in
layout selector
2 Click Reset
Reset Headway (remove all settings)1 Click Headway ► Tools
2 Click Reset tab
3 Click Reset Headway
layouts and blocks
© 2014 by Headway Themes
key In WordPress admin panel In Headway Visual Editor Grid Mode
In Headway Visual Editor Design Mode
Quick Reference Guide
2
Add JavaScript to the header or footer1 Click Headway ► Options
2 Click Scripts/Analytics tab
3 Add code in the text areas
Add JavaScript to a layout1 Create custom code block
2 Open block options
3 Click Content subtab
4 Click pencil icon
5 Add code
Embed a video1 Add an embed block
2 Open block options
3 Paste in the embed URL
Hide the tagline 1 Open header block options
2 Click General subtab
3 Toggle Hide Tagline on
Hide post and page titles1 Open content block options
2 Click Display subtab
3 Toggle Show Titles off
Change the display or location of post meta data1 Open content block
options
2 Click Meta subtab
3 Edit Meta Above Content and Meta Below Content
Change the meta date format1 Open content block options
2 Click Meta subtab
3 Change Date Format option
Change the meta time format1 Open content block options
2 Click Meta subtab
3 Change Time Format option
Hide meta data1 Open content block options
2 Click Meta subtab
3 Open Entry Meta Display list
4 Ctrl+click any selected items
Create a custom content query1 Open content block options
2 Click Mode subtab
3 Select Custom Query
4 Click Query Filters tab
5 Configure query
Change the featured image location1 Open content block options
2 Click Featured Images subtab
3 Change Image Position option
Switch off featured images1 Open content block options
2 Click Featured Images subtab
3 Toggle Show Featured Images off
Change “more” link text1 Open content block options
2 Click Display subtab
3 Change text in Read More Text field
Change comment meta link text1 Open content block
options
2 Click Comments subtab
3 Edit text in fields
Change comment form text1 Open content block
options
2 Click Comments subtab
3 Edit text in fields
Hide comments1 Open content block
options
2 Click Display subtab
3 Change Comments Visibility to Always Hide Comments
content, meta data, and comments
Reminder: Save your changes before switching layouts.
scripts
Add a favicon1 Click Headway ►
Options
2 Click General tab
3 Add favicon URL
Set the feed URL1 Click Headway ► Options
2 Click General tab
3 Add feed URL
Disable tooltips in the Visual Editor1 Click Headway ►
Options
2 Click Visual Editor tab
3 Check Disable Tooltips box
Configure site-wide SEO settings1 Click Headway ►
Options
2 Cick Search Engine Optimization tab
3 Select template (layout)
4 Configure settings
Configure SEO settings for posts and pages
While editing, configure settings in “Search Engine Optimization (SEO)” section
Select a layout to style1 In layout selector, hover
over layout
2 Click Edit
Style the body element1 Click Structure in Design
Editor
2 Click Body
3 Select styles in properties panel
Style all wrappers1 Click Structure in Design
Editor
2 Click Wrapper
3 Select styles in properties panel
Set global text styles1 Click Defaults tab in
options panel
2 Click element to style
3 Select styles in properties panel
Use Google Web Fonts1 Select an element, and
expand Fonts group in options panel
2 Click Customize next to Font Family
3 Click pencil icon
4 Click Google Web Fonts tab
5 Click check mark for a font
Add custom CSS code1 Click Open Live CSS
Editor button in menu bar
2 Type custom code in Live CSS Editor
Assign custom classes to blocks1 Open block options
2 Click Config subtab
3 Type classes in Custom CSS Class(es) field
Disable syntax highlighting in the Live CSS Editor1 Click Headway ►
Options
2 Click Visual Editor tab
3 Check Disable Syntax Highlighting box
styles
seo
general settings
3