This documentation guides you through the installation, usage, configuration and customization options of the theme.

If you have any questions or need any assistance related to the theme, please feel free open a support ticket. Our support team will be happy to help you.

Here is Demo and Download links in case you need.

Theme Installation

Generally, you can install the Square theme in two ways either by FTP/Cpanel or via WordPress Dashboard itself. Based on the resources available and users preference you may choose any one method from the available two methods.

Installation via FTP/Cpanel

To Install the theme via FTP/Cpanel follow these steps:

  • Download a Copy of Total Theme zip file from WordPress.
  • Save the downloaded theme zip file in your hard drive.
  • Extract the downloaded zip file you will find a folder with style and other theme files inside it.
  • Now Connect the ftp server using the FTP details and copy the extracted folder to 'site-name/wp-content/themes/' path.
  • Now go to the Dashboard > Appearance > Themes.
  • You'll see the Square theme in the theme dashboard.
  • Activate the theme.

Installation via WordPress Dashboard

To install the theme via WordPress Dashboard follow these steps:

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Themes.
  • Click on Add New button then search for the Square keyword in search field.
  • Hover over the Square theme from the search result and click on Install button.
  • Once installed Activate the theme.

Home Page Setup

The theme provides you the option to display a Static Normal page as a front page, or Featured home page (which includes featured home sections like 'feature section, 'about' section etc..) as a front page or Blog posts in the home page. You may choose any of the available three options as per your need.

Setting Featured Home Page as Front Page

To display a static front page follow these steps:

Create a home page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page.
  • Enter the contents for the page in content area.
  • Select Home Page as a page template from Template drop-down option.
  • Click on Publish/Update button.

Configure to display a featured home page as front page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Settings > Reading.
  • Inside the Front page displays set the option to A static page and choose the page you created using Home Page page template from the Front Page drop-down list.
  • Once done, Click on Save Changes button.

 

Setting a Static Front Page

To display a static front page follow these steps:

Create a page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page.
  • Enter the contents for the page in content area.
  • Click on Publish/Update button.

Configure to display a static front page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Settings > Reading.
  • Inside the Front page displays set the option to A static page and choose the page you created from the Front Page drop-down list.
  • Once done, Click on Save Changes button.

Setting Blog as Front Page

Unfortunately, the theme does not display Blog Page by default. You need to delete the front-page.php file from the theme folder and then follow the below described process.

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Settings > Reading.
  • Inside the Front page displays set the option to Your latest posts.
  • Set the no. of posts to display in your front page in Blog pages show at most option.
  • Once done, Click on Save Changes button.

Header Setup

Configure Logo

Header logo option allows you to display a logo in your site replacing the default site tagline text. To configure the header logo for your site follow these steps:

  • Login to you WordPress Dashboard.
  • Go to Dashboard > Appearance > Customize.
  • Go to General Settings > Header Logo.
  • Click on Select Logo button.
  • Choose the logo of your choice from the media library.
  • You will be provided with the image crop functionality crop the image as per your requirement.
  • Then, click on Save & Publish button.

 

Menu Setup

 - Creating General Menu

1) Defining a Menu

You must define a menu before you can add items to it.

  • Login to the WordPress Dashboard.
  • From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
  • Select Create a new menu at the top of the page
  • Enter a name for your new menu in the Menu Name box
  • Click the Create Menu button.

Your new custom menu has now been defined.

2) Adding Items to a Menu

You can add different link types into your menu, these are split between panes left of the menu you're currently editing.

  • Locate the pane entitled Pages.
  • Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
  • Select the Pages that you want to add by clicking the checkbox next to each Page's title.
  • Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  • Click the Save Menu button once you've added all the menu items you want.

Configure Header Banner

Header Banner options allows you to display a either a solid color or banner image at the top of the inner page. To configure the header banner follow these steps:

  • Login to you WordPress Dashboard.
  • Go to Dashboard > Appearance > Customize.
  • Go to General Settings > Header Settings.
  • Set either white/black color as the banner background color from Header Background Color dropdown option.
  • Or set the Image instead of the solid color by selecting the image from the media library.

