Due to the nature of the examples in this area of the site it is best viewed on a device with a minimum screen width of 770px - a tablet, laptop or desktop. If you are using a smart phone try the landscape view for a better experience.

WordPress Set Up Basics for Animation Studios

With WordPress the set up is slightly more complicated than SquareSpace but remember you are investing the time now for more flexibility later.

With WordPress the set up is slightly more complicated than SquareSpace but remember you are investing the time now for more flexibility later.

If you've decided to use SquareSpace only (and completed the set up in the previous tutorial) you can skip ahead to SEO Friendly Website Structuring for Animation Studios

w WordPress Step by Step
  1. Open a new browser window and navigate to https://www.bluehost.com
  2. From the top menu select 'WordPress' -> 'WordPress Hosting'.
    Bluehost sign up with WordPress step one
  3. Scroll down until the pricing table is visible. Select their 'Basic' plan. You can always upgrade later if you need to.
    Bluehost sign up with WordPress step two
  4. We're just experimenting with WordPress at the moment so click "I'll create my domain later"
    Bluehost sign up with WordPress step two
  5. On the next screen fill out your account details. In the 'Package Extras' area untick all the boxes although consider the 'Single Domain SSL' option if you are already sure you want to have your website on WordPress.
    Bluehost sign up with WordPress step three
  6. Click on 'more payment options' and select PayPal to pay with the PayPal (you can use a credit card on PayPal and you do not need a PayPal account).
    Bluehost sign up with WordPress step four
  7. After filling out your account details, tick the terms and service box and click on the 'submit' button.
    Bluehost sign up with WordPress step four
  8. After you have gone through the PayPal checkout you will be redirected to a page like the one below. Click 'Create your account'
    Bluehost sign up with WordPress step five
  9. Think up a secure password ad enter it here. Then click 'Create Account'.
    Bluehost sign up with WordPress step six
  10. You will be redirected to a page like the one below. Click 'go to login'.
    Bluehost sign up with WordPress step seven
  11. Use the password you have just thought up to log in.
    Bluehost sign up with WordPress step eight
  12. Now click on 'Create your website'
    Bluehost sign up with WordPress step nine
  13. Select business
    Bluehost sign up with WordPress step ten
  14. Click 'Get started'. We'll ignore the BlueHost Website Builder offered in this step because there are better options out there.
    Bluehost sign up with WordPress step eleven
  15. Skip this step.
    Bluehost sign up with WordPress step twelve
  16. Skip this step as well.
    Bluehost sign up with WordPress step thirteen
  17. Now enter the name of your site. Make sure it includes your business name - in this example 'Preonus' and what you are (i.e. 'Animation Studio'). This will have important SEO implications later so use this format. Ignore the tag line if you don't have one, it's not that important! Now click 'Continue'.
    Preonus Animation Studio
    Bluehost sign up with WordPress step fourteen
  18. Skip this step.
    Bluehost sign up with WordPress step fifteen
  19. You will then be forwarded to your BlueHost admin panel.
    Preonus Animation Studio
    Bluehost sign up with WordPress step sixteen
  20. Click My Sites from the left hand menu and then Manage Site.
    Preonus Anim...
    Bluehost sign up with WordPress step seventeen
  21. In the next screen click Log in to WordPress (top right of the screen).
    Preonus Animation Studio
    Bluehost sign up with WordPress step eighteen
  22. This will open a new window which is the WordPress admin panel. Scroll down, click 'Launch with confidence'. After that click 'Launch your site' button.
    Bluehost sign up with WordPress step eighteen
  23. Back to the Bluehost admin panel. Click Home (1) in the menu and right click of your temporary domain name (2).
    Preonus Animation Studio
    Bluehost sign up with WordPress step eighteen
  24. Click 'Open link in the new tab' to open your website and see how it looks.
    Preonus Animation Studio
    Bluehost sign up with WordPress step eighteen

Now, with your website open you are probably pondering how bloody awful it looks. That's because it will be using the standard WordPress 'theme' which will make you want to cry! A 'theme' is just a fancy way of saying 'a website design'.

You'll need to install a better theme but again you don't need any tech skills to do this.

WordPress off the shelf themes for Animation Studios

There are thousands and thousands of WordPress themes out there - its mind numbing and you could easily spend days routing through demos and trying them out. However, I'm going to recommend you use Mesmerize Pro for the following reasons:

  • It loads fast - yes, I keep banging on about websites that load fast being important to SEO ... and I really mean it!
  • It's easy to use - there is a built-in website page builder that makes it simple to create and edit pages as SquareSpace
  • It's nearly ready to go - we can use one of their demo sites which can, with a few tweaks, become a Animation Studio website.

Mesmerize Pro costs (either a one-off lifetime fee or annual subscription) but I am going to say the same thing as I did for hosting - there are other options out there but unless you know how to speed test them you could end up with a theme that severely slows down your website and shoots your SEO efforts in the foot.

On a side note I am not an affiliate of the company that created and maintains Mesmerize and I get no commission from them. I am recommending this theme purely because of its SEO merits.

OK - let's get Mesmerize Pro up and running.

w WordPress Step by Step
  1. Log in to your BlueHost account at https://my.bluehost.com
  2. Click My Sites from the left hand menu and then Manage Site
    Preonus Anim...
    Bluehost sign up with WordPress step seventeen
  3. In the next screen click Login to WordPress.
    Preonus Animation Studio
    Bluehost sign up with WordPress step eighteen
  4. In the left menu, hover over Plugins and click Installed Plugins.
    Bluehost Jetpack Deactivated step one
  5. Scroll down and click on the Deactivate link next to the Jetpack Plugin. We will come back and cover plugins later. For now we just want this particular one out the way.x
    Bluehost Jetpack Deactivated step two
  6. Click the Deactivate button in the pop-up window that appears.
    WordPress Theme install step three
  7. Now at the bottom of the left hand menu hover over Appearance and then click Themes from the menu that pops out.
    WordPress Theme install step one
  8. The next screen will show a handful of themes. Ignore these and click Add New.
    WordPress Theme install step two
  9. The screen that opens will show lots and lots of themes. In the search box on the right hand side search for 'MesMerize'
    WordPress Theme install step three
  10. Hover over the theme to display the hidden buttons.
    WordPress Theme install step four
  11. Click Install and wait here until you see the 'activate' button. This may take a while.
    WordPress Theme install step five
  12. Click Activate.
    WordPress Theme install step six
  13. Click on the Install Mesmerize homepage Button.
    WordPress Theme demo import step one
  14. Then click on Activate.
    WordPress Theme demo import step two
  15. Back in the left hand menu hover on Appearance again and click Customize.
    WordPress Theme demo import step three
  16. Here you'll see the free themes on offer. It's a pretty limited choise. We will import a demo and customize the site with the pro versions of Mesmerize. So click the close icon to close this pop up window.
    WordPress Theme demo import step four
  17. Click on the Upgrate to PRO button.
    Preonus Animation Studio
    PREONUS ANIMATION STUDIO
    WordPress Theme demo import step five
  18. Choose the Business business plan and click Buy Now.
    WordPress Theme demo import step six
  19. Fill in all the details and click Pay.
    WordPress Theme demo import step seven
  20. After paying you will get a email like this. Click on the Download button. Then, copy and paste the License Key from here into a Word or notepad file. We'll need it later.
    WordPress Theme demo import step eight
  21. Download the file into the Downloads folder in your computer. Then go back to the WordPress Dashboard.
    WordPress Theme demo import step nine
  22. Now we need to add the pro versions of the Mesmerize theme we just downloaded. To do this go to the left hand menu, hover on Appearance and click Themes.
    WordPress Theme demo import step ten
  23. Click on the Add new button.
    WordPress Theme demo import step eleven
  24. Next, click on the Upload button.
    WordPress Theme demo import step twelve
  25. Then, click Browse
    WordPress Theme demo import step thirteen
  26. Navigate to the Downloads folder on your computer then click on the zip file which was downloaded previously. Then click Open.
    WordPress Theme demo import step fourteen
  27. Click the Install Now button. This may take a while so be patient!
    WordPress Theme demo import step fifteen
  28. Click Activate to activate the theme.
    WordPress Theme demo import step sixteen
  29. Click on the Mesmerize info from the left side menu to add the Activation Key you copied earlier to a Word or Notepad file.
    WordPress Theme demo import step seventeen
  30. Click Theme License and put in the activation key from earlier. Then click on Activate License
    WordPress Theme demo import step eighteen
  31. Click Demo import.
    WordPress Theme demo import step nineteen
  32. Find the 'Business' demo and click Import.
    WordPress Theme demo import step twenty
  33. Click on the INSTALL PLUGINS AND IMPORT button. Then be patient! It may take sometimes to install the demo site.
    WordPress Theme demo import step twenty-one
  34. Click See the result. This will open a new tab in the browser with a website that looks a lot more professional than the WordPress default one that made you wince earlier.
    WordPress Theme demo import step twenty-two
  35. This is the 'Business' demo site that we will customize in a future tutorial.
    PREONUS ANIMATION STUDIO
    WordPress Theme demo import step twenty-three