Here is a basic outline the “div” structure of Ashford post:
- body
- #canvas
- #canvas_inner ~ “inner” divs visual designers flexibility
- #page
- #page_inner
- #top
- #top_inner
- #blog_brand
- #navigation
- box
- box_inner
- #breadcrumbs
- #content
- .post
- .post_title
- .post_by
- .post_content
- #post_meta_categories
- #post_share
- #post_author
- #posts_related
- .post
- #sidebar
- #sidebar_inner
- .widget
- #bottom
- #bottom_inner
- .widget
- #footer
- #footer_inner
Obviously this outline does not cover every type of page that Ashford builds however it does cover the basic structure. To visually inspect your pages, the View Source Chart bookmarklet is highly recommended.
Visual Source Code for Ashford
The following is a large image which visually shows the HTML structure of a typical Ashford page.
