Theme installation

The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.

In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer, and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.

TIP: More info on how to download and install a theme here.

Image Sizes

The minimum recommended image sizes for Carbone are:

  • Post thumbnail: 720x400px
  • Entry items: 660x500px
  • Fullwidth featured image: 1140x550px
  • Fullwidth narrow: 950x450px
  • Menu items: 67x67px
  • Hero image: 1600x500px
  • Homepage hero image: 1600x1067px

Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Contact Form 7 use this plugin to create a contact form, then copy the shortcode it gives you and paste it in a page which will serve as your contact page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • MaxSlider: You can use our slider plugin to generate sliders for your content.

Importing sample content

To get the sample content file you can click the link in the notice that will appear on your dashboard immediately after activating the theme.

download_sample

Extract the zip file you downloaded and upload the xml file in Tools > Import > WordPress (if not already present, you will be prompted to install the WordPress importer plugin), assing the authors to an existing user and make sure you check the “import attachments” box. You can now import the sample content.

You can also download the Sample Content for Carbone by clicking here

Importing widgets

You can also import the widgets you see on the theme’s demo. To do that, you need the Widget Importer & Exporter plugin. To install it go to Plugins > Add new search for widget importer exporter and install the plugin. Activate it and go to Tools > Widget Importer & Exporter click choose file and upload the carbone_widgets.wie file which is located in the sample content zip file, click Import widgets and you are good to go.  You can also download the Sample Content for Carbone by clicking here

WARNING: As this will create posts, pages, custom post types, categories, widgets, etc. and change various system settings, it is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be held responsible for total or partial data loss, so please be careful.

Adding a new post

To add new posts to your blog, go to Posts > add new and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking “Set featured image” on the Featured Image panel,
  4. add a category and/or tag to the post,
  5. once finished click the Publish button to publish the post.

new_post

Creating a page for your posts

To setup your blog page you can go to Pages > Add New and create a page named Blog. Then navigate to Settings > Reading and set that page as your posts page.

settings_reading

Now you can add that page to your menu to give your visitors easy access to all your posts.

 Adding a menu item

To create a new menu item navigate to Menu > New Menu Item and proceed to:

  1. Add the title for your menu item.
  2. Set the item’s price (you need to include the currency symbol as well).
  3. Add a short description about the menu item.
  4. Select the menu categories.
  5. Add a featured image.
  6. And finally publish the menu item.

Create a menu listing template

To create a listing page for your menu items go to Pages > Add New and select the Menu Listing template from the Page Attributes metabox on the right.

In the Menu Listing Options metabox that appears after you select the template you can:

  1. Select the Base Category for your menu template, this is useful if you want to just display one menu category instead of the entire meny (which appears by default).
  2. Change the number of columns of the menu listing, available options are one, two and three columns.

Customizing the theme

All the theme’s options can be accessed via WordPress’ customizer. Navigate to Appearance > Customize and you will be presented with this panel.

If you have used any theme from the WordPress.org theme directory you should be familiar with the usage of the customizer, if not you can read more about it here. Below we will take a look at the options each section offers.

Using this tab you can create new or modify existing menus. For more info on menu creation please check our small article here. Carbone features two main menus, one left of the logo and one on the right. You will have to split your main menu in two pieces and assign each one to its respective position to recreate the theme’s default layout.

Site Identity

Here you can set your site’s logo, title, tagline, logo padding and site title.

Layout Options

Here you can modify the blog’s default layout and choose between a ‘no-sidebar’ blog and a blog with a sidebar on the right. Additionally this tab allows you to customize the excerpt’s length and choose your preferred pagination method.

Posts Options

As you might imagine, this tab helps you configure the layout of single posts. You can toggle the featured image, the categories, date, and comments.

Colors

This tab allows you to customize the colors and background images for the entire site, the header, hero section, sidebars and the footer.

Typography options

Here you can modify the size of content headings, content and sidebar text.

Widgets

Through this tab you can access all the available theme sidebars and add widgets to them.

Social Networks

Here you can fill in all links to your social profiles and display them via a custom widget on any sidebar.

Titles

In this tab you can set titles for the blog section, search and 404 pages.

Here you can modify the left and right footer texts.

Static Front Page

static_front_page

Using this tab we can choose what gets displayed on the front page of our site. For example if we want to create a homepage using a the homepage template we provide create a new page and apply to it the Home Page template, name it home and set it as your Front Page as shown above. The Posts Page is the page that will display our post listing, as discussed earlier in the post creation section.

Other

This tab contains the custom CSS box which allows you to add custom styling if you need it.

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

Widgets

The theme comes with six custom widgets.

The Theme – Content widget allows you to display the featured image (if it exists) and the content of any post/page/menu item on your site.

The Theme – Hero helps you create custom hero sections on your homepage, just fill in the required info and save.

The Theme – Info widget is built to be used in the Pre Content & After Content widget areas. It can display a short piece of text and links to your social profiles.

The Theme – Menu widget allows you to display either your entire menu or a particular menu category on the homepage sidebar.

The Theme – Opening Hours can be used in any normal sidebar (not the fullwidth ones) to display your business hours.

Support

If you have any questions related to this theme, please let us know in the theme’s support forum here.

Summer Special: Get 30% off! Coupon code: SUMMERCLUB - Join Today!