Getting Started

Getting started with Summa Theme

Install the Theme

Installing a WordPress theme is super easy, you’ll see.

Options 1: Use WordPress Theme Install

  1. Navigate to Appearance → Themes in your WordPress admin dashboard.
  2. Click the Add New button at the top of the page then go for the Theme Upload option.
  3. For the file upload, pick Theme Files / summa.zip in the theme package downloaded from ThemeForest and click Install Now.
  4. Click Activate once the upload has finished.

Options 2: Using FTP

  1. Unzip a zip file package – the zip package is inside Summa files folder you have downloaded from ThemeForme
  2. Connect to your FTP
  3. Upload the extracted theme to: theme to: wp-content/themes/ And just replace exxisting files and folders.
  4. Lastly, update the includeed plugd plugins. You will see a notification message let letting you know the plugins have a new version and need to be updated. You should update the plugins. You can see Update Plugin fo Plugin for more de
IMPORTANT! After theme installation, at the top, the Theme Setup Wizard will run and there is a step information about Install Plugins. To install them and activate please click Install button, You can also navigate to Appearance → Install Plugins and install only necessary plugins.

Theme Setup Wizard

It makes installing a new WordPress theme, its recommended WordPress plugins, Customizer settings, widgets, and demo content, an exciting and gratifying user experience.

  1. Install Child Theme - Let's build & activate a child theme so you may easily make theme changes.
  2. Install Plugins - Let's install some essential WordPress plugins to get your site up to speed.
  3. Import Demo Content - Let's import content to your website, to help you get familiar with the theme.

Installing Plugins

Right after the theme was activated, the Theme Setup Wizard will run on the screen and there is a step on the installation of the plugins recommended for getting the best our of your theme.

  1. Select all the plugins in the list.
  2. Click Install button to begin activating the plugin.
NOTE: It is very important to activate the IV Theme Core and Better Builder plugin to have full access to the theme options.

Importing Demo Content

Importing From Theme Options Panel

Summa Theme allows you to import any of the demos with one click via the Theme Setup Wizard. You can choose or select an options to import data.

  1. In your WordPress admin dashboard, navigate to Appearance → Summa Setup
  2. Go to the Import Demo Content step on setup wizard and select data you want to import
  3. Click on Import button to import data

 

Note: The more images a demo imports, the longer the import will take. Because of this, if your demo fails to import, it’s most likely because your server PHP max_execution_time setting is set too low. max_execution_time can normally be set to 40 seconds to prevent server lockups from unresponsive scripts. If your demo import fails after loading for a little, you’ll need to increase it to at least 100 seconds to allow the import to complete. If you’re unfamiliar with editing PHP settings, your hosting company will be able to handle this for you.

Blog

Blog - Setup

To setup the blog page, in your WordPress admin panel, navigate to SettingsReading

Assuming you already have a page named “Blog“, for the Front page display, select “A static page” and choose your “Blog” page as the Posts page.

This is what you should be seeing on your screen:

Blog - Writing New Posts

To start adding posts to your blog, navigate to PostsAdd New

  1. Start filling in the blanks: enter your post title, write your actual body content in the main post editing box below it.
  2. As needed, select a category, add tags, and make other selections from the sections below the post.
  3. When your post is ready, click Publish.

Blog - Default Style

To start changing the blog style, navigate to AppearanceCustomizeBlogBlog Functionality

Homepage

Setup Homepage

You are able to set any page as your homepage for your website:

  1. Go to SettingsReadingsSelect A static pageFront pageChoose Home page or any page as you want.
  2. Hit Save Changes.

Theme Configuration

Create a new menu

There are two menu locations to help you organize your website: Footer Menu, Header Menu. To create a new menu:

  1. Go to AppearanceMenusHit Create a new menu.
  2. Give your menu a name → Hit Create Menu.
  3. In Pages: Select pages, links or categories to add to your menu → Hit Add to Menu
  4. In Menu SettingsChoose the Theme locations
  5. Hit Save Menu.

Install Widgets

You can see a list of all the widgeidgets. You can configure a widget by drag and drop it to theop it to the sidebar. You can position them and modify the content as you wan, go to WordPress DashboardAppearanceWidgets.

Create a New Page

You can choose the Page Layout: Summa - Full Width, Summa - Wide

To create a new page navigate to Pages dashboard menu item in your WordPress admin panel and click on Add new button.

  1. Input a new name for your page, then find the Page Attributes box on right side.
  2. Set your Parent page. It’s usually set to No Parent.
  3. Set your page template from from the Template dropdown list.
  4. Go to Page Settings to make the page you want

Gutenberg Page Builder-related tutorials

Usually, the page consists of Blocks, Columns and some other elements that can be edited via Gutenberg. Before you start, please check the following tutorials:

  1. Official WordPress page
  2. Official Documentation for Gutenberg page builder

With tons of shortcodes to choose from. Since each blocks comes with many options, it is simple to make the blocks fit the look of your website. Summa enables you to build modern layouts like the pros with little effort using the new WordPress Editor.

Theme Customizer

To start configure Summa Theme, navigate to Appearance → Customize to flexibly control the appearance and behavior of the whole website as well as individual types of posts, pages and categories.

Customize Summa Theme

  • Header
    • General
      • Header Height
      • Header Overlay
      • Header fullwidth
      • Search Button
      • Cart Icon Display
      • Header Style
      • Header Type
      • Background Color
      • Header Color
      • Button
    • Logo
      • Default Logo
      • Dark Version
      • Light Version
      • Logo Width
      • Logo Padding
      • Sticky Logo
    • Navigation
      • Main Menu
      • Main Menu Dropdown
    • Header Sticky
      • Sticky Enable
      • Mode
      • Height
      • Padding
      • Background Color
      • Header Color
      • Button
  • Typography
    • Secondary Font family
    • Link Colors
    • Body Typography
    • Heading Typography
    • Button Colors
  • Layout
    • Site Width
  • Sidebars
    • Pages
    • Search Page
    • Front Latest Posts Page
    • Blog Posts
    • Blog Archive
  • Colors
    • Primary Color
    • Secondary Color
  • Background
    • Body Background
    • Main Content Background
  • Footer
    • General
      • Show Footer Social Networks
      • Footer Divider
      • Footer Style
      • Typography
      • Font Size
      • Background
      • Footer Colors
      • Footer Widget Enable
      • Footer Copyright Text
      • Footer Info Box Enable
  • Page Title Bar
    • General
    • Style 01
    • Style 02
  • Blog
    • Blog Single Post
    • Blog Functionality
  • Social Networks
  • Social Sharing
  • Advanced
    • Advanced
  • Custom Code
  • Menus
  • Site Identity
    • Site Title
    • Site Icon
  • Widgets
  • Static front page