Hello there, first of all, thanks for purchasing CuteCake.
This is a comprehensive and also easy to use help file that lets you setup and uses CuteCake WordPress theme. CuteCake is designed really user-friendly and if you have been a WordPress user before, you won’t need to read this help file completely and it’s enough to look at the main titles and read what you need.
Our themes usually get regular updates including bug fixes and improvements. So, don’t forget to follow us on Twitter
Some Important Notes:
- Please take the time to read through the documentation, as many support related questions can be answered simply by re-reading these instructions.
- We will be happy to help you tweak the theme but just for small ones. For more advanced customizations, contact us for paid customizations.
You need to extract the ht-cutecake.zip file. The folder name will be “ht-cutecake“. You can upload it directly to your host via FTP in /wp-content/themes. Then you can simply activate CuteCake as you would activate every other WordPress theme at Appearance -> Themes.
Also, you can use “ht-cutecake.zip” file in WordPress theme uploader section in order to install the theme via WordPress directly.
Remember that after activating CuteCake, you will be notified about installing a plugin. The notification will guide you to install Slider Revolution.
Click on Begin installing plugins to start installing the required plugins. Please activate the plugins after the installation and you’ll be done.
CuteCake is a one-page theme, so the Front Page is where all your page sections will be displayed. It will be your home page. To setup the front page, go to pages > add newand create a page without any content inside it. You can give it a title of “Frontpage”. Choose “Front Page Template” from the template drop-down list under “page attributes” content box
Now click “Publish” and go to Settings > Reading, assign the newly created “Frontpage” as static front page.
Setting Up The Blog
You need to do the same proccess for blog. Create a page, give a title (for example Blog) to it and set the page options shown below for it.
Now Publish it and go to Settings> Reading > and assign it as Posts Page.
Now we’re going to create the front page sections. In order to create the front page sections, navigate to Pages > Add New. Fill the page title with your desired title. Now scroll down to find “Highthemes Page Options“.
As you see, there are a few options you need to know how to work with. The first one is “Page or Section“. This option allows you to choose whether you’re creating a page section (shown on front page) or a separete page which will be opened as a new page ( it won’t be included in front page). Here we’re going to create page section so leave the first option as “Section”.
The next option allows you to disable the section from the menu navigation. It is used for those sections that you want to have on the front page but not in the menu.
The another important option here is “Page Section Type“. There’re a few pre-defined section types including General (default), Home Section, Portfolio,Section with Background, and Google Map section.
- General: Used for typical contents. You can put your content there, use the shortcodes to make your desired section.
- Home Section: This one is the container of the slideshow. Also, the first element on the navigation menu must be a Home section.
- Portfolio: used to show your portfolio items.
- Sections With Background: You can upload a background image, background color and set it as you like for this section type.
- Google Map: This is a special section for inserting google map with a caption in the front page.
1- Creating The Home Section
Home section must be the first section on the front page. It’s the container of the slider. To create a Home Section, create a new page, you can do so by navigating to Pages > Add New. You can give this page a title. you do not have to include any content. Under the page attributes section the page template must be set to “Default Template” and Under the “Highthemes Page Options” metabox, Select “Page Section Type” as “Home Section” and select the slideshow. ( you should have created the slider via Revolution slider section).
As you see, we’ve checked the “Disable Section From Menu” to hide this section from the main menu.
Your home sections are ready. You just need to create slider’s items.
Note that there must be only 1 home section and it should be placed as the first section in the Primary Menu.
2- Creating General Section
Select page or sections as “Sections” and Page Section Type as “General”
3- Creating Portfolio Section
After creating your portfolio items ( See 10. Portfolio/Gallery), you can display them as a page section in the front page. The settings should be like below.
You can choose the number of items to show and the portfolio category can be selected for each portfolio section.
4- Create Sections With Background
This section supports background image. To create it, use the following settings
You have a couple of options to control the background color & background image and its position.
5- Creating a Separate Page
All you need is to select “Separate Page” as shown below.
The theme uses Revolution slider which is included by default. You just need to install it as explained in previous sections. It’s so straightforward.
CuteCake comes with a lot of shortcodes with a visual interface. There’s an icon on visual text editor of WordPress which you need to click on in order to open the shortcode manager.
By selecting each shortcode from the list of shortcode and pressing the “Insert Shortcode” button, the shortcode with default values will be inserted into the content area.
CuteCake uses a custom post type for portfolio items. You can add your portfolio items by navigating to Portfolio > Add New
Managing Portfolio Categories
You can easily manage portfolio categories just as like as you do it for your posts. Go to Portfolio -> Categories on WordPress admin dashboard:
Creating a new Portfolio Item
After navigating to Portfolio > Add New, you need to fill the title and the content of the item. Then, as we shown below, (1) Upload the main thumbnail of the item. (2) Upload More images for the item which will be shown on the portfolio item page as a slideshow. And (3), here you can add some extra information to the single page. Please use the provided pattern for extra information.
In this section we will take a look at the general settiings of the theme. There is no need to explain each section because each section comes with a clear description.
CuteCake supports video & audio post formats. When you select a post format (while editing or creating a post), you will see some options under HighThemes Page Optionswhich would be related to the selected post format of yours.
For example, when you select video post format, you should scroll down to HighThemes Page Options to see the new options
As we said above, every post format has its own special options that you can set them under HighThemes Page Options.
Navigate WordPress admin dashboard and then go to Appearance -> Theme Options then go to Styling Options tab.
To install demo data, navigate to Tools > Import. Click on WordPress from the given list. If you haven’t installed the WordPress Importer plugin, a window will be shown directing you to install it. Now you will be redirected to the page where you can choose the demo data file. Choose it from the downloaded package under Demo XML and click “Upload File and Import”. If you’ve checked “download and import file attachments”, it will take a few minutes to import the data.
The social media icons will be shown on the main slideshow. You can also determine whether to open them in a new window or not when a user clicks on an icon.
