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.
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!
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”:
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).
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
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.
In this section you can change the look and feel of your header and footer. Color, background, you name it.
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.
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.
Copy paste your Google Analytics code in here (including the <script> and </script> tags).
If you are using Feedburner for your feed this is the place to copy / paste your Feedburner URL.
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.
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.
Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums