Monday 3 February 2014

[Build Your Business Online] TITLE

Build Your Business Online has posted a new item, 'A Simple and Free Membership Theme for WordPress'

src="http://dx80j0zj5pg2e.cloudfront.net/wp-content/uploads/livsstilsivaerksaetter-bootcamp-membership-300x188.png" alt="livsstilsivaerksaetter bootcamp membership" width="300" height="188" class="alignright size-medium wp-image-3084" />Not long ago I wrote about the building blocks I use whenever I href="http://retiremyass.com/setup-professional-membership-site/">setup a professional looking membership site.

The component in charge of the visual appearance of the membership site is href="http://retiremyass.com/optimizepress" >the WordPress theme Optimize Press.

I’ve used version 1.x of the theme for several websites and of course also bought 2.0 when it came out. However I’ve found Optimize Press 2.0 way too cumbersome to work with when it comes to membership sites, so right now I’m only using it a bit for squeeze and sales pages. And even here I’m considering moving to Lead Pages that everyone seem really happy with (I just don’t like having to pay a monthly fee :) ).

But don’t worry this post won’t turn into a huge rant about Optimize Press 2.0. I’m still using href="http://retiremyass.com/optimizepress" >Optimize Press 1.x for the member part of a membership site because the design looks nice and clean.

href="http://retiremyass.com/setup-professional-membership-site/">If you want to get the full Monty on this, head over to my other blog post.

In this post I want to explore a simpler way to get a professional looking membership site by using a free membership theme for WordPress. For the membership functionality href="http://retiremyass.com/wishlistmember" >I still recommend Wish list Member and while a lot of people think it’s a server resource hog (and I’m one of them), it’s still a damn nice plugin that

  • integrates really nicely with WordPress
  • is easy to use
  • does what you expect it to do

Now and then I’m toying around with alternatives, but I keep coming back to this workhorse of a plugin.

But instead of installing Optimize Press for the visual part of my membership site, I wanted to try something different this time around.

A Free Membership Theme for WordPress

I’m doing a small membership site with the video recordings from a two day boot camp I did in 2013 and after installing the latest version of WordPress I also got their latest “default” theme href="http://codex.wordpress.org/Twenty_Fourteen" >Twenty Fourteen.

src="http://dx80j0zj5pg2e.cloudfront.net/wp-content/uploads/700px-2014gridlayout-600x314.jpg" alt="Twenty Fourteen #1" width="600" height="314" class="aligncenter size-large wp-image-3082" />

It’s really designed for online magazines but although I tend to prefer “lighter themes” with white backgrounds, something about this dark theme with a lot of contrast caught my eye.

src="http://dx80j0zj5pg2e.cloudfront.net/wp-content/uploads/700px-2014sliderlayout-600x302.jpg" alt="Twenty Fourteen #2" width="600" height="302" class="aligncenter size-large wp-image-3083" />

The past couple of WordPress themes have always had a really big top banner. Something that is just wasting space in a membership site. But this new one had only a small narrow top banner (although you can make it higher through styling if you want).

So I decided to create this new membership site using the Twenty Fourteen theme.

And I must admit I’m feeling quite good about it. One other thing about this theme that I like over just installing Optimize Press as I usually do, is that it’s very fast. Optimize Press (1 and 2) has never been fast, actually quite the opposite. And when you do membership sites you can’t really use a caching plugin, so this has something to say when it comes to user experience.

Now please notice that I’m building this in Danish so you might not understand all it says, but you’ll probably have a pretty good idea about the site from this screenshot.

src="http://dx80j0zj5pg2e.cloudfront.net/wp-content/uploads/livsstilsivaerksaetter-bootcamp-membership-600x377.png" alt="livsstilsivaerksaetter bootcamp membership" width="600" height="377" class="aligncenter size-large wp-image-3084" />

I’ve basically just use the theme as it is, but I’ve also tweaked it a bit.

Settings

  • I’ve used the top menu downloads, bonuses, support and stuff like that, and then the left menu for the actual content (in “modules”).
  • I’ve added a Wishlist Member widget to the widget area for simple log in.

Tweaks

  • I installed the plugin Custom CSS Manager (http://wordpress.org/plugins/custom-css-manager-plugin/) in order to be able to tweak the styles a bit (without creating what is known as a child theme in WordPress (http://codex.wordpress.org/Child_Themes))
  • Widening the content area: The standard content area of a page is a bit narrow for my liking (too much white space) so I added the following custom styles to get a wider content area />

    .site-content .entry-header, /> .site-content .entry-content, /> .site-content .entry-summary, /> .site-content .entry-meta, .page-content, /> .site-content .comments-area { /> /* Original max-width: 474px */ /> max-width: 80%; /> }

  • Centring the content: The theme is left aligned which I don’t quite like. You can set a background image but when you can only see a bit of it in the right side, the whole thing seems a bit tilted. So I wanted the site centred with the background image showing in both sides. /> So I added the following custom styles

    #page { /> margin-left: auto; /> margin-right: auto; /> }

And that was about that.

So if you want a simple membership site I would recommend that you:

  1. Installed WordPress on a separate subdomain used only for your members (like members.yourdomain.com)
  2. href="http://retiremyass.com/wishlistmember" >Buy Wish list Member and run through its setup wizard
  3. Use the default Twenty Fourteen theme
  4. Setup a PayPal account if you don’t already got one, and you hook it up with Wish list Member

A simple recipe and then you just add your content.

For videos I tend to use the plugin href="http://wordpress.org/plugins/videojs-html5-video-player-for-wordpress/" >Video.js – HTML5 Video Player for WordPress. It’s simple to setup and use and the player looks really good (something that’s important now you got yourself a really styled and cool looking membership site).

Are you also using the Twenty Fourteen theme for membership sites? Or perhaps for something completely different? Let me know below src="http://dx80j0zj5pg2e.cloudfront.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />

You may view the latest post at http://retiremyass.com/free-membership-theme-for-wordpress/ You received this e-mail because you asked to be notified when new updates are posted. Best regards, Build Your Business Online peter.clarke@designed-for-success.com

No comments:

Post a Comment