WordPress to Facebook Beta 3

What a rollercoaster ride this has been, after the announcement that Facebook were deprecation the FBML pages and changing to IFrame this meant a lot of research and a re-write of some of the functions.

Bad News is the plugin will no longer create stand alone html pages, good news is that the plugin has changed to a dynamic page plugin where we can change our facebook page inside our WordPress admin. 

Custom Post Types

We are now using custom post types for our WordPress to Facebook pages, we can edit these pages use short code, contact forms, images, links and anything else we would normally do, the only consideration we have to make is to open links in a new window and the width restriction of 520px.

Requirements

The plugin is now a production site plugin and requires to be able to write to the uploads folder, if our Website does not allow this we will see a message and should contact our ISP for a solution, also we think that FTP access to the plugin might be required.

Use this post with the information from these other posts:

Beta 1 : Beta 2 : Facebook Iframe in Ten Steps

Planning our pages is key, locating images that will fit out 520px wide theme, as the content area is limited we may need to adjust our content to suit.

In this post we will cover the changes from Beta 2 we should read this as well as the older posts to see all the features, we will cover the new workflow and show the differences in this post, after activating the plugin we will see two new sidebar menus, the first task is just to create some empty pages for our minisite, all we have done here is save empty pages.

plugin-1    

As in the other tutorials we need to name a folder to hold all the files, this is done from the Template page, as we can see we have selected a theme to copy some images from, we have other images resized and edited for the navigation which we uploaded.

Remember: we have to turn off the Upload New Images when we have uploaded and transferred all image assets. 

plugin-2

Lower down on this page we can name the pages we want up to four, and a new part is to assign a WordPress custom post page for the menu.

We only need to set the Row Layouts if we are using custom containers for our template.

plugin-3

Work through the Sheet, Header, Titles, Social, Menu and Footer from the earlier posts, the only change is with the Menu, we can now say where we would like our menu, None, Top or Below the Header.

plugin-4

Another change is that instead of having to name the page, row and column for a custom container, we can now create up to ten containers to apply later.

plugin-5

To apply the containers we can do this from the Page One to Page Four menu items, these will be applied if we export sample layouts to our pages, this section is not required.

plugin-6

WordPress tab, if we select and ‘Update Pages’ the page content is overwritten with sample text, where we can then edit the pages, as div element are written to the pages it is better to edit where possible using the HTML edit option for our pages with custom layouts.

plugin-7

When we click on the Preview menu item we create the stylesheet and can preview the pages in WordPress, the pages use a custom template loaded from the plugin folder and does not use the WordPress theme for layout of the custom post pages.  

plugin-8

When we have our pages with data we can follow the sets in the earlier tutorials to upload our website to facebook, if we change any data in the pages we do not need to change facebook.

If you visit our page you will see we have a “Contact 7″ form in the Contact page, but here is a screenshot.

plugin-9  

 Download

This download is a members only download, this is because the plugin is still beta and we will need to inform you of updates, if you have loaded beta 1 or 2 then deactivate and delete before loading “Beta 3″.

Do not upload the plugin unless you have FTP, testing in a test environment is strongly recommended, any plugin conflicts or problems that cause a lockout use FTP and delete the plugin folder.

Now you can download the file from the Facebook Testers Group 

Notices

We do require your feedback to improve our themes and tutorials, please leave your comments good or bad.

Code disclaimer information

If this document contains programming examples, www.DigitalRaindrops.net grants you a nonexclusive copyright license to use all programming code from which you can generate similar functions tailored to your own specific needs.

All sample code is provided by http://DigitalRaindrops.net for learning illustrative purposes only.

These examples have not been thoroughly tested under all conditions. www.DigitalRaindrops.net, therefore, cannot guarantee or imply reliability, serviceability, or function of these examples.

All programs contained herein are provided to you “AS IS” without any warranties of any kind. The implied warranties of non-infringement, merchantability and fitness for a particular purpose are expressly disclaimed.

Membership

Registration and Membership is no longer required for downloading files or interacting with Digital Raindrops, posting a comment or topic in the forum does use Captcha to reduce spammers.

This website is a tool to support and promote WordPress and Artisteer theme development, please support, share and give credit for any benefits you gain from the tutorials on this website.

3 thoughts on “WordPress to Facebook Beta 3

  1. Stumbled across this post c/o Mari Smith. Coincidentally I had just discovered another site that had an iframe on their Facebook page. This is very useful and informative information! Thankyou.

    • Hi,
      The plugin never really got off the ground, and I stopped working on it, there were just to many variables, and with changing to iframes this made a lot of code redundant.

      Regards

      David

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Connections

Connect with Us
Follow Digital Raindrops on Twitter Join Digital Raindrops on Facebook
Share

Related Posts

Posted in Facebook

Read More