Setting up your theme

1) Creating theme pages

Start by adding the pages you are going to need. Go to Pages > Add New and create the following:

  1. Home. This will serve as your homepage. Assign to it the Front Page – Fixed width slider or the Front Page – Full width slider template from the Page attributes panel. Publish the page.
  2. Blog. This will be your posts page. Just create it.
  3. Contact. Here you can place your contact form. Apply the Contact Page template. Contact information and map location can be set through CSSIgniter settings > Contact options.
  4. Services. This page shows your services as a business. Apply to it the Services Listing template and publish it.
  5. Works. Here you will host your works. Apply to it the Works Listing Page template and publish it. The number of columns for your Works listing page can be set from CSSIgniter settings > Work options.
  6. Products. This page serves as your products’ showcase. Apply to it the Products Listing Page template and publish it. The number of columns for your Products listing page can be set from CSSIgniter settings > Product options.
  7. Clients. Your clients will be displayed here. Apply to it the Clients Page template and publish it.

(TIP: All page titles serve as examples, you can name your pages according to your needs.)

Once the pages are created, navigate to Settings > Reading. Set the “Home” page to be your static front page and the “Blog” page to be your post page, as demonstrated in the image below:

reading-settings

2) Populating your blog

To add new posts to your blog, go to Posts > Add new. Title your post and enter the content in the editor. Upload a featured image by clicking Set featured image on the Featured Image panel. Add a category and/or tag to the post from the respective panels and publish the post.

add-new-post

3) Adding Slider items

To add items to your homepage’s slider go to Slider Items > New Slider Item. Set a title for the slider item and upload a featured image (which will be the image displayed on the homepage. Images for the fullwidth slider should be at least 1920×600 and for the fixed 940×400). Then in the Slider Details panel you can set a URL to which the user will be redirected to when clicking on the slide. Publish the slider item. Slider speed and auto-slide functionality can be adjusted under CSSIgniter settings > Display options.

businesstwo-slider-details

4) Adding Services

To create a new service item go to Services > New Service. Set the service’s name as a title and enter relevant information in the content editor. In the Service Details panel you can select if you want this service shown on the homepage service section and set an image for it. Finally publish the service item.

businesstwo-service-details

5) Adding Works

Start by going to Works > Skills and create a few skills so that you can group your works properly. Go to Works > New Work, add the title, content and select relevant skills. Set a featured image and move to the Work Details panel. Here you can upload images for your work’s slider. Select whether you want it on the homepage and add relevant project information. Finally publish the Work item. If you wish to remove the related items from the single work view, you can do so under CSSIgniter settings > Work options.

businesstwo-work-details

Please read the Uploading images to Works/Products section below before adding your images

6) Adding Products

You can create categories to group your products by going to Products > Product Categories. Then go to Products > New Product, add the title, content and select its category. Set a featured image and move to the Product Details panel. Here you can upload images for your work’s slider. Select whether you want it on the homepage and add your product information. Finally publish the Product item. If you wish to remove the related items from the single work view you can do so in CSSIgniter settings > Product options.

businesstwo-product-details

Please read the Uploading images to Works/Products section below before adding your images

7) Adding Clients

To create a client item go to Clients > New Client. Add the title and relevant content. Select its category, set a featured image and move to the Client Details panel. Here you can add a URL if you want to make the client’s image clickable. Finally select whether you want the item displayed on the homepage or not.

businesstwo-client-details

8) Creating your menu

Go to Appearance > Menus, check the pages you want on your menu and add them. Give your menu a name and save it. You also need to set your menu as Main menu. This can be done either by checking the Main menu box in Menu Settings just below your menu items in Menu Structure or by going to the Manage Locations tab and selecting the menu you just created.

businesstwo-menu

(TIP: for more info on creating and managing menus, please read the WordPress Menu User Guide here)

9) Adding content to your Homepage

The homepage on BusinessTwo consists a slider, the services and clients sections, a call to action button and two widget areas that feature the content the homepage has. These are the Front Page Services sidebar and the Front Page (Before Footer) sidebar. You can access these areas and add content to them in Appearance > Widgets. Under CSSIgniter settings > Homepage options you can enable/disable the services – clients sections, select the column number for each one and customize the call to action button.

On you homepage’s sidebars you can use the CI Item widget to display your products along with the service & client items that are already displayed by default.

10) Changing Footer text

The theme’s footer features an area for you to enter your copyright information, privacy policy etc. To change the text, go to CSSIgniter settings > Site options and use the appropriate box (4th box down).

aegean-footer-setup

11) Changing header contact details

You can display your contact details on the theme’s header by going to CSSIgniter Settings > Contact Options and filling in the appropriate information (1st box).

businesstwo-header-contact-details

12) Custom Widgets

The theme features six widgets for you to display your content. They are shown below:

businesstwo-widgets
All widgets can be accessed from Appearance > Widgets. Below each widget you will find a small description explaining their function.

The CSSIgniter settings panel

Under Appearance > CSSIgniter settings, you can find the settings panel. From here you can modify multiple aspects of your theme, including changing your logo, setting a custom background, changing color scheme and applying custom styles via the custom CSS tab. All options feature a description so you instantly know their provided function.

Additional information

Uploading images to Works/Products

  1. On the Gallery Information panel click the Add Images button.
    gallery-settings-add-images
  2. To upload your images, drag & drop them in the Edit Gallery window that will pop-up, or select Add to Gallery in order to select already uploaded images. Once you are done, click the Update Gallery button on the lower right side.
    gallery-settings-update-gallery
  3. Your Gallery Information panel will look like this:
    gallery-settings-gallery
  4. You can re-arrange the order of images by drag & drop.
    gallery-settings-rearrange
  5. If you wish to remove an image from the gallery, hover your mouse over it and click the X as shown below.
    gallery-settings-remove
  6. By checking the Randomize order box your gallery images will appear in a random order that will change on every page refresh.
  7. When you are done, publish the item.

If you need to add images after the item’s creation just follow the same procedure.

Useful Plugins

  • CSSIgniter Shortcodes You can use this shortcode plugin to create a variety of layouts and elements on your site. Instructions can be found here.
  • Socials Ignited Use this plugin to create a widget that links to all your social profiles. You can also customize it with your icons and add new social networks. A guide can be found here.
  • Contact Form 7 Use this plugin to create a contact form, then copy the shortcode it gives you and paste it in the contact page you created earlier.

Image Sizes

  • Blog listing & Single service thumbs: 700x320px
  • Homepage fullwidth slider: 1920x600px
  • Homepage fixed slider: 940x400px
  • Thumbnail for product & work listing & single pages: 700x400px
  • Main thumbnail (used in custom post featured images, listing pages and widgets): 700x504px