Quick Start Guide
- You have obviously installed the Foobar WordPress plugin right? If not read this.
- Click the "Foobar Settings" menu item under the Settings menu section. (image)
- (OPTIONAL) If you want you can rebrand Foobar to be called whatever you like. E.g. "Alert Bars" or "Notifications" etc. (image)
- (OPTIONAL) Click the "Social Profiles" tab and setup any default social profiles that you can use on all of your Foobars. (image)
- A new menu section will be available in the admin menu. Click on FooBars to manage the different Foobars you will use on your site. NOTE : If you rebranded Foobar, then the menu will change to your new rebranded name. (image)
- Add a Foobar exactly like you would a page or post, and once you are happy will all the settings, then click "Create". (image)
Or watch this Online video to see how to use the Foobar WordPress plugin.
Different Foobars Per Page
You can choose which Foobar is shown on a page-by-page basis. The default Foobar will be showm, but you can override it per post or per page. You can also choose to not show a Foobar on a certain page.
Create as many notification bars as you like. And manage them all from the WordPress backend. Then decide which bar you want to display on which page or post, and select which bar you want as your default. Check out the demos to see what we are talking about.
You can override what the Foobar is called. We realise that "FooBar" is not the most intuitive name to display to website admins or clients, so you can rename Foobar to something more meaningful, like "Alert Bar".
Setup your default social profiles that you display on every Foobar. You can then customize them per individual Foobar. Show them on the right or left. Or don't display any social profiles at all.
Customize, Customize, Customize
Each Foobar can have different colors, different heights, different borders, different open/close button themes. A Foobar can be fixed at the top of the site, or it can be inline, so that it scrolls out of view. Set your Foobar to display after 3 seconds, or only show it once your visitor scrolls the page. There are an unlimited number of ways to customize the Foobar!
Message Look and Feel
Style your Foobar messages to suit your needs and match your site's theme. Every aspect from color, font, shadows, borders, and more, can be customized.
The Foobar messages can contain any HTML. But the right and left section can also contain custom HTML. Add your Facebook like, Tweet and Google+ buttons. Or include a newsletter signup form or a website search form.
You can define multiple messages for each Foobar. Easliy add new messages (which can contain HTML). Then easily reorder them using drag and drop.
Show Latest Tweets
Automatically include your latest tweets into the Foobar. Define from who and how many tweets you want to show and they will be added after any messages.
RSS Feed Integration
Include an RSS feed into your Foobar to display the latest posts from your blog. Or include someone else's feed to promote their blog.
Inline Admin Demos
Are you sure you like the look of that Foobar? Well, demo what your Foobar will look like before it goes live. See it in action right from within the WordPress admin. You can also turn off the demo if you like (but why would you?).
Built For WordPress
Foobar was built using core features within WordPress 3+. We use custom post types to store the Foobars. We use custom metaboxes to display all the options. We utilize the Settings API to store all your settings. We also took the WordPress Admin Bar into account, so both bars work nicely together. Oh, and did we mention Foobar supports shortcodes in the messages and custom HTML sections?
- 11/04/2012 - v2.3.1
- - Updated to use jQuery foobar v2.3
- - Now 100% SSL compatible
- - Added Pinterest Social icon
- - Added new setting to disable foobar on mobile devices
- - changed some CSS classes to avoid theme CSS conflicts
- - minor improvements to settings page
- 22/02/2012 - v2.2
- - Updated to use jQuery foobar v2.1
- - Removed the need for Google API key for twitter and RSS feed
- 22/01/2012 - v2.1
- - Fixed issue with generating scripts to static files
- - Fixed issue with placing script in footer
- 12/01/2012 - v2.0
- - Using foobar js v2
- - Settings reorganised
- - Dynamic JS & CSS options (dynamic / inline / generated to disk)
- - Set scripts to load in footer for performance
- - Encode HTML messages (so they work with caching plugins)
- - Supports conditional logic for displaying foobars
- - Choose which post types the "display foobar" metabox will show on
- - Allow only administrators to manage foobars
- - Custom CSS and custom JS which are applied to all foobars
- - Check for plugin updates
- - Better support for cookies
- - Set navigation theme aswell as the button theme
- - Option to set a transparent BG color
- - Allow you to set the collapse type (toggle / close)
- - You can now style the social text
- - Add custom JS and CSS per foobar
- - MANY bug fixes and changed!
- 03/10/2011 - v1.8
- - Updated to use foobar v1.8
- - Under Foobar settings, new setting to disable Foobar completely
- - Under Foobar settings, new setting to not automatically include jQuery script!
- - Under Foobar settings, added 'Admin UI' tab where you can disable enhanced UI, like color pickers and numeric sliders
- - Added option to disable scrolling text for long messages
- - Added option to ignore the Admin bar and always place the foobar at the very top
- - Added option to show messages randomly
- - Increased foobar z-index to 9999
- - Added more social icons (google+, deviantArt, About.me)
- - Cleaned up foobar listing table
- - Fixed issues when disabling borders
- - Fixed issues when unsetting default Foobar
- - Fixed issues where certain values were not being set
- - Fixed issue with extra long messages being but off
- - Fixed issue when setting the close button to 'hidden'
- - Fixed issue with Twitter feeds in IE. Now uses google's feed API
- - Fixed issue with color's not prefixed with #
- 31/07/2011 - v1.0
- - First release of the FooBAR WordPress plugin!