While Hermoso is a simple theme for WordPress let’s go through the simple steps of installing the theme and also provide an overview of our theme’s settings panel and functionality.

Theme Installation

Download the zip file and go to Appearance > Themes and click on the Install Themes tab. Click upload and then Browse. Select the theme zip from your hard drive and click install now. Wait for it and once the upload is done click Activate. The theme is now installed!

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Theme Features

Hermoso is a normal WordPress blogging theme that supports Post Formats (namely: Audio, Video, Standard, Image, Link, Gallery and Quote). The only intriguing feature we’ve implemented into this theme is the ability for you to customize (if you want) the color and looks of each and every post and page.

This is done simply by going to the actual post edit screen. Scrolling down you will see a tab named “Post Customizer”:

post_customizer

Using this, you can change the colors and background of each post and page, and save your changes as a preset for future use. You can also delete presets, or use the theme’s defaults (blue, orange or yellow).

Theme settings

Go to Appearance > CSSIgniter Settings and you will see our theme settings panel. As you can see there are 8 tabs available:

  • Site Options
  • Color Options
  • Display Options
  • Twitter Options
  • Google Options
  • Feedburner Options
  • Archive Options
  • Custom CSS

Site Options

In this section you can upload your image logo if you have one. If you want a text logo and slogan go to Settings > General and edit the Site Title and Tagline options. In the site options you can manage your favicons for various devices as well.

Color Options

In this section you can change the look and feel of your header and footer. Color, background, you name it.

Twitter Options

For the twitter widget to work, you have to navigate to this tab and fill the input fields following the exact instructions that we provide in the tab itself. Then navigate to Appearance > Widgets and drag the CI Tweets widget to your sidebar.

Display Options

3 main options in this section. First one let’s you choose what kind of content you want to display in the listing pages (index, category, archive etc). You can select to display the content or the excerpt, define the excerpt’s length and the read more text. The second option let’s you decide how you will be handling your site’s titles. The option “Automatic titles” goes through a long list of popular SEO plug-ins and acts accordingly.

There’s also an option to disable comments on pages and an option to hide the “Comments disabled” label from posts with disabled comments.

Google Options

Copy paste your Google Analytics code in here (including the <script> and </script> tags).

Feedburner Options

If you are using Feedburner for your feed this is the place to copy / paste your Feedburner URL.

Archive Options

This tab let’s you manage this page. You can select how many latest posts to display and toggle the visibility of the yearly,monthly and weekly archives.

Custom CSS

For those familiar with CSS we have included this tab so you don’t have to open and edit the main css stylesheet. Any styles you enter here will override the ones found on style.css.

Adding new posts

Start adding your precious content like you’d do with every other theme out there. One thing to note is that under the main content editor there’s an option that let’s you display a featured video at the top of each post instead of a featured image. Just copy / paste the URL of the video that you want to display. Make sure it’s coming from a supported provider.

 Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Use the coupon code IGNITER30 and get 30% off or use IGNITER100 and get $100 off our Lifetime Club Buy Now!