Back to Top

Category Archives: Creating Project

3.4. Opening a Project

In this section, you will see how you can open your saved theme/template. There are two methods for opening a project as following:

1. From Start-up Screen

You can select the ‘Open’ option from the startup screen as shown below. When you select ‘Open’, a browse window will open. You can locate your project there and a “Double – Click” on the desired project will open it in Template Toaster. If you want to open any recent project then just click the arrow to get a list of recently opened projects. Just select the desired project to open it .

2. From File Menu

You can also select the Open option from the FILE menu and can open your desired theme/template.

3.3. Saving a Project

Once you activated the product, you can also save your project for future references. So to save a project, you have following options:

Save Button

When you are done with the designing part of your theme/template, you can save it by simply pressing save button from top menu of the screen.

Save

You can also save your theme/template by choosing the ‘Save’ option from FILE menu.

Save As

You can select the ‘Save As’ option from the FILE menu to change the location of your project or to create a new copy of it .

Close Button

After saving your theme/template you can close it by simply pressing Close Button. You can use the same theme/template in future by opening it and that will be discussed in detail under Opening Project part.

3.2. Preview & Export Theme/Template

Preview of a Theme/Template: Before exporting, you can preview your theme/template that how it looks in the browser. For that, we have two ways:-

1) Quick Access Toolbar: Select preview option from Quick Access Toolbar where you can also make choice for the required browser.

2) File Menu : Select File Menu –> Preview .

– Export a Theme/Template: Now, you can export your design/theme/template in WordPress by clicking this button and at the same position, you will get the export option of the CMS you are working on.

2. After clicking the Export button you will get a screen as shown below:

1 Folder / Zip

In this screenshot you can see that you have an option of exporting the theme/template in the folder or zip form, so you can select accordingly that you want your theme to be in a zipped or a folder form.

2 Right to left language support

If you want your theme to Support Right to Left Language then you just need to check the checkbox of ‘Right To Left Language Support’.

3 Folder Name / Path

After that select the folder name and path accordingly.

4 Content

This check box facilitates you to export the template with/without content. If you check it, the template will be exported with content.

5 Click Export

Click on Export. Your theme will be exported safely.

3. You can Export your theme/template in different CMSes. As you can see in the screenshot shown below that there are 10 different CMSes, so you can export your theme for your desired CMS the same way as you have exported in WordPress (Explained Above).

If you are unable to understand something while using our software, you can connect to us anytime through Support section.

3.1.4. Choose Color Scheme & Typography Options

This screen will display on the main window by default, so you can choose a color scheme and typography for your project beforehand. If you would like to change the color scheme and typography later too, you can do it easily by selecting the General tab –> Scheme. TemplateToaster provides the flexibility to change the text style anytime during the designing process.

COLOR SCHEME

TemplateToaster avails you with the hundreds of pre-installed color schemes which are BOOTSTRAP based. You can see all the color schemes by scrolling the list down and choose the desired-one for your project.

TYPOGRAPHY

For defining the text style of your template/website, you are given typography options such as Font Family, Font Size, and Line Height. You can specify the font size and line height in the corresponding boxes given or go with the default values.

ADD COLOR SCHEME

Even you can customize your own color scheme with “+” button given under the color scheme list. When you click this button, the More Schemes dialog will open as shown below. You can select different Primary, Secondary, Success, Info, Danger, Warning colors to specify a new color scheme and name it as you wish. For details, check out More schemes section.

ADD FONT

When you click the “+” button under the typography list, a new dialog will appear as shown below. In this Custom Fonts Dialog Box, you can browse more fonts from a huge collection of Google Web Fonts, Custom Fonts and System Fonts. So, you can add any font to the Typography list according to your need. For more details, Custom fonts dialog section.

Font Size

In this text box, you can specify the required font size for the chosen typography scheme. By default, it’s 14.

Line Height

This is to specify the line height where the default line height is 1.42. You can make changes as per your need.

3.1.2. Start from Scratch or Choose from Sample Templates

TEMPLATE CATEGORY

It is a drop-down list of different template categories. You can choose one category from many like Business, Education, All categories etc. Then the Template Gallery will display the related sample templates according to the choice made.

SAMPLE TEMPLATE GALLERY

Click Modify to select a template from the sample templates and customize its design according to your preferences.

START FROM SCRATCH

Click Modify on ‘start from Scratch’ screen to design your template from scratch.

3.1.3. Main Interface of Software

This is the Main user interface of the TemplateToaster software from where you can start designing your new theme/template.

FILE MENU

File menu contains a list of various commands to perform different functions like creating a new project, saving the project, opening project, exporting the project and much more. For details, please refer the File Menu section.

Quick Access Toolbar

QAT displays a list of frequent actions performed by the user: Undo, Redo, Save, Open file, Preview, Export. Please refer the Quick Access Toolbar Section for detailed explanation of these options.

GENERAL TAB

General Tab facilitates various options for designing a theme/template/website. These options include sample Templates, Color scheme, and Typography, layout, CMS Selection option, Add/Edit page template, CSS and Javascript editors, and favicons. Refer the General Tab section for details.

BODY TAB

This tab contains options for designing the body of the theme/template or website. You can choose background, texture, and effect, type of background i.e fixed/scroll and you can also customize the scroll up button for the template body from Body Tab section.

CONTAINER TAB

This tab displays various options for deciding the background, layout, and effects for the page. For further elaboration, please refer Container Tab section.

HEADER TAB

This tab includes options for designing the header which includes header position, background, layout, effects, foreground images, text areas, title, and slogan. It also contains settings for configuring the logo and social media icons. For details, please refer Header Tab section.

MENU TAB

It displays options to design the menu. Such as some preset styles, menu position, background, layout, effects, logo, foreground image, text areas, menu button designing, submenu designing and edit menu. These all options are elaborated in Menu Tab section.

SIDEBAR TAB

Side Tab has options for designing the sidebars, such as sidebar position, background, layout, effects, height. Please refer Sidebar Menu for details.

CONTENT TAB

It Includes all the options for designing the content part of the template/website. It has some preset styles for content, various options to set content properties, background, typography, texture, effects, shadow, lists, and table. Offers similar options for designing the posts and the comment form and the comments. Even, you can export a theme with no or dummy content and add new content later from the WordPress dashboard. For further details, refer Content Tab section.

FOOTER TAB

This tab has options for designing the footer part of template or website. It has preset styles of the footer, options for layout and background designing, choosing a texture, effects, and shadow, browsing custom images to add in the footer, drawing text area, choosing footer typography and social media configuration settings. For more details, see Footer Tab section.

WIDGET AREAS TAB

This tab gets active when you select WooCommerce, WordPress, Magento, Joomla, Opencart. Module Position Tab will appear in place of Widgets Tab If you choose Joomla. Block Reference Tab will appear if you choose Magento or OpenCart. It has features to design the widgets/Module/Block, like container properties, container background, header properties, header background, texture, effects, shadow, border, height, typography, content properties and content background. Let’s move to Widget Areas Tab to know more about it.

ELEMENTS TAB

Element tab contains options for designing the BOOTSTRAP based elements like Buttons, Input field, Pagination, BreadCrumb, Block Quote, Label, Alert, Badges, Line, CheckBox, and Radio Button. Please refer Elements Tab Section for details.

SLIDESHOW TAB

It includes all options for creating a slideshow such as a slideshow position, transition effects, button, pagination, background, layout settings, effects (texture, effects, shadow), foreground images, text area and logo browsing. If you want to remove the slideshow from your theme/template/website then just uncheck the checkbox. You can get further information in Slideshow Tab.

3.1.1. Select Desired CMS

You can select desired CMS option from the start-up screen and go ahead to design a theme/template for your website.

WordPress

WordPress is the simplest and most popular content management system. Millions of the websites are using this content management system. WordPress is mostly used for the following types of websites:

• Blogs

• Portfolios

• Membership websites

• Shopping stores

Drupal

Drupal is an open source, PHP-based content management system. It is a flexible platform to develop complex and large websites. Following types of websites are preferably made with Drupal:

• Government websites

• Large e-commerce and Business

• Social networking

• File storage websites

WooCommerce

An adaptable e-commerce platform which takes care of logistical and technical requirements by providing the hundreds of free and paid WooCommerce extensions. Some of its main features are:

• Seamless integration with WordPress

• Strong daily inventory management

• Pre-installed payment gateways

• Secure and up-to-date coding standards

Prestashop

PrestaShop is an open source e-commerce web development platform. It is based on PHP language and supports MySQL database management system. Below are the factors that make PrestaShop an easy to use e-commerce CMS:

• Customizable themes for the websites

• Add-ons to enhance the built-in functionality

• Meant for all types of business

• Supports enormous payment gateways

Joomla

Joomla is an open source and free content management system. You can build up any kind of website with Joomla. Yet, the developers like to use Joomla for following types of websites:

• Complex Blogs

• Government Websites

• Business and e-commerce

• News Websites

Blogger

Blogger is a popular blog publishing platform. You can publish your blogs for free on this platform. A blog is generally published with the sub-domain at blogspot.com. But, you can use your own custom domain too. Following are the major reasons to use this platform for publishing blogs:

• Customizable blog templates

• Inbuilt support for Google Adsense

• Multiple blogs from one account

• Seamless integration with Google+

HTML

Hyper Text Markup Language (HTML) is the standard markup language used for creating web pages. Choosing this option, you can create a static website in a short time. Below are major features possessed by TemplateToaster for designing an HTML website:

• Google and Custom fonts with dynamic font styles

• Add YouTube videos to the website

• Follows HTML5 and CSS3

• W3C validation ensures compliance with web standards

Magento

Magento is a renowned shopping cart software. It is an open source platform which is written in PHP language. It uses MySQL/MariaDB relational database management system. Following factors make it the favourable shopping cart software:

• Handle all stores from one admin panel • Enormous modules for extended functionality

• Customizable themes for the desired look of e-stores

• Supports all major payment gateways

OpenCart

An effective and customizable platform for e-commerce stores, OpenCart takes pride in transparency, open code, community vision and no catches. The main features of OpenCart are as follows:

• Multi-store management with custom settings for each

• Multi-currency and Multi-lingual

• Hundreds of world-renowned shipping methods

• Recurring Payments option to keep control

VirtueMart

The best fit for low to medium level traffic websites, VirtueMart supports an unlimited number of products and categories. It is based on Joomla MVC framework having features like:

• Supports multiple prices for a single product

• Inventory Management with virtual stock option

• Multi-currency format with auto update

• 8 checkout options with shipment tracking

Open

You can select the ‘Open’ option to locate your project from the Browse window that will open after clicking “Open”. A “Double – Click” on the desired project will open it in the TemplateToaster. If you want to open any recent project then just click the arrow to get a list of recently opened projects. Just select the desired project to directly move on that.

3.1. Creating a New Project

To Create a New Project in TemplateToaster, you can follow the steps as mentioned below:

Select Desired CMS – Select your Desired CMS for starting a new theme/template.

Start theme/template From Scratch or Select Sample Templates – Design your new theme from scratch or select sample template from the ‘Go With Sample Templates’ option.

Choose Color Scheme & Typography options – Choose your desired Color scheme and typography for your new theme/template.

Main Interface of the Software – In this, the main interface of the software will be shown after the installation and activation of the product.

3. Creating Project

This section contains quick tutorials to help you start working with TemplateToaster. It includes steps for creating the new projects, saving your project, opening the recent projects, and explains how to export your theme/ template in your desired CMS.

Creating Project:

Creating a New Project

Preview & Export Theme/Template

Saving a Project

Opening a Project