byob agility html nude cheat sheet—typical page layout
Post on 11-Dec-2016
229 Views
Preview:
TRANSCRIPT
BYOB Agility HTML Nude Cheat Sheet—Typical Page Layout
BYOB Agility Nude HTML Cheat Sheet—Typical Page Layout
5 Primary Horizontal Areas Header Area
Top Menu Area
Content Area
Top Footer Area
Bo om Footer Area
BYOB Agility Nude HTML Cheat Sheet—Typical Page Layout
Page Wrappers Each Horizontal Area has a page wrapper
Provides the “page” width
BYOB Agility Nude HTML Cheat Sheet—2 Column Header
Agility 2 Column Header Adjust the column configura on
Select content for each column
Header Image
Site Title & Tagline
Menu
Widget area
BYOB Agility Nude HTML Cheat Sheet—Top Menu Area
Top Menu Area Contains a WP Nav Menu
BYOB Agility Nude HTML Cheat Sheet—Typical 2 Column Content
Agility 2 Column Content Agility Column Wrapper
Wrapper Column Configura on
Agility Columns
BYOB Agility Nude HTML Cheat Sheet—Typical 2 Column Content
Agility 2 Column Content Agility Columns
Column Configura on
BYOB Agility Nude HTML Cheat Sheet—Typical 2 Column Content
Agility 2 Column Content Agility Columns
Column Configura on
BYOB Agility Nude HTML Cheat Sheet—Top Footer Area
Agility Smart Widget Columns Number of Widgets
Widget Area Name
Widget Area Descrip on
BYOB Agility Nude HTML Cheat Sheet—Top Footer Area
Agility Smart Widget Columns Number of Widgets
Widget Area Name
Widget Area Descrip on
BYOB Agility Nude HTML Cheat Sheet—Bo om Footer Area
Agility Column Wrapper Column Wrapper Configura on
Agility Columns
BYOB Agility Nude HTML Cheat Sheet—Bo om Footer Area
Agility Column Column Configura on
BYOB Agility Nude HTML Cheat Sheet—Bo om Footer Area
Agility Column Column Configura on
BYOB Agility Nude HTML Cheat Sheet—Front Page Layout
6 Primary Horizontal Areas Header Area
Top Menu Area
Feature Box Area
Content Area
Top Footer Area
Bo om Footer Area
BYOB Agility Nude HTML Cheat Sheet—Front Page Layout
Feature Box Feature Box Area
Feature Box Page Wrapper
Column Wrapper
Column
BYOB Agility Nude HTML Cheat Sheet—Front Page Layout
Feature Box Feature Box Area
Feature Box Page Wrapper
Column Wrapper
Column
BYOB Agility Nude HTML Cheat Sheet—Front Page Layout
Front Page Content Area Content Area
Content Area Page Wrapper
Full Width Column Wrapper
Full Width Column
Full Width Column Wrapper Single Column
Remove Padding
BYOB Agility Nude HTML Cheat Sheet—Front Page Layout
Full Width Column Full Width
Retain Padding
BYOB Agility Nude HTML Cheat Sheet—Front Page Layout
top related