v1.1

Bootstrap App Landing / Coming  Soon Theme

by Oxygenna

Table of contents

1 - Getting Started

1.1 - Download From Theme Forest

1.2 - Installing the theme

1.1.2 - Install Via Admin Panel

1.1.3 - Install Via FTP

2 - Customizing the theme

2.1 - Change the style

2.2 - Change the theme font

2.3 - Change the logo

3 - Build your page

3.1 - Available widgets

3.2 - Add a big title

3.3 - Add a mobile phone slideshow

3.4 - Add an app link to your app store

3.5 - Add a countdown timer

3.6 - Add a MailChimp Sign Up

3.7 - Add your blog posts

3.8 - Add a twitter feed

3.9 - Add your social links

4 - Advanced Settings

4.1 - Add google analytics tracking

4.2 - Install the Seaside Resort font

4 - Troubleshooting

4.1 - Support Forum

4.2 - Known Issues

5 - Credits

1 - Getting Started

1.1 - Download From Theme Forest

First off, thanks for purchasing our theme!

Once you have downloaded the zip file from Themforest, unzip it using your standard zip software.  When it has finished you should have a folder with the following files & directories inside.

1.2 - Installing the theme

Before you install theme, make sure your installed wordpress version is 3.4 or higher. You also need to have PHP 5.2.4 or higher versions and MySQL 5.0 in order for the theme to function correctly.

There are two ways to install :-

1.1.2 - Install Via Admin Panel

  1. Login to the wordpress administration panel
  2. Appearance -> Themes, click the Install Themes tab, then click the Upload link. In the Install a theme in .zip format box browse for the theme zip inside the theme folder and click Install Now.
  3. The Install Theme from uploaded file will display the results of the installation. Click the Activate link to make that the Current Theme.

1.1.3 - Install Via FTP

  1. Extract the theme zip file contents to a folder on your local computer.
  2. Using an FTP client to access your host web server.  Upload the caelus theme folder into the wp-content/themes directory provided by WordPress.
  3. Click Appearance -> Themes and click the Manage Themes tab, under the Available Themes, if necessary navigate to the page displaying that Theme, then click the Activate link to make the Theme, the Current Theme.                        


2 - Customizing the theme

2.1 - Change the style

To change the theme style you need to

  1. Click the Caelus menu in the sidebar and select General
  2. Select either Colour or Sepia from the Style option.
  3. Click the Save Changes button at the bottom of the page

2.2 - Change the theme font

To change the theme style you need to

  1. Click the Caelus menu in the sidebar and select General
  2. Select either a font option
  3. Click the Save Changes button at the bottom of the page

2.3 - Change the logo

To replace the logo with your one you need to

  1. Click the Caelus menu in the sidebar and select General
  2. Make sure the Show Logo option is set to Show
  3. Find the Logo option and click the remove image button, to remove the default logo
  4. Now click the Set Image button and upload your logo or if you have already uploaded it choose it from the media library
  5. Click the Save Changes button at the bottom of the page


3 - Build your page

Building your page is super easy, because all the elements of the site can be added as widgets.  This allows you to mix and match the elements you want and position them anywhere on the page easily.

3.1 - Available widgets

The following widgets are available for you to build up your page.

1)  Caelus - Big Title - adds a big slabtext title and subtitle to the page

2) Caelus - Mobile Phone Slider - shows a mobile phone with a slideshow of screenshots inside

3) Caelus - App Available Button - adds an app link button to your site

4) Caelus - Countdown Timer - shows a timer that counts down to a set date

5) Caelus - MailChimp Sign Up - collect email addresses from users

6) Caelus - Recent Posts Slider - displays your most recent posts in a horizontally scrolling slider

7) Caelus - Twitter Feed - shows your latest tweets

8) Caelus - Social Links - link your page to your social networks

3.2 - Add a big title

  1. Select Appearance / Widgets from the side menu
  2. Drag a Caelus - Big Title widget into the body box on the right
  3. Enter a title and tagline into the widget options
  4. Click Save

- Note: each line will be made to fit the width of the page

3.3 - Add a mobile phone slideshow

First create a slideshow

  1. Select Slider Images / Slideshows from the side menu
  2. Fill in the name input box below Add new slideshow
  3. Click the Add New Slideshow button

Next upload some images

  1. Select Slider Images / Slider Images from the side menu
  2. Click the Add New button at the top of the page
  3. Add a title to the title box below the Add New Image heading
  4. Click the Set featured image link in the Featured Image box on the right
  5. Upload / Select from media library your image
  6. Click the Set featured image 
  7. Click the Publish button to publish your new image
  8. Repeat until all your images are uploaded

Once you have all your slideshow created time to add a mobile phone slider to your frontpage.

  1. Select Appearance / Widgets from the side menu
  2. Drag a Caelus - Mobile Phone Slider widget into the body box on the right
  3. Change the slideshow options to what you want
  4. Select your slideshow from the slideshow option
  5. Click Save

3.4 - Add an app link to your app store

  1. Select Appearance / Widgets from the side menu
  2. Drag a Caelus - App Available Button widget into the body box on the right
  3. Change the slideshow options to what you want
  4. Select your slideshow from the slideshow option
  5. Click Save

3.5 - Add a countdown timer

  1. Select Caelus / Countdown from the side menu
  2. Select a date to count down to in the countdown end date option.
  3. Click the Save Changes button
  4. Select Appearance / Widgets from the side menu
  5. Drag a Caelus - Countdown Timer widget into the body box on the right
  6. Click Save

3.6 - Add a MailChimp Sign Up

First of all make sure you have a MailChimp account set up.

https://mailchimp.com/signup/

Once you have an account, create a list to save emails in.

Next you need to configure Caelus to use your mailing list.

  1. Select Caelus / MailChimp from the side menu
  2. Add your MailChimp API key into the MailChimp API input
  3. Click the Update Lists Button
  4. When your lists have updated, select one from the Subscription List select box
  5. Click Save

Caelus is now ready to collect emails, next you need to add a sign up box to your page

  1. Select Appearance / Widgets from the side menu
  2. Drag a Caelus - MailChimp Sign Up widget into the body box on the right
  3. Click Save

3.7 - Add your blog posts

  1. Select Appearance / Widgets from the side menu
  2. Drag a Caelus - Recent Posts Slider  widget into the body box on the right
  3. Configure the options you want for your recent posts
  4. Click Save

3.8 - Add a twitter feed

  1. Select Appearance / Widgets from the side menu
  2. Drag a Caelus - Twitter Feed widget into the body box on the right
  3. Change the twitter options to what you want
  4. Click Save

3.9 - Add your social links

  1. Select Caelus / Social  from the side menu
  2. Enter in the urls for your social networks
  3. Click the Save Changes button
  4. Select Appearance / Widgets from the side menu
  5. Drag a Caelus - Social Links widget into the body box on the right
  6. Click Save


4 - Advanced Settings

4.1 - Add google analytics tracking

  1. Click the Caelus / General from the side menu
  2. Paste your google analytics tracking number into the Google Analytics option (should look something like UA-XXXXX-X)
  3. Click the Save Changes button at the bottom of the page

4.2 - Install the Seaside Resort font

  1. Go to this link - http://www.fontsquirrel.com/fonts/SeasideResortNF
  2. Click the @font-face Kit link
  3. Click the download font-face Kit button
  4. Copy the contents of the zip into THEME_ROOT/font/seasideresort


4 - Troubleshooting

4.1 - Support Forum

Please post any support problems on our support forum

http://support.oxygenna.com/index.php?p=/categories/caelus-wordpress

4.2 - Known Issues

Known issues will be added here


5 - Credits

  1. background textures by subtle patterns (http://subtlepatterns.com/)
  2. Slabtext font js - Slabtext js 
  3. Bazar font - http://www.abstractfonts.com/font/14741
  4. Sonsie One Font - Sonsie One
  5. Seaside resort font - Nick Curtis  (Not provided with the theme) http://www.fontsquirrel.com/fonts/SeasideResortNF
  6. Hill House Font by John Hicks - http://www.fontsquirrel.com/fonts/Hill-House