Welcome to WP Weaver, home of the Twenty Ten Weaver WordPress theme. This home page has posts with timely information. Posts here are also published on our Twitter feed, so you can follow us there, or use the RSS feed. This site has a lot of useful information about my theme, some plugins I’ve developed, and general WordPress tips, so feel free to browse. Other important pages include:
Sorry – got so intent on testing functionality, missed that adding the new Save/Restore stuff broke the Snippets and Help tab. No loss of functionality, just those two tabs.
(Why would that break those? Well, the entire Weaver admin panel is actually one giant page, but uses Javascript to selective show different parts based on the tab you select. Some of the new code broke display of the last two tabs.)
Weaver Version 1.3 Beta released with a bunch of new features!
A new version of Twenty Ten Weaver is now in beta release. It seems very stable, but does some things differently than previous versions. It has been used to power WPWeaver.info for some time now without problems. Instructions for installing the beta version are at the end of this post. You can download it here.
But here is a list of the new features:
More Header Options
Improved Widget Area Options
Other new and improved features
Getting and installing the beta release:
Caution: this is a beta release. It seems stable, but things might break. All the old settings from Version 1.2.3 should be compatible, and you shouldn’t lose any previous settings. Even so, it is highly recommended that you use the Download option on the Save/Restore tab to save a copy of your theme settings off line. The file format of a saved theme is unchanged.
The beta version is being released in the Twenty Ten Weaver version only – the 2010 Weaver version will not be released for the beta release.
To install the beta version, first download it from the download page. There is a separate download for the beta version. Next, temporarily switch your site to an alternate theme – such as Twenty Ten. Now use the Theme control panel to delete your old version of Twenty Ten Weaver. (If you have 2010 Weaver, then you don’t have to delete it. 2010 Weaver and Twenty Ten Weaver can co-exist.) Now install Twenty Ten Weaver version 1.3 beta from the zip file you downloaded. You should first try to preview the new theme before you activate it. A successful preview means it is almost certain the theme will work when activated. If all goes well, when you re-activate Twenty Ten Weaver, your site will be back just the way it was, but with new options available.
There have been issues in the past with different host configurations, especially with the version of PHP installed. I think we’ve found all these issues, but it is possible that something new has happened. If things go wrong, and your site becomes unresponsive, the most reliable way to get things working again is to use your ftp program, or other means provided by your host to access the files on your site. Simply delete the entire Weaver directory – it will be found at /wp-content/themes/twentyten-weaver. WordPress will then restart using the default theme. Use the theme panel to reset to a theme you know works.
If you have issues, you can either post on the Forum, or use the About->Contact form to send an e-mail directly (that is probably preferred).
Note: While 1.3 Beta is code complete, I do anticipate there will be some updates to the documentation before the final release. Also, the way extensions are handled (e.g., the slider menu) is completely new, so your old slider won’t work. I’ll release a new version for that asap.
Do you think the plain menu bars are a bit boring? Would you like some graphic background added? This post is a short tutorial on how you can spice up your menu bar by adding some CSS rules to the <HEAD> Section.
As an example, this site now uses a fading gradient background image on the menu bar. When you hover, the gradient is reversed, leading to a more interesting and easier to navigate menu (at least I think so.) And it was all done with a couple of CSS rules and two png images.
First, the CSS:
#access { background-image: url(http://wpweaver.info/downloads/fade.png);}
#access ul ul a, #access li:hover > a, #access ul ul :hover > a
{background-image: url(http://wpweaver.info/downloads/fadeup.png);}
The first rule sets the menu bar to use the “fade.png” background image. The image is a simple trasnparent png image with a fade gradient – fading from 50% transparent to all transparent – generated with Photoshop. The image is 38px tall, which is the default size for the menu bar in Twenty Ten and all the Weaver subthemes.
The second rule uses the same image, but in reverse, whenever the mouse hovers over a menu item. If you want this effect for your site, you can download the two images directly from http://wpweaver.info/downloads/fade.png (and fadeup.png). This feature will be added as a checkbox option in Weaver 1.3.
Note that the first rule applies to the entire menu bar, while the second to individual menu itmes. One thing nice about using a gradient is that it works with almost any menu background color. The look good with the browns of this site, or with almost any color except white.
If you wanted to have a separate image or color background for each individual menu item, you could use a variant of this rule:
#access ul li { background-color: #FF0000;}
This example rule would make each menu item have a red background. You could use “background-image” to add an image instead. You can also adjust padding, line height, and all the usual CSS parameters.
Please note that if you have two menu bars, you’ll have to duplicate all the #access rules as #access2 rules to make them work for the second menu bar.
The possibilities for adding graphics to your menu bar are almost endless. You could add a bullet or other icon to each menu item, for example. You could have a complete graphic image for each menu item. Designing menus with graphics, and getting them to work right with sub-menu and hover styles can get quite complicated, and the details are really a bit beyond this tutorial.
© 2010 - Wordpress Weaver
|
Proudly powered by WordPress.
Twenty Ten Weaver by WPWeaver.info
|