Tag Archives: Wordpress

Old Template Plus New WordPress Equals Problems

oops! my theme must be broken
oops! I guess my theme is broken! πŸ˜‰

I spent a lot of time looking into the problem I was having with the SFC plugin and after all the searching and digging I’ve come to the conclusion that my problem is most likely my Template.

The problem (as far as I can tell at this point) is that I made this template way back when I was using WordPress 2.1 and there have been many significant changes to WordPress since then and especially with the latest version (3.0).

So in the next few days I’m going to have to either make a whole new template or do some serious revisions to this one. Please be patient with me during this time, hopefully it will be a fairly painless process. I will post updates as time allows to let you know how it goes.

If I discover anything significant along the way I’ll be sure to post it here. Maybe a tutorial is in order? πŸ™‚

Integrating WordPress with Facebook

Facebook and WordPress
Facebook and WordPress (image from: www.serifgroup.com)

I find that I am on Facebook a fair amount during the day and since I have friends and family who may be interested in reading my blog and perhaps sharing an article or two here and there, I thought it might be worthwhile to integrate my site with Facebook.

I looked into the Facebook Docs to see what kind of options they had. It looked simple enough, but I thought it might be even more simple, so I checked for existing plugins for WordPress that might simplify things even further!

There are a lot of plugins to sort through, but the one that seemed to stand out the most was: Simple Facebook Connect by Otto. (Note: he also has a nice one for Twitter from what I’ve seen).
I installed the plugin (requires WordPress 2.9.1 or newer) and then activated it. When you go to activate the plugin you will see several (more than a few) plugins starting with SFC. Start by activating SFC Base. After activating the base plugin there will be a redbox at the top of the Dashboard telling you some configuration is needed and it provides a link to the settings page. Click it and you will see you need to do some minor work on Facebook to get it working right.

Rather than re-invent the wheel, I’m going to refer you to Otto’s page that explains some of the steps you’ll need to take to get it configured properly. There have been a few minor changes to things since he posted that, but it is close enough to not bother mentioning the differences.

After getting that setup, go back to the plugins page and enable the other SFC plugins you want to use. Right now I’m only using the SFC Like plugin (which you can setup to show a “like” or “recommend” link at the top, bottom, or top and bottom, (or if you’re really brave you can do manual and put it in your template wherever you want) of your post.

I think I still need to activate my “Application” on Facebook, but I’m going to test it out with this first and see how it goes.
Feel free to let me know if you have any questions or comments. Most people who read don’t comment, but I know you read anyway. πŸ™‚

**UPDATE**

I forgot to grant permissions to the plugin on the Simple Facebook Connect Settings page. I tried to grant the permissions before I fooled around with the settings on the Application page on Facebook and it didn’t do anything so I assumed it was already granted. I had a friend test out the “Like” button and it didn’t work so I had to find the problem. I think that should take care of it now.

**UPDATE 2**

OK, it’s just plain broken. The only thing that works right now is the Base plugin and the Publish Plugin. I have deactivated the rest and will take a closer look at it tomorrow. If you have a tip for me on getting it to work, please let me know!

New Favicon (aka bookmark icon)

Alex's Antidote - favicon.png
Alex's Antidote - favicon.png

OK so today I was showing off my new mobile theme on my iPhone while at work. My buddy Bran was checking out the icon I made (with a little help from GIMP and the logo Bran had made for my website — thanks again man) and he made a great suggestion… why not use use the icon for my favicon on my main website?

So I did…

If you have a website, want a custom favicon, but don’t know how to go about it, then you’re in luck because it’s really quite easy.

Step 1: Make an icon

It should be 32 x 32 (pixels) and 32 bit color.

You can use GIMP (or some other program) to make the icon, save it as a PNG.

You can name it whatever you want, but I recommend going with something simple and clear like: favicon.png

Step 2: Upload the icon/image to your website

via FTP or SSH. Be sure to put it in a place that’s easy to remember… like the root of your web directory…

Step 3: Edit your template’s header

Between the <head> and </head> tags and paste the following code:

<link rel="icon" type="image/png" href="/wordpress/favicon.png" />

Save (and upload if you cannot dynamically modify your template).

Alex’s Antidote now iPhone Friendly

Alex's Antidote iPhone icon
Alex's Antidote iPhone icon

That’s right folks, my website is now iPhone friendly. (Note: from what I understand it should also work in certain other fancy phones too)

Here’s how it goes:

Step 1 – Open Safari -> Navigate to: alexsantidote.com

find Alex's Antidote in iPhone's Safari Browser
find Alex's Antidote in iPhone's Safari Browser

Step 2 – Check out my fancy mobile theme

New Mobile Theme
New Mobile Theme
Page Menu
Page Menu

Step 3 – Bookmark for future reference

Bookmark Options
Bookmark Options

If you’re really awesome you’ll bookmark it to your Home Screen πŸ˜‰

Bookmark to iPhone's Home Screen
Bookmark to iPhone's Home Screen

And you’ll see a nice shiny icon that will take you straight to this website when you touch it!

Shiny Bookmark Icon!
Shiny Bookmark Icon!

How’d I do it?

  • Install the WordPress plugin called: WPtouch Mobile Plugin + Theme for WordPress
  • Make a custom icon in GIMP (sudo apt-get install gimp)
    • The icon should be saved in .png format.
    • You will need 2 different sizes: 57 x 57 and 32 x 32
      • Name the 32 x 32 icon something that reflects the name of your blog (I used: Alex`s Antidote)
      • Name the 57 x 57 icon “apple-touch-icon.png” without the quotes.
  • In WordPress Settings you will find a menu called: WPtouch, upload the 32 x 32 icon there (look around, you’ll figure it out), then make necessary adjustments below (lots of settings to play with).
    • Be sure to save!
  • FTP/SSH into your root (and/or wordpress) directory for your blog and copy over the 57 x 57 icon you named “apple-touch-icon.png”
  • Done!

Let me know what you think in the comments (if you have time).