IceCubo Documentation

On this page you will find on how to get started with the IceCubo WordPress theme and how to use it.

Installation

Download the theme and add it to the theme section of the WordPress installation, i.e. “wp-content” → “themes”.

Activate IceCubo

Now, IceCubo theme will be available from the WordPress admin area. Simply from the WordPress dashboard and its left sidebar navigate to the Appearance and therefrom activate the new theme.

Site Editor

Once the theme is active you can access the Editor section which represents the design sphere of the site. Access it from Appeareance→Editor.

access the Site Editor

Note: Site Editor is a WordPress native feature with myriad features and design options. We do not go into detail regarding all the Editor’s options, documentation here is only for the features that the theme relies on. For other aspects of the Site Editor, you should look in WordPress’ official documentation or maybe YouTube.

On the screen’s left side, you can manage:

  • Navigation
  • Templates
  • Template parts
Site Editor navigaton
On the left side is the editor navigation

While exploring the Editor, you’ll be able to notice the right sidebar. Therefrom, manage:

  • Styles
  • Each block settings
Site Editor right sidebar
On the right are the styles and block settings

Navigation

Here you can add and remove menu items.

Templates

Access templates in WordPress site editor

The templates section enables you to add new or edit existing layouts.

Clicking on the bottom link “Manage all templates” leads you to the following screen:

Manage all templates in WordPress site editor
Here you can add the new template or reset the existing one

It’s better to add a new template if you wish to customize something for your site than to edit an existing template.

Templates that start with a capital letter are assigned to some post type or archive type, in the following way:

  • 404 → Page not found
  • Archive → “archive” pages
  • Index → Default blog layout
  • Page → Default for the single page of the “page” post type
  • Single → Default for the single post of the “post” post type, i.e. blog posts
  • Single without post header → Available for the “post” post type

Templates that do not start with a capital letter are post type agnostic, you can select these templates while editing any single post/page across your site. IceCubo theme comes with the following site-wide templates:

  • blank → empty template which basically means no Header and Footer
  • boxed → content is featured in a box
  • page-alike → The same as a Page’s default template, just you can apply it to other post types
  • page-alike-notitle → Like a Page template, just without a Title
  • page-alike-notitle-noheader → Like a Page template, but without the page’s header and title
  • sidebar-left → With a sidebar on the left *
  • sidebar-right → With a sidebar on the right *

* Templates with sidebars should be modified and actually sidebar content edited, if these templates are intended for use over the site.

Template parts

Access template parts in WordPress' site editor

Template parts are sections of the site that appear on different pages and most likely constantly over the whole website.

IceCubo theme comes with the following template parts:

  • Header
  • Footer

In the same way like with Templates, just by clicking the “Manage all template parts”, you can access the following screen and therefrom you can add new Template Parts or reset the edited one.

Add new Template Part to WordPress site
Add or reset the edited Template Part

Once these areas are edited, changes will reflect over the whole site.

Styles

From the right side, you can access the available styles.

Access the IceCubo WordPress theme styles
IceCubo WordPress theme - pick skin style

The styles section gives you the ability to pick a predefined color schema.

Block settings, e.g. Logo or Nav

Here we’re talking about editing the blocks inside the Site Editor, which doesn’t differentiate much from editing blocks inside the page editor.

While editing a template or template part, in order to change any aspect you have to actually change block settings. The obvious example, and something you most likely have to do, is to add the Logo and to set a default navigation menu.

Both of these are accessible from the “Header” template part. Simply, select the “Header” template part and click on the logo or navigation block and you’ll be able to change their settings.

Editing a block in WordPress
Add an item to the Navigation block

Page editing

While editing each page or post there are some options relying on the theme settings.

Template

While editing a page, you can change the layout of each page by selecting the desired template.

Pick a template in a WordPress post editor

Patterns

While the patterns are also reachable from the Site Editor, they most likely will be utilized from the content editing.

Access WordPress' blocks and patterns
WordPress patterns

IceCubo pattern Available sections:

  • Footer
  • General
  • Header
  • Hero
  • Post header
  • Section (Columns)
  • Section (Covers)
IceCubo theme - patterns
IceCubo WordPress theme – header patterns

Block styles

IceCubo theme adds some predefined block styles. With one click you can apply these styles for the following blocks:

  • Button
    • Highlight up → Applies the shadow to give a button push-up effect
    • No border → Eliminate default borders
  • Heading
    • Highlight → Applies the tiny text-shadow
  • Navigation
    • Mark hovers → Hovered links will be marked
  • Navigation Link
    • Outline → Adds a tiny border around the navigation item
  • Paragraph
    • Highlight box → In a shadow style makes a paragraph eminent
  • Post Title
    • Highlight → Applies the tiny text-shadow

Note: Some of these blocks, like Navigation or Post Title, are more suitable for editing from the Site Editor, rather than from the post/page Editor.

Examples

Since our site is also using the IceCubo theme, we can live demonstrate a couple of things. Well, that box above is the great live example. It’s a default paragraph with a “Highlight box” block style applied.

IceCubo theme - apply "Highlight box" style

However, here’s another live example with buttons, each button has a different style applied:

We may add additionional block styles with IceCubo updates, still the intention is to keep the theme lightweight.