Configure Sticky Header

The theme provides the option to keep the header sticky or not. For this follow these steps:

  • Login to you WordPress Dashboard.
  • Go to Dashboard > Appearance > Customize.
  • Go to General Settings > Header Settings.
  • Check mark on Disable Sticky Header if you don't want to have header as sticky in your site else leave the option unmarked.
  • Once done, click on Save & Publish button.

Configure Slider

The theme provides you the option to display maximum of three slides in the site. You'll need to create pages to display it has the slides in your site.

Configuring Slider

  • Go to Dashboard > Appearance > Customize.
  • Go to Home Page Sections > Slider Section.
  • Under Slider (1-3) set the Caption Title.
  • Under Slider (1-3) set the Caption Sub Title.
  • Under Slider (1-3) set the image for the slide by clicking on Upload Button and selecting the image from the media library.

 

Setup Home Page Sections

The theme allows you to create total of 4 featured home sections.

  1. Featured Section
  2. About Us Section
  3. Tabs Section
  4. Client Logo Section

These sections will get displayed in the page which you've created using Home Page page template.

Featured Section

Create a Featured Page

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the featured page.
  • Enter the contents for the featured page.
  • Publish/Update the page.

Configure Featured Section

  • Go to Dashboard > Appearance > Customize.
  • Go to Home Page Sections > Featured Sections.
  • Check mark on Enable Readmore link option if you wish to display readmore button for each featured pages displayed under featured section else leave the option unchecked.
  • Select the featured page under the Featured Page (1-3) page dropdown option.
  • Select the fontawesome icon for the featured page from the FontAwesome Icon dropdown list.

About Us Section

Create About Us Page

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page.
  • Enter the contents for the page.
  • Publish/Update the page.

Configure About Us Section

  • Go to Dashboard > Appearance > Customize.
  • Go to Home Page Sections > About Us Sections.
  • Check mark on Disable About Section option if don't want to display the about us section in the featured home page else leave the option unchecked.
  • Select the about us page under the About Page dropdown list.
  • Click on Add/Edit Gallery button under About Page Stack Images and add the images for the about us section. These images will be displayed on the right side of the about us section as a stack.
  • Once done, click on Save & Publish button.

Tab Section

Create a Tab Page

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page.
  • Add the contents for the page.
  • Publish/Update the page.

Configure the Tab Section

  • Go to Dashboard > Appearance > Customize.
  • Go to Home Page Sections > Tab Sections.
  • Check mark on Disable Tab Section option if you do not wish to display the tab section in the home page else leave the option unchecked.
  • Set the title for Tab(1-5) under Tab Title textfield. If you leave this field empty page title will be used instead.
  • Set the icon for the Tab(1-5) from FontAwesome Icon dropdown list.
  • Set the page of the Tab(1-5) from Select a Page dropdown list.

Client Logo Section

  • Go to Dashboard > Appearance > Customize.
  • Go to Home Page Sections > Client Logo Section.
  • Check mark on Disable Client Logo Section option if you don't want to display the client logo section in the featured home page else leave the option unchecked.
  • Set the title for client logo section under Title textfield.
  • Click on Add/Edit Gallery under Upload Clients Logos option and select the image for the client logo from the media library.
  • Click on Save & Publish button.

Blog Page Setup

  • Go to Dashboard > Appearance > Customize.
  • Go to General Settings > Blog Settings.
  • Set the Blog Content Format option to Excerpt if you wish to display only the excerpt version of the blog post in the blog page else set the option to Full Content if you wish to display full blog post content in the blog page.
  • Check mark on the Disable Share Buttons if you do not wish to display the social share buttons for the blog post else leave the option unchecked.

Footer Setup

The theme allows you to display 4 footer widget areas in the Footer. To Configure these footer widgets follow these steps:

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Appearance > Widgets.
  • Drag and Drop the widgets of your choice to Footer One, Footer Two, Footer Three & Footer Four widget areas.
  • Configure the widget contents and settings.
  • Once Done, Click on Save button.