Quantcast
Channel: BuddyLite.com » BuddyBuilder Tutorials
Viewing all articles
Browse latest Browse all 10

Create a private community complete with splash page

$
0
0

Some of you have asked for the ability to create a Facebook-like splashpage for your Buddypress homepage and the ability to lockdown your site. As of version 1.2.1 of BuddyBuilder, you now have that God-like power :-)

Moreover, combining the “Show Home Page Title and Content” option in BuddyBuilder with the Homepage widgets available under “Appearance” > “Widgets” in your WordPress backend and the marvelously simple Widget Logic plugin, you can display completely different content to site visitors and logged-in members.

Below are a few simple screenshots to illustrate what can be done. Of course, the look & feel of your pages can be customized with the built-in features & options in BuddyBuilder, as well as its Custom CSS section.

Logged-out screenshot

View of homepage when logged-out with header, sidebars and footer hidden and login form on homepage. Splash!

 
Register page screenshot

Register page inherits same logged-out layout as homepage.

 
Activate page screenshot

Account activation page also inherits logged-out homepage layout.

 
Redirect page screenshot

Optional redirect page inherits same layout too!

 
Logged-in screenshot

Logged-in with header, sidebars and footer displayed.

How to reproduce this effect on your site, you ask? Well, first you need to install BuddyBuilder ;-) OK, kidding and sales hype aside, let’s git ‘er done! The following steps are the basic ones to take to get a splashpage up and running on your site. No attempt will be made in this post to guide you on CSS styling issues.

First, you need to have a WP page assigned to your Front Page under “Settings > “Reading” in your WP backend.

Reading settings screenshot

Remember that the page you assign as your Front Page must use the “BuddyBuilder Front Page” template. Make sure you have selected that template under “Page Attributes” when creating or editing your chosen page.

Template settings screenshot

Next, go to the “Homepage” tab in your BuddyBuilder admin panel and select “Hide all” at the “Create a Splash Page for Logged-Out Users” option, and select “Show all” at the “Create a Splash Page for Logged-In Users” option. You can also select to “Show Home Page Title and Content” to logged-in members only here (that’s the content you put on the page you selected as your front page above).

Splashpage settings screenshot

Alternatively, you can select the option under “Create a Splash Page for Logged-Out Users” to “Hide all except the header image”. This way, you can flaunt your site brand by having your header image appear on your splashpage. It even works with the “Header Image Rotator” feature! Here’s a screenshot of this option using a static image.

Header without menu screenshot

Then, under the “Navigation” tab, select either setting to “Show form of front page” at the “Login Form Options” setting.

Login form settings screenshot

Now go to the “Privacy” tab in BuddyBuilder and select “Enable” at the “Site Lockdown” option. Here, you can also enter the full URL (including the http part) to the page you want not-logged-in site visitors to be redirected to in the optional “Site Lockdown Redirect URL” field. Note that this page must be assigned the “Site Lockdown Redirect” page template under “Page Attributes” when creating or editing the chosen page. Put any content you want on this page.

Site lockdown screenshot

And there you have it… regardless of your site styling, you should now have a full-fledged splash-page and a fully private community! To test it, try to get anywhere on your site by entering known URLs in your browser’s address bar. You’ll see you’re consistently redirected to your new splashpage or your optional redirect page.
Now smile. You’ve earned it :-)

If you want to take this splashpage concept a step further, and display different content on your homepage to logged-in versus logged-out users, install the Widget Logic plugin on your site. You will see a new option field in every widget where you can use WordPress conditionals to target your widget content (don’t worry, the plugin is well documented, and you can find all the conditionals you could ever hope for here in the WordPress Codex).

To display a Homepage widget to logged-in members only on the homepage, enter this in the Widget Logic field: is_user_logged_in() && is_front_page()

To display a Homepage widget to logged-out users only on the homepage, enter this in the Widget Logic field: !is_user_logged_in() && is_front_page()

Widgets screenshotWidget Logic screenshot


Viewing all articles
Browse latest Browse all 10

Trending Articles