weaver ii pro theme

Weaver II Pro WordPress Theme – Complete Customization, and Affordable Too!

/by

I love the free Weaver II WordPress theme, and I love Weaver II Pro even more. Why? Because of the dozens of options for customization, great forums and tech support, and it’s reasonable cost – Weaver II is free, and Weaver II Pro is $30 for personal use and $50 for professional use – for life!

Please check out this theme: Weaver II theme, and Weaver II Pro theme. The theme also comes packed with around 20 sub-themes (see the Weaver sub-theme demo site here). I am NOT an affiliate for this theme by the way!

Compare the options on Weaver II Pro with most other themes. A screenshot of the Weaver II Pro dashboard shows customization options for fonts, menus, content areas, mobile device options, shortcodes, and much much more (the screen shot below only shows some of the settings available on a single tab!) (the green options are for mobile):

weaver_wordpress_theme

The multiplicity of options in the Weaver theme does present one problem – the theme dashboard can be somewhat daunting, until one becomes acquainted with it. See the Weaver II Admin Tabs Search Page, which provides a summary of all the options on one page. You may also wish to try Aspen Theme, “a lean offshoot of Weaver II”.

The Weaver II Pro forum offers additional tips on CSS customization for features that are not available in the Weaver theme menu options. From the Tips and Hints from Users:

Custom CSS Rules

Index of the Custom CSS Rules Pages

  • About custom CSS rules:
    • Learning about CSS rules generally and in Weaver;
    • Reducing space between the post title and content;
    • Styling the vertical menu current page;
    • Making the current page on a menu bold or a different color
  • CSS Examples Part 2:
    • Paragraph spacing is controlled by
    • Make FS contact form plugin fluid (i.e., fit to width)
  • CSS Examples Part 3:
    • More pronounced drop shadow and light grey border on featured images
    • Changing the Hover background of the Current menu item
  • CSS Examples Part 4:
    • Let your site take the full browser window;
    • Insert an HTML area above the menu bar
  • CSS Examples Part 5: 
    • Making the menu and header full browser width (to keep the menu theme width, add the custom CSS ‘#access div {max-width:960px;margin-left:auto;margin-right:auto;}’
    • Create a menu bar at top of page;
    • Making Images in Header widgets not scaled to 100% of the table cell;
    • Making shortcode content a link
  • CSS Examples Part 6:
    • Responsive width settings for different devices
    • Styling Vertical or Secondary menus differently from the Main menu
  • CSS Examples Part 7:
    • Alternate Method for [weaver_show_if_mobile] and [weaver_hide_if_mobile] shortcodes when using Responsive Mobile Modes
  • CSS Examples Part 8:
    • Moving Primary Menu bar up from under the Header to overlay the header image
    • Changing Header gadgets & Header Extra HTML X positioning from left to right
    • Layout and order of Header Insertion Areas: see: http://goo.gl/7ooQd
  • CSS Examples Part 11:
    • Stacked horizontal header widgets in mobile view
  • Primary and secondary menu bar colors; see: http://goo.gl/cIUejc
  • Menu layout on desktop, tablet, and smartphone devices: http://goo.gl/5ufhnU

Special Topics

Create a Child Theme

Create a Child Theme to customize your site, especially if you need to modify style sheets. In that way, the cusomtizations are maintained for new versions of the site. See some general information from Woothemes, How to Set up and Use a Child Theme, or Elegant Themes How to Create a Child Theme, or Weaver theme, how to create a child theme. I’ve not used it, but the plugin Child Theme Configurator has great reviews!

Create a Weaver Sub-Theme

To create sub-theme add on is now really easy with 1.2.5. The first step is to create a 150 x 100px jpeg image to be used as the Thumbnail of the theme (screen grab the site and resize). Then save all the theme settings .w2t file (in save / Restore) on your PC. Then Package the w2t file and the jpg thumbnail in a zip file. Give all of these the same name.

my-sub-theme.zip containing my-sub-theme.w2t and my-sub-theme.jpg

This Zip file is now a Sub Theme add on that you will soon be able to share and even I think sell through Weaver. Weaver will soon release a new version of its Weaver Theme Extras that will add the management of the sub-theme add on in Weaver II Admin.

from: http://goo.gl/PrrSNs

Create a fixed-width sidebar: Fixing the width of a sidebar in Weaver responsive layout

Create a Full Width Post

To force a full-width post (an unusual format, but see Local Calendar for Nederland CO) use custom CSS code (in Weaver Pro theme options > Advanced Options > Head Section > Custom CSS):

.postid-xxxx #sidebar_wrap_right {display:none;}
.postid-xxxx #container_wrap {width:100%;}

see http://goo.gl/mVCTll

Website Caching

Caching is recommended, but only two Caching plugins are compatible with Weaver, and exceptions for mobile devices are required (see the documentation > compatible caching plugins). Some users have problems with browser caching when updating the site or creating posts; see Browser Caching When Your Changes Won’t Show.

We will update this list of customizations every so often, as we use many of these features in our installations.

Extend Content to Bottom of Browser

/* Extend content to the bottom of the browser even on short pages */
html, body {height:100%;}
#wrapper {min-height:100%;}

Custom Fields

Other Weaver Links

 

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply