Now I have a REAL blog... WordPress is Integrated

Question

Level 2

275 points

Now I have a REAL blog... WordPress is Integrated

Okay I think you guys might like this... I just got done integrating my iWeb site with my Wordpress blog. This turned out to be easier than I thought and I'm really pleased with the results so far! Now I can post all kinds of stuff really fast, fully categorized, with time stamp, comments - all the blogging stuff you'd expect.

http://www.11mystics.com

Here's what I did. I found a theme that was close to the layout of my iWeb site. Then i tweaked the theme (I'm still tweaing it) so that it looked nearly identical. I edited the PHP code to include items from my iWeb site and then I use a bunch of redirects on the navigation links to keep the entire browsing experience seamless. You will see the URL change from .Mac to my personal domain whenever you switch between the iWeb pages and the actual blog.

I set the blog up to be my iWeb home page by inserting a redirect in Home.html and vice versa... when you go to 11mystics.com, it's redirecting right to the blog.

I still have some editing to do with the theme/stylesheets cuz when you click to read an entire entry, the layout is still messed up, but other than that, it's about done!

REally pleased with the results. Let me know what you think.

SB

G5 Quad, Mac OS X (10.4.4), Dual 500s/ 4GB RAM/ 30" CD

Posted on Mar 3, 2006 12:04 AM

Reply

Answer 1

Fabe

Level 3

622 points

Mar 3, 2006 4:12 AM in response to sboben

Suzanne, I'm not in your league when it comes to programming, but I admire your efforts. Some background please, what is Wordpress? An application? A blogging service?

Your redirects had me on a photo page of a house being remodled. When do you sleep?

Thanks for your efforts. I'll follow the majors by reading the sports page. - Fabe

Reply

Answer 2

Mar 3, 2006 5:05 AM in response to sboben

thanks for your downloads.
I used some of your theme elements in our new page.
I needed to put this up but i was avoiding it
thanks to you it took maybe 3 hours (of course it should have taken 20 minutes)
www.camillafilms.com

iMac G5 Mac OS X (10.4.5)

Reply

Answer 3

sboben Author

Level 2

275 points

Mar 3, 2006 7:09 AM in response to Fabe

Hey Fabe... yeah WordPress is one of the popular blog applications. It's not an app like iWeb though - WordPress runs on a web server. You configure it online and it runs on your personal domain (when your host supports it or you've personally installed it there).

Sleep tends to be all over the map - like right now I'm awake cuz my dogs steal my socks if I don't get up and feed them. But I'm going back to bed again LOL.

Reply

Answer 4

sboben Author

Level 2

275 points

Mar 3, 2006 7:12 AM in response to Mitchell Riggs

😀 Very nice - I like the film imagery.

Reply

Answer 5

arnoz

Level 1

49 points

May 27, 2006 3:51 AM in response to sboben

Hey

Nice work! But i would like to have some help... I've been bored with taking to much time in maintaining my websites, galeries etc. So i moved everything to iWeb, except for my blog (Wordpress) which is more "pro".
Anyway, i've managed to do the whole transfer and actually quite the same trick as you using redirection. But i just can't incorporate the nav menu on top of my blog. Coul you please help me?
You can see my website at http://www.arnoz.be and my blog at htt://blog.arnoz.be. Everything is finished except for the menu which is missing on top of the blog...

Thanks!

Reply

Answer 6

DoKha

Level 1

10 points

May 27, 2006 4:57 AM in response to sboben

wait, so how exactly did you integrate wordpress with iweb now?

Reply

Answer 7

arnoz

Level 1

49 points

May 27, 2006 5:56 AM in response to DoKha

It is only intergrated in the layout of iWeb. It isn't stored on our .Mac accounts as it needs PHP to work.

Reply

Answer 8

sboben Author

Level 2

275 points

May 27, 2006 7:11 AM in response to arnoz

Arnoz,

I simply inserted a DIV into the header.php file for my WP theme where I wanted the nav bar. I'm using CSS to control some of its elements. Here's the HTML I used. The navbar class controls the margins, padding and background and font styles of the nav bar, the pipe class controls the padding on either side of the pipe character...

<div class="navbar">
<a href="http://www.11mystics.com/blog/">Home</a>|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/About.html">About</a>|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/iWeb_Templates.html">iWeb Templates</a>|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/Downloads.html">Downloads</a><sp an class="pipe">|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/Store/Store.html">Store</a>|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/Photos.html">Photos</a>|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/Tunes.html">Tunes</a>|
<a href="http://web.mac.com/sboben/iWeb/11Mystics/Movies.html">Movies</a>|
<a href="http://forums.11mystics.com">Forums</a>
</div>

Reply

Answer 9

arnoz

Level 1

49 points

May 28, 2006 3:05 AM in response to sboben

Thanks. In fact, that was easy. I firstly wanted to integrate the images of the menu, but finally i will add text with the same font.

Nice webiste btw!

Reply

Answer 10

arnoz

Level 1

49 points

May 28, 2006 8:39 AM in response to arnoz

That's it for today. It may need some tweaking but it is more easy to navigate now.
http://blog.arnoz.be

Reply