Caroline Documentation

Firstly, thank you so much for purchasing Caroline! We’re confident you’ll love its flexibility and options.

If you want to take a look again the demo, click here or visit my Etsy shop.

This documentation is to help guide you through each step of setting up & customizing your theme. Please go through the documentation carefully. If, at any point, you would like a hand, don’t hesitate to reach out via Contact page or send an email to: traostudio@gmail.com

Let’s get started!


1. Installation

Take a look to the following video:

  1. On your computer, unzip this package you’ve just downloaded. Within, you’ll find a file titled “caroline.zip”. This is the theme file.
    • If you don’t unzip, you use the downloaded packaged file to upload, it will not work.
  2. In your WordPress Dashboard, navigate to Appearance > Themes.
  3. Click the Add New button and then click the Upload button.
  4. Select the “caroline.zip” file and click Upload.
  5. Once you’ve installed Caroline, click the Activate button.
  6. Within this banner notification, select the “Begin installing plugins” hyperlink.
  7. Check all boxes > Choose Install option from the Bulk Editor drop-down menu > click Apply.
  8. Click “Return to Required Plugins Installer”, do again but this time, select the “Activate” from the dropdown menu hyperlink.

2. Setting up Menus

3. Adding Social Media Icons

4. Featured Area (Slider) and Promo Boxes

5. Recent posts with images

In your wp dashboard, navigate to Appearance -> Widgets -> Add “Recent posts with Thumbnails” (this one is customized by the Caroline theme) instead of “Recent posts” (this one is default of wordpress) to your Sidebar or Footer area, then save change. Go to Homepage to see result.



6- Footer Instagram

In your wp dashboard, navigate to Appearance –> Widgets –> add the “Custom HTML” to “Footer Instagram”, then add the following code, then save change:

[instagram-feed num=8 cols=8 imagepadding=0 showheader=false showbutton=false showfollow=false]

Navigate to Instagram Feed section, click “Connect An Instagram Account“, then connect your instagram account to your website, save change and go to your homepage to see the result.


7- Newsletter form

Caroline comes with custom CSS stylings for the “MailChimp for WordPress” plugin. This plugin allows you to insert a newsletter sign-up form in your Sidebar area. 

When a visitor adds their email via the form, it is saved to your chosen MailChimp mailing audience list. When you’re ready, you can use MailChimp’s easy interface to create and send personalized newsletters to your hoards of fans! 

If you would like to apply the same stylings to your newsletter form as seen on Caroline‘s demo site, you can follow the steps below. 

SIGN-UP FOR MAILCHIMP

First, please ensure you have signed up and created an account with MailChimp ( http://mailchimp.com ). 

The first step you’ll want to do is to create an “Audience” within your MailChimp account. This is where all of your subscribers’ information will be kept. To create a MailChimp Audience, take a look to this tutorial.

Next you will need to have your MailChimp account generate a unique “API Key” number. This API Key is used to link your MailChimp account to your WordPress “MailChimp for WordPress” plugin which is collecting your newsletter sign-ups. To find your MailChimp API Key:   Log into your MailChimp account > Your Account Page > Extras > API Keys > Create a key. Take a look to this tutorial for API Keys

INSTALL THE PLUGIN

Commonly, if you have installed the required plugins right after you upload the Caroline theme, the plugin “MailChimp for WordPress” is already activated on your website, but if you didn’t install required plugins, you’ll need to: Log into your WordPress Dashboard > Plugins > Add New > Search for term “MailChimp for WordPress” > Install Now > Activate Plugin.

Once installed, navigate to the plugin’s Settings page.  Here, you’ll want to copy and paste your MailChimp account’s API Key into the form and click “Save changes”.

Navigate to WP Dashboard > MailChimp for WP > Forms.

Here, you will see the HTML code that “builds” your newsletter form. We will want to replace this HTML code with the following code instead in order to have your form resemble Caroline’s demo site. 

You can simply delete the code within the text box and replace it with the following instead:

<div class="news-wrap">
<div class="news-left">
<div class="news-label">Subscribe to my Newsletter </div>  
<div class="news-text">Be the first to receive the latest buzz!</div></div>  
<div class="news-right">
<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="Sign up" />
</div></div>   

Be sure to save changes to the form when finished. 

ADDING THE NEWSLETTER WIDGET TO YOUR SITE

To then add your newsletter sign-up form to your site, you can navigate to WP Dashboard > Appearance > Widgets and add the “MailChimp Sign-up Form” widget to Sidebar widget areas on the right side of the screen.