WordPress Upgrade Error – Incompatible Archive Solution

Just a quick post to highlight the solution to a recent WordPress issue I had when trying to upgrade WordPress release using the “Upgrade Automatically” option. The error I was seeing was:

Incompatible Archive.: PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

Even for someone who may be technically minded this is a little unhelpful… but thankfully the solution (in my case at least) was to free up some space on my hosting account. So it seems that the cause of the issue (or at least one of the causes) is that there was not enough space available for the automatic WordPress upgrade to take place.

WordPress 1 Minute Wonder – Styling Widgets on Pages Horizontally

WordPress One Minute Wonder

In this edition of WordPress 1 Minute Wonders I will answer a question which I frequently get emailed about… and that is how to style widgets next to each other when using my Widgets on Pages WordPress plugin.

In this post I have 3 widgets in one of the sidebars created by the plugin. I have named the sidebar horiz.

[widgets_on_pages id=”horiz”]

To get the Widgets to display as they do above there was some extra CSS that I had to add to my theme’s style.css file to get them to display like this… here it is.

#horiz {
  overflow: auto;margin: 10p;padding: 10px;
}
#horiz .widget {
  float: left;
  width: 25%;
  padding: 2%;
  background: #f1f1f1;
  border:1px solid #999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 3px 3px 7px #999;
  -webkit-box-shadow: 3px 3px 7px #999;
  -o-box-shadow: 3px 3px 7px #999;
  box-shadow: 3px 3px 7px #999;
  margin: 0 1%;
 }

I have put a fair amount of styling in there to make them look a bit more appealing but essentially the important bit that makes the widgets sit next to each other can be done with just the following;

#horiz {
  overflow: auto;
}
#horiz .widget {
  float: left;
  width: 25%;
  padding: 2%;
  margin: 0 1%;
 }

In the first section we style the whole sidebar (you would replace .horiz with whatever you had called your sidebar), making sure that the content overflow is set to auto. This makes sure that any content following the sidebar does not also creep up alongside the widgets.

The second section styles the widgets (all three in this case). The key part here is the float:left; which makes them site alongside each other.

[jbox color=”blue” vgradient=”#fdfeff|#bae3ff” title=”Found this useful?”]If you’ve used this tip why not subscribe to my feed or check out the first item in the WordPress 1 Minute Wonder series?[/jbox]

Best Ribbit Transcription… ever

I use a service called Ribbit to handle my voicemails and they send me a text and email of the transcribed message as well as an mp3 of the audio. As it’s a free service I tend not to be too worried about the exact content of the message as long as I get the general idea.

Today though, I received an amazingly baffling (not to mention “blue”) transcription of a voicemail that was left for me… and I thought I’d share it with you all;

Translation:

Regards shit just wanted to have please go understand now Bridges a log so conflict legal due to any of the keeps issue and the construction any finance to.

Actual message left:

Hello Todd, Pankaj here. Just wanted to have quick chat to understand, erm, whether the logs are confirmatory or… do you see any other issue in that because the scripts are now running fine as expected.

WordPress 1 Minute Wonder – Adding Gravatar Hovercards

WordPress One Minute Wonder

As a sequal to the debut entry of the “WordPress 1 Minute Wonder” series which talked about styling author comments differently to other comments this post extends the usefulness of your comments by adding Gravatar Hovercards to you site/blog. This posts presumes that you know what Gravtars are (if not check them out).

Again, in true WordPress 1 Minute Wonder fashion this is a dead simple thing to enable and involves nothing more than copy and paste and (s)FTP access to your site. In fact before I show you the steps I should credit the guys at WebBlogToolsCollection for this… in this case I simply a messenger.

So to get this working simply copy and paste the following code into your theme’s function.php file (create one if it doesn’t exist).

wp_enqueue_script( 'gprofiles',
'http://s.gravatar.com/js/gprofiles.js', array( 'jquery' ),
'e', true );

This should give your comments’ avatars a nice hovercard affect if you hover over them.

WordPress Gravatar Hovercard

It’s that simple and useful… brilliant.

To get the most out of this feature (on your site and on others that you comment on) make sure you update the info on your Gravatar profile.

[jbox color=”blue” vgradient=”#fdfeff|#bae3ff” title=”Found this useful?”]If you’ve used this tip and now have Gravatar hovercards working on your WordPress powered website or blog why not subscribe to my feed or check out the first item in the WordPress 1 Minute Wonder series?[/jbox]