Web Development, UI Dev » wordpress

How to Add Facebook Image Meta in Thesis

Justin — Tue, 29 Jun 2010 19:09:59 +0000

It’s nice when we write good content. It’s even better when a reader shares it on sites such as facebook or twitter. One problem with sharing on facebook is that facebook will try to pull in images from the site but may not always pull in the one you want. You can control what images show up with a special meta tag. This will make the one you pick as the first image, but unfortunately not the only image. This is still useful if you post only a youtube video in your post or page and want to specify an image for when shared on facebook. Facebook has a set of share tags available.

To specify an image I first upload it using the Media->Add New wordpress page and grab the URL of the image after I upload it. Next, while on the page or post scroll down to the Custom Fields area. The first time you will need to add a new field. Call it image_src and to the right paste in the full path to the image you just uploaded. Save the post. Next, add the code below one time to your Thesis theme’s custom_functions.php file.

Here is the link to the text file with the Thesis code to add to custom_functions.php.

That’s it! Pretty simple huh? Leave a comment if you have any questions or comments. Thanks for reading!

How to Add the Facebook Like Button in Thesis

Justin — Tue, 27 Apr 2010 22:26:11 +0000

Facebook Like Button

Thesis is a great wordpress theme but it takes some getting used to. You are no longer editing a file called “single.php” you’re using hooks to add in content and change things around. To add the facebook like button in Thesis open up custom_functions.php in your favorite editor and add the code in this file. I couldn’t get the code to display properly here in this site.

This will add in the like button below your posts. It will not add it to your pages. I just wanted people to be able to like my blog posts and not my pages.

What do you think? Have you used it? I have added the like button below. Feel free to like this post :]

jQuery and WordPress: Using noConflict

Justin — Tue, 18 Aug 2009 18:13:41 +0000

I have been using wordpress for a while and now I’m starting to integrate more jQuery into some of my blogs. Problem is I have been having problems with the code acting up. After searching I found the jQuery is now included in the core code for wordpress. More reading and I found that I need to use jQuery’s noConflict to make my code work in wordpress. Using noConflict your code will look like this:

1
2
3
4
5
6
7
8

$j = jQuery.noConflict();

$j(function() {
$j("#sidebar #trigger").click(function(event) {
event.preventDefault();
$j("#box").slideToggle();
});
});

Basically anywhere you would have used just the $ sign you add in a “j”. The variable name can be anything some examples use $js I just chose $j.

Please sign up for my feed as I will be adding more wordpress and jQuery goodness!

New Plugin: CommentLuv

Justin — Wed, 09 Apr 2008 18:28:23 +0000

I have found a new plugin for wordpress I like. It’s called CommentLuv and when you view the comments box for a post at the bottom you will see a new checkbox. When you make a comment CommentLuv will try to get your latest blog post and post it with your comments. Try it out on this post if you like!

mySQL Upgrade Makes WordPress Posts Display In Reverse

Justin — Fri, 04 Apr 2008 19:53:24 +0000

Recently mySQL was upgraded on the hosting server my site is on and something weird happened: the posts were displayed from oldest to newest! My blog was running wordpress 2.0.2 and wordpress 2.5 had just been released. I dreaded upgrades because of the “what ifs”. My worst nightmare was that the upgrade would break everything and I would loose two years of posts. I put on my big-boy-be-brave hat and set side an hour of time to perform the upgrade. First I disabled all of the plugins I was using (that was a good thing, I didn’t enable at least half of them after the upgrade), switched the theme to the default wordpress theme, removed the old directories as I was told to do, unzipped 2.5 over top of any code left, copied my wp-config.php back to my directory, and ran the upgrade script. It worked! What’s even better is that the posts are now showing the latest post first! What I came out of this was that wordpress is not as hard to upgrade as I thought and that I should be running the latest stable version. That being said, here are some things I like about wordpress 2.5:

Built in tagging
Editing of a posts permalink
Automatic plugin upgrades!

I think my favorite is the last one. Just enter your FTP information and wordpress downloads the plugin, unzips it and installs the latest version of the plugin. All of this is done through your browser window!

Are you using WordPress 2.5? If so what is your favorite new feature?