Technical Notes – including Weaver Class Hierarchy
The Weaver X theme was derived from our Aspen Theme, which was derived from Weaver II, which was derived from Weaver – originally derived from the Twenty Eleven default theme. Many of the features used by Weaver are were influenced by Twenty Eleven. Most significantly, this includes the use of HTML5 and the architecture of the theme’s php files. Weaver Xtreme, however, has has almost all the code that generates output essentially totally re-written. Only the Legacy Admin interface code was reused in any significant way.
EU/UK Cookie Compliance
Note for EU/UK users. Weaver Xtreme uses cookies on two occasions. The first is to control the active admin tabs in the Weaver XtremeAdmin interface. The second is to determine the Mobile/Full view state on mobile devices. Neither of these cookies contain any information of a personal nature. These cookies would likely qualify as SESSION cookies.
There are several WordPress plugins available so your site can comply with EU/UK cookie laws. Weaver Xtreme has no official recommendation or claim that its use of cookies does or does not require EU/UK cookie consent forms.
Weaver HTML <div class=’…’> Hierarchy
The Weaver theme generates content that is wrapped in HTML <div>’s with a set of conventional names. A typical site page will have the following hierarchy. Knowing this can help you make additional custom modifications. (Another useful thing to do is to use the “View Document Source” option of your web browser to see the actual HTML generated by WordPress for your site content.) This example is a standard page with a Right Sidebar layout. The locations of the sidebar areas will differ for different layouts. Moving the menu by options will change where it is located. (Important note: the names and order of these <div>’s have changed significantly since Weaver II!)
body
#inject_prewrapper
#wrapper - wraps whole site
#header - wraps everything in the header
#inject_header - right after #header start
.menu-secondary - secondary menu (top) (.menu-secondary.wvrx-menu-wrap)
#header-widget-area - the header widget area
#branding - the header area
.title-tagline{-over} - wraps #site-title and #site-tagline
#site-title span - site title
#header-search - the search button
#site-tagline - the site tagline
#nav-header-mini - header mini menu
#header-image - the header image
#header-html - the header HTML area
.menu-primary - primary menu (bottom) (.menu-primary.wvrx-menu-wrap)
#container - wraps infobar, content, sidebars
#infobar - info bar, if after menu bar
#primary-widget-area - the primary widget area (if stacked layout)
#content - wraps page or post content
#?-top-widget-area - the various top widget areas
#nav-above - Previous/Next for blog pages
<article> - page or post content
#nav-below - Previous/Next for blog pages
#?-bottom-widget-area - various bottom widget areas
#primary-widget-area - the primary widget area (if non-stacked layout)
#secondary-widget-area - the secondary widget area (always after content)
#inject_prefooter
#colophon - the footer area
#footer-widget-area - wraps footer widget areas
#footer-html - the footer HTML area
#site-ig-wrap - wraps footer bottom line
#site-info - copyright
#site-generator - powered by
#inject_postfooter - last thing, outside #wrapper
Different kinds of Pages – HTML
<!-- **** Example Page HTML **** -->
<body class="page page-id-146 page-template-default singular weaverx-page-page weaverx-sb-right">
...
<div id="content" role="main" class="layout-styles">
<article id="post-146" class="post-146 page type-page content-page">
<header class="page-header">
<h1 class="page-title ">Lorem Ipsum</h1>
</header><!-- .page-header -->
<div class="entry-content">
<p>Lorem ipsum dolor sit amet.</p>
</div><!-- .entry-content -->
</article><!-- #post-146 -->
</div><!-- /#content -->
...
</body>
<!-- **** example default Blog Page (as Home page) **** -->
<body class="home blog weaverx-page-blog weaverx-sb-right">
...
<div id="content" role="main" class="layout-styles">
<nav id="nav-above">
<div class="nav-previous"><a href="http://example.com/page/2/" ><span class="meta-nav">←</span>
Older posts</a></div>
<div class="nav-next"></div>
</nav><div style="clear:both"></div><!-- #nav-above -->
<article id="post-1241" class="post-1241 post type-post format-standard category-uncategorized
tag-template content-default post-area post-odd post-order-1 "><!-- POST: standard -->
<header class="entry-header">
<h2 class="post-title "><a href="http://example.com/post-slug/"
title="Permalink to Post Slug" rel="bookmark">Post Slug</a></h2>
<div class="entry-meta ">
<span class="meta-info-wrap">
<span class="sep posted-on">Posted on </span><a href="http://example.com/post-slug/" title="7:07 am"
rel="bookmark">
<time class="entry-date" datetime="2012-01-07T07:07:21+00:00">January 7, 2012</time></a>
<span class="by-author"> <span class="sep"> by </span> <span class="author vcard">
<a class="url fn n" href="http://example.com/author/themedemos/" title="View all posts by themedemos"
rel="author">themedemos</a></span></span>
</span><!-- .entry-meta-icons -->
</div><!-- /entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary"> <!-- EXCERPT, uses entry-content for full post content -->
<p>Lorem ipsum dolor sit amet.
<a class="more-link" href="http://example.com/post-slug/">
<span class="more-msg">Continue reading →</span></a></p>
</div><!-- .entry-summary -->
<footer class="entry-utility"><!-- bottom meta -->
<div class="meta-info-wrap">
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span>
<a href="http://example.com/category/uncategorized/" rel="category tag">Uncategorized</a></span>
<span class="sep"> | </span><span class="tag-links">
<span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span>
<a href="http://example.com/tag/template/" rel="tag">template</a></span>
</div><!-- .entry-meta-icons -->
</footer><!-- #entry-utility -->
</div>
</article><!-- /#post-1241 -->
... more posts ...
<nav id="nav-below">
<h3 class="assistive-text">Post navigation</h3>
<div class="nav-previous"><a href="http://example.com/page/2/" ><span class="meta-nav">←</span>
Older posts</a></div>
<div class="nav-next"></div>
</nav><!-- #nav-below -->
</div><!-- /#content -->
...
</body>
<!-- **** Example Single Page View **** -->
<body class="single single-post postid-1241 single-format-standard singular weaverx-page-single weaverx-sb-right">
...
<div id="content" role="main" class="l-content-rsb m-full s-full ">
... .nav-previous, .nav-next links ...
<article id="post-1241" class="post-1241 post type-post format-standard category-uncategorized
tag-template content-single post-content post-area ">
<header class="page-header">
<h1 class="page-title title-single ">Post Slug</h1>
<div class="entry-meta ">
... see blog example for .entry-meta content
</div><!-- /entry-meta -->
</header><!-- .page-header -->
<div class="entry-content">
... see blog post example for .entry-content, .entry-utility
...
</body>
<!-- **** Example Single Page View **** -->
<body class="attachment page page-id-1711 page-child parent-pageid-1133 page-template-default
singular weaverx-page-image weaverx-sb-right">
... remaining similar to other pages ...
<!-- **** Example Archive-like Views **** -->
<body class="archive date weaverx-page-archive weaverx-sb-right"> <!-- Date Based Archives -->
<div id="content" role="main" class="layout-styling">
<header class="page-header">
<h1 class="page-title archive-title title-archive"><span><span class="title-archive-label">
Monthly Archives: </span><span class="archive-info">September 2014</span></span></h1>
</header>
... posts - same as blog ...
</div>
</body>
<body class="archive tag tag-content tag-79 weaverx-page-tag weaverx-sb-right"> <!-- Tag archives -->
...
<header class="page-header">
<h1 class="page-title archive-title title-tag"><span><span class="title-tag-label">
Tag Archives: </span><span class="archive-info">content</span></span></h1>
</header>
...
<body class="archive category category-markup category-29 weaverx-page-category weaverx-sb-right">
...
<header class="page-header">
<h1 class="page-title archive-title title-category"><span><span class="category-title-label">
Category Archives: </span><span class="archive-info">Markup</span></span></h1>
<div class="category-archive-meta"><p>Posts in this category test markup tags and styles.</p>
</div> <!-- shown if tag/category description provided -->
</header>
...
<body class="search search-results weaverx-page-search weaverx-sb-right"> <!-- Search -->
...
<header class="page-header">
<h1 class="page-title archive-title title-search"><span><span class="title-search-label">
Search Results for: </span><span class="archive-info">"content"</span></span></h1>
</header>
...
<body class="search search-no-results weaverx-page-search weaverx-sb-right"> <!-- failed search -->
...