Skip to content

iWeb with WordPress support… kinda.

May 17, 2009

So my new blog is hosted by WordPress.com which is the popular hosted side of the Open Source product offered by WordPress.org.  I use the Apple .Me service and iWeb for pretty much everything else and while they do offer a blog I didn’t really care for it for many reasons that I won’t get into here.

While this was great in that it met my technical needs it did one thing I really didn’t like.  It fractioned my website into jdwallace.wordpress.com for the blog and jdwallace.com for everything else.  Here is how I overcame the issue.  I’m sharing in hopes that anyone else out there with an iWeb homepage and WordPress blog can restore harmony to their site and blog.

The trick lies in creating a new page on your iWeb home that is essentially blank.  Just create a blank template, but with the styling to match the rest of your site.  From there add a new HTML Snippet Web Widget.  Sizing and placement isn’t important, we’ll define that in code.  Finally edit the widget to include this text :

<iframe height=2000px allowTransparency=false frameborder=0 scrolling=yes style=width:895px;border:none src=http://myblog.wordpress.com/></iframe>

At this point you should be good to go.  You will still be missing the embedded RSS link however.  To add this is a little trickier and optional.  Once you have published your site, navigate to the .html page you just created and open it in Xcode.  Mine is in my iDisk in the Web directory.  You need to add the following line right beneath the <title>My Blog</title> line.  Keep in mind if you ever make an edit to this page in iWeb this will be overwritten, but since you are doing your edits via WordPress this should be minimal.

<link rel=”alternate” type=”application/rss+xml” title=”My Blog RSS Feed” href=”http://myblog.wordpress.com/feed/&#8221; />

That should do it.  Easy as pie right?  Here is mine. http://jdwallace.com/Main/Blog.html

Advertisements

From → Web

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: