Category Archives: Upload your Theme/Template/Website

5.5. Upload a Template in HTML

This is how you can upload a template in HTML using TemplateToaster. It is super easy and quick. Follow the below-mentioned steps to know more.

STEP 1: Export your website from File >> Export >> Html Website.

STEP 2: Now just extract the zip file that you exported. And put this file into the local server .

STEP 3: And you are ready to see the website on the browser.

5.4. Upload a Template in Blogger

Follow these steps to upload your theme in Blogger:

STEP 1: While exporting the theme in TemplateToaster, you have to add a Google account. And in case you do not have a Google account then add a “New Account” and click the “Ok” option.

STEP 2: Then log in to your administrator dashboard.

STEP 3: Navigate from the left sidebar menu, and open the Template –> Backup/Restore to add the theme. After clicking Backup/Restore you will get a dialog box as shown below.

STEP 4: Now browse and add the .xml file of your template.

STEP 5: Now your theme is successfully uploaded. Also you can view the blog to see your uploaded template.

5.3.1 Theme Settings in Drupal by TemplateToaster

Even after the installation, customizing the TemplateToaster theme is quick and easy. You will see an additional Theme settings Tab in the Settings page. These theme settings give you the flexibility to change some elements of your theme. Let us have a look at these theme options:

1 Menu Style Options

This tab provides you the options for styling the custom menu. If you select the ‘Horizontal’ option then it will give the “main menu” look . But if you opt ‘Vertical’ option then your menu will have the “sidebar menu” style.

2 Style Options

This tab is used for styling blocks in the ‘Menu’ positions. If you opt for TTDefault then it will give a “Sidebar Widget” look to the block. And if you select ‘No Style’, then no styling will be there.

5.3. Upload a theme in Drupal

Follow these steps to upload your theme in Drupal:

STEP 1: Log in to your administrator Dashboard in Drupal.

STEP 2: From the to menu of dashboard, navigate to Appearance and Click on Install new theme option.

STEP 3: As you click Install new theme, you will see a browse window as shown below. Browse your theme and click the “Install Now” button.

STEP 4: After the successful installation of your theme , a confirmation message will display as follows. Now Enable the theme by selecting your theme from Enable newly added themes.

STEP 5: After enabling the theme, it’s all done and you may visit the site to see how it looks on browser.

5.2.1. Template Options in Joomla by TemplateToaster

Firstly, even after the installation, customizing TemplateToaster’s theme is very easy. Also you will see an additional tool when you open the specific template settings, under the name ” Theme Options”. Again these theme options give you the flexibility to change some elements of your theme. Now let us have a look at these theme options.

1 Header Options

First of all this tab provides you the option for customizing the header settings. Additionally, you can customize the header settings as required for the website.

2 Footer Options

Significantly this tab contains the options for customizing the footer settings. Moreover, you can find various footer options for various social media platforms and many other customizing options for your website.

3 Color Options

Again this tab includes the options for customizing the color settings. Also you can customize the color settings for the footer here.

4 Sidebar Options

In addition this tab provides you the option for customizing the sidebar settings. Further you can manage the sidebar options for your website.

5 Style Options

Moreover, this tab provides you with the options for customizing the style settings. As well, TT default settings are enabled however, you can also choose other setting options.

6 Menu Style Options

Also this tab provides you the options for customizing the menu style settings.
Moreover, you can select TemplateToaster module block style i.e. TT-default. Styles selected for Sidebar module in TemplateToaster will be applied on the blocks in module position.
joomla menu style options templatetoaster

Firstly, Go to Joomla backend -> Extensions -> Templates -> Edit Template -> Style Options -> select style as ‘TT default’.
joomla menu style options templatetoaster default
Or you can select default TemplateToaster styles i.e. ‘None’, for the blocks in module position. And it will apply the styles selected for the elements in Element tab in TemplateToaster:
joomla menu style options templatetoaster none

Next Go to Joomla backend -> Extensions -> Templates -> Edit Template -> Style Options -> select style as ‘None’.

7 Menu Assignment

Again this tab contains the options for customizing the menu assignment settings. Furthermore, you can choose the best suitable option as needed.

5.2. Upload a Template in Joomla

Do you want to upload a template/theme in Joomla? Well, it is very easy and quick with TemplateToaster. You can  follow these steps to upload your theme/template in Joomla:

STEP 1: Log in to your Control Panel.

STEP 2: From the top navigation bar of panel, navigate to Extensions -> Extension Manager.

STEP 3: Click the browse button and install the theme by clicking on the upload and install button.

STEP 4: After uploading the theme, set the theme as your default theme.

STEP 5: Now you can visit the site and can see how it looks on the browser.

5.1.3.1 Row/Column Editor in Page Editor

Double-click the content and a menu bar, as shown below. It allows you to edit the content of rows and columns. Let us discuss the functions of these options for editing and formatting the content.

1 File Menu

The File Menu consists of general formatting options such as Undo, Redo, Bold & Italic styles, Alignment styles, Bulleted list, Numbered list, Left/ Right Indentation, and Inset/Edit link. You can choose accordingly.

2 Edit Menu

Edit menu contains general editing options such as Cut, Copy, Paste, Undo, and Redo. You can select as required.

3 Insert Menu

The Insert menu includes the options to insert links, special characters. Media, Read More tag, and Page Break.

4 Format Menu

Format Menu consists of the most commonly used text formatting options such as Bold, Italic, Underline, Strikethrough, Superscript, and Subscript.

5.1.3 Page Editor in WordPress Theme

1 Add a Row

With these controls, you can add a row with predefined columns in your page.

2 Edit Source Code

Click on this button to view the source code of the page and edit the same.

3 Preview

Allows you to preview the page in Desktop, Tablet and Mobile mode. To change the view mode, click the ” Desktop” button and select the mode as needed.

4 Move the Row

Use this to move the row to a desired place.

5 Customize Row Style

Lets you customize the row style. By clicking this control, you may add your own style class in the source code.

6 Add a Column

Use this to a column in the row.

7 Delete Row

Lets you delete the row.

8 Move Column

Use this to move the column from one place to another.

9 Increase/ Decrease Width of Column

The option lets you adjust the width controls of the column. You may decrease the width of the column by clicking “-” and increase the width with “+”.

10 Customize Column Style

Use this to customize the column styles. By clicking this control, you may add your own style class in the source code.

11 Delete Column

Deletes the column.

12 Add  Columns

You can add a column inside the column.

5.1.2. Page Options in WordPress Theme

While Adding/Editing a page in WordPress, you’ll see Page Options at the right side of the screen. Let us discuss about these options here.

1 Show/ Hide Page Title

Use this option to Show/Hide the title of the page on your website.

2 Show/ Hide Footer

Lets you show/hide the footer of the page.

3 Change Header Background Style

Use this to choose a preferred style for the header background. There are three options for choosing the style – Fill, Horizontal Fill, Vertical Fill.

4 Disable Header Repeat

Use this to enable/disable the header image repeat.

5 Upload Header Background Image

Lets you upload an image to apply to the header background.