ProofBuddy and WordPress
From ProofBuddy Documentation
Contents |
With millions of sites, WordPress is one of the go-to content management systems. Originally "just" a blog platform, WP has expanded until it is now one of the most powerful systems for getting a web site online.
What that means is that there are quite a few users proofing with ProofBuddy and using WordPress for their main site. Below are instructions to get them working together.
WordPress Plugin
First, you're going to need a plugin for WordPress that we wrote called iframe Wrapper.
This plugin allows you to embed an iframe into any WordPress post or page that links to an external site. In this case we're going to link it to a ProofBuddy site, but it really could link to anything, although it would most likely have to be on the same domain as your main site to work fully.
When ProofBuddy is loaded through this iframe, a bit of JavaScript will take care of resizing the iframe to match the height of whatever page your client is currently on in ProofBuddy.
Go ahead and login to your WordPress admin and install the iframe Wrapper plugin. When you have it loaded and activate, come back and we'll move on.
ProofBuddy Theme
You can use any theme inside the iframe, but you're most likely going to want something simple. We've created a theme named Embed just for this. Embed is the same theme as the default Basic White theme, but without any headers or footers. So you won't see your company name across the top of the iframe or copyright information across the bottom. The assumption is that your WordPress theme is already taking care of this.
Depending on your WordPress theme though, you may want to edit the Embed theme to match colors or patterns.
Getting it working
Once you have the plugin loaded in WordPress, you're going to create a page. We'll assume you're going to make a page with the slug /clients/ so that you can send your visitors to yoursite.com/clients/ to view proofs.
On that page the only content should be [iframeWrapper url=http://www.yoursite.com/proofs/] where /proofs/ is the folder where you installed ProofBuddy.
You're probably going to want to disable comments for this page, but that's up to you.
Save the page and you're done.
This will also work with posts. You may want to look at automatic logins if you'd like to have a specific post link to a specific album.
Comments
blog comments powered by Disqus
