Get Grid View Without the Gold Cart

gratuitous blog post imageWPSC means WordPress Shopping Cart, a plugin for WordPress.

What: Too cheap to buy a Gold Cart Module for your WPSC plugin? Well, it isn’t only out of cheapness that I’m writing this (anyway I make my clients buy the module for other reasons like more payment gateways than PayPal) it’s the constant battle to optimize SEO. This shopping cart plugin is possibly the best thing to happen to WordPress but it gives less than great SEO. Duplicate title tags,missing or too short meta descriptions.

How: Use the WordPress editor in Visual Mode to insert a product group into a Page or Post.

The more familiar I get with how low ranking websites get knocked for duplicate content (yep, Google gives more leeway to popular sites with loads of incoming links and high page rank) the more value I see in adding a product group/category to a page or post rather than use the one page to show your entire store.

The editor in HTML mode will not show the shopping cart button. And if you turned this option off in your user profile you won’t ever see this button. So go to your user profile and turn Use Visual Editor back on.
So go to Write > Page and click on the cart icon to choose a category from product groups. Select, insert,save. Once you preview you’ll see that the products scroll down the page.
Don’t publish just yet.

Here is some sweet sweet CSS to fake the Grid View, save 20 bucks and get some good SEO working (that those rich guys that paid for Grid View probably won’t have).
This part is so incredibly easy I could kiss myself. In fact I will.

Fake Grid View CSS
Add this to style.css in your theme folder:
[css]
#homepage_products{overflow:hidden;}
#homepage_products .category_view_product .product_details .wpsc_product_title{font-size:12px;}
#homepage_products .category_view_product{width:200px;height:300px;float:left;margin:8px 3px;}
[/css]
The height and width and margins will have to be tweaked to fit your wishes.You can make the product titles smaller and change color.You can also have borders.It’s wide open for customization.But the float:left is what matters and creates the grid.Having overflow:hidden in the wrapper div keeps the page from looking screwy.

SEO
Next thing is to download the All in One SEO pack plugin for WordPress, unzip, upload to plugins folder, activate settle up the options and go back to your almost done Page or Post.Pop open the All in One SEO box in the editor page, below Categories. You’ll see title,description and keyword fields. Writing in your description will solve the short or missing meta description problem. If you used a post you can skip the keywords field and use tags instead. Tags are better anyway.

Use a Page or a Post?
In WordPress categories are king and you can great things with category templates.You can only use categories with posts. I would rather be able to place a single product into a Post.I think this would open up a lot more flexibility in using this plugin. This is supposed to be an option in the latest release of the plugin but either it doesn’t work or I have another plugin that breaks the button code for this. Entirely possible.

Last but not least tweak your header.php. Look for the line with html]blah blah blah [/html] delete it and paste this in it’s place:
[php]<title><?php

// Page or Single Post
if ( is_page() or is_single() ) {
the_title();

// Category Archive
} elseif ( is_category() ) {
printf( __(‘Archive for &lsquo;%s&rsquo;’), single_cat_title(”, false) );

// Tag Archive
} elseif ( function_exists(‘is_tag’) and function_exists(‘single_tag_title’) and is_tag() ) {
printf( __(‘Tag Archive for &lsquo;%s&rsquo;’), single_tag_title(”, false) );

// General Archive
} elseif ( is_archive() ) {
printf( __(‘%s Archive’), wp_title(”, false) );

// Search Results
} elseif ( is_search() ) {
printf( __(‘Search Results for &lsquo;%s&rsquo;’), get_query_var(‘s’) );
}

// Insert separator for the titles above
if ( !is_home() and !is_404() ) {
_e(‘ at ‘);
}

// Finally the blog name
bloginfo(‘name’);

?></title>[/php]

That helps take care of the duplicate title problem for categories and archives.
The all in one seo pack does most of the work and this does the rest. It’s very cool.

A Fully Widget-ized WordPress Theme

Updated August 3rd,2009 » So You Want A NextGen Gallery Slideshow as a Banner(!?!)

Learn how to add more sidebars to your theme and be able to use widgets in any part of your theme. Confused? Well, many plugins provide widgets and if you want to use them they have to go into the sidebar(s). But what do you do if you want to use a widget in a part of your theme that isn’t a sidebar?

I’m going to tell you how to make any part of your theme into a “sidebar”. So you can put widgets in it and be happy!

What is a WordPress sidebar? It contains PHP and HTML, right? Well then, a sidebar doesn’t have to be a long skinny rectangle on the side of your blog or website. It can be a banner with rotating images(or whatever you want) and that is what I am going to show you how to do in this post. You can use these steps and your own ingenuity to stick widgets from other plugins wherever you like. It’s not limited to nextGen Gallery slideshow widget. I’ve used this technique to add Random Quotes, the WP-E-Commerce Shoppingcart widget…etc. If it has a widget it can go anywhere. That is my point. Anyone who is very comfortable hacking their templates and themes can follow this post just fine.
Read on to follow the tutorial on adding more sidebars and getting the nextGen slideshow widget in the header/banner of your theme.
Continue reading A Fully Widget-ized WordPress Theme

Easy Custom WordPress Login Page

Without too much code hacking or any plugins.

(For 2.5 up to 2.6.5. Not for WordPress 2.7)
I really wanted to change one website’s login page but I didn’t want to install a plugin.

I’d done so for another site which was awesome but it really hooked it’s little self into that site and it was hard to get rid of even after I deleted it and deactivated it.

I just wanted to change a few little things and thought installing a plugin was overkill.

So I stopped Googling and just thought for a second.

What if I just make a simple alteration to the login.css?

You find it in wp-admin/css/.

I had a logo that was roughly the size of the wordpress header image and I just replaced the WordPress logo with my client’s.

Line 41 in login.css
background: url(path to the image you want to use) no-repeat;
Just put in the path to the logo: i. e. : /wp-content/themes/your theme/images/logo.jpg

Change the link embedded in the header: wp-login.php
[php]<div id="login"><h1><a href="<?php echo apply_filters(‘login_headerurl’, ‘http://yourwebaddress’); ?>" title="<?php echo apply_filters(‘login_headertitle’, __(‘your title text’)); ?>"><?php bloginfo(‘name’); ?></a></h1>[/php]

Replace http://yourwebaddress with your url that you want to use.

Replace ‘your title text” with what you want the title text to read when you hover your mouse over it.

Optional
Line 270 is where you can change the are “you lost question” text.

Upgrading
You’ll have to repeat this each time you upgrade automatically. If you upgrade manually please check the revision log to see if the files mentioned here have been changed and so need to be overwritten and then re patched with your changes.

That is Odd

My “older posts| newer posts” navigation seems to be kaput.Needless to say perhaps I was too creative with a customized Loop or 2. I started my Shopping in Brooklyn (Brooklyn♥) and used a custom query to have only that category show on that page and not in my main blog post page or anywhere else and it seems I broke my WordPress a little. I don’t have the time right now to properly obsess over it to fix it.
What I’m up to right now:
I’m unusually busy getting a staging level website design together for Lee Lee’s Valise and finishing up 2 other projects for other clients (thankfully, they are being laidback about it). I just yesterday made live a site I’d been working on for weeks and weeks. I haven’t worked that hard on one site since I overhauled my dad’s.

I just used the wordtube plugin to try to set up a site that Lisa from Lee Lee’s valise might be able to use to webscast with…right now all I’ve got loaded are image files and I’m not so sure wordtube makes for a good slideshow display. It uses Jeroen ‘s W. media player. I bought 3 licenses around 2 years ago from him and don’t even use 2 of them on any live sites anymore! Anyway, obviously wordtube is much more suitable for playlists of swfs and flvs so it’s still on my list of good plugins to have.Also it’s very easy to use and I like that. I didn’t have to think too hard to set it up at all and it didn’t interfere with everything else or my design. You probably wouldn’t be all that amazed to hear that this is kind of rare.

Who am I kidding?
There was no way I could not just go run off and figure out how to fix my Loop! I’d read about this somewhere(probably many places) that using query_posts isn’t the best way to go about what I was trying to do.
This works : < ?php query_posts($query_string . "&cat=-230"); ? >
This doesn’t : < ?php query_posts('cat=-230');? >