Download Themler 2.1.0 PRO Full Version (crack keygen)
With Themler you work with actual CMS data modifying pages, articles, blog post and products directly in Joomla, Wordpress, and other supported CMS. While designing you can use the predesigned sections, giving you results just in few clicks, or go with full customization of the smallest details.
Installing Themler
We’ll start with visiting themler.io website. Themler is available for desktop, and as a plugin for Joomla, Wordpress and some other supported CMS. We will demonstrate Themler features using an example of the Joomla plugin.
Download the Themler template for Joomla. The template is installed in a usual way for Joomla template, as a zipped package, from the Joomla Admin -> Extensions -> Extension Manager.
Themler plugin is installed in together with the template, and therefore it is easy for any Joomla user.
Make the Themler template default. Open the installed Themler template. After activation, the “Edit Template” button is available in the options. We begin with the Home template, which is used as the website’s front page.
If the Home template is not available in Themler, then please check that the current site menu includes the Joomla default menu item.
User Interface
Themler’s user interface consists of several essentials.At the top there is the Ribbon toolbar. The File tab provides access to the main theme operations including Save, Export, Import and others. The Home tab allows editing of the most popular parameters for the selected element. Edit provides the quick access to the main properties of the selected element. Insert and Design Tabs will be described later
To the top right there are supported Responsive modes, also Save/Publish Theme options, Refresh Content to have CMS changes to be reflected in Themler.
“Apply Theme to CMS” applies changes made in Themler to your CMS. In the Left panel you see the following tabs:
- In Articles you can access and move website articles.
- Store is used in eCommerce templates. Store pages are available if Virtuemart plugin is installed and activated.
Also we see Outline containing the hierarchy of section elements, and Sections with the list of sections.
The left panel may be hidden, if unnecessary, by clicking the stripe with the arrow, and reopened again.
Creating Sections
Let’s create the section from scratch. Add a Blank section. Add a container. Add a Row with Columns. Add a text into the left column, and make it the Heading 2. Add another text and also modify it.Insert an Icon. Change the default icon, find and select one from the Billion Photos library. Move the icon above the Heading. Modify the Heading. Copy the contents of the left column into the right. Start with the icon. Copy and paste the icon into the second column. The placeholder for pasting in the right cell is shown in green as it is the content area. Copy the Heading and the text the same way.
Change the icon in the second cell. Change the Heading. We will now show how to change the column width, just grab and pull the border of the right cell. In the top Ribbon there is also the Width option, in which you can select the size of the columns in percents, and also set the widths for the Responsive modes. Add Padding for the Row. Add backgrounds for the cells. Add paddings for the cells. Center the content in the cells. Change sрacing between the cells.
Now in the Ribbon, we will change the width of the row to Fluid and back to the Wide again. Open additional properties clicking the arrow in the right lower corner of the group. We see the cell properties in the Right Panel. Let’s change the Top Margin. Switch to Margins and Paddings Tab. Unlock Margins. Enter the value only for the Top Margin. Unlock and hide the Right Panel.
Back in the left panel, in the Outline, we not only see the control hierarchy, but can also move elements on the page with simple clicking and dragging. Let’s switch icons in the columns. We see that Headings are now wrong, we will fix that later. To apply changes made in the Editor click the “Apply Theme to CMS” icon in the top right corner of the top toolbar.
Post Template
Switching to the Post template we see the same style, as it has the same Posts control, used in the Blog. This looks incorrectly, let’ fix this. To customize only the Post template , click Customize Template Style, this means that other templates including the Blog will not be affected. Let’s choose a different layout for the Post in the Ribbon. Much better now! Right?!
For the Post Images, usually, you can see that the Lightbox option is enabled by default, this will enlarge images by click. On the Ribbon Post Content -> Lightbox. Switch the Lightbox off.
DOWNLOAD LINK
Niciun comentariu:
Trimiteți un comentariu