Blogger cover

New theme : A modern design for your website

On 02/10/2017

Blogger is a new responsive theme that, like the Smart theme, is based on the EMS Framework, specially designed for emyspot.

It is thus optimized to be displayed optimally on any type of screen, from smartphone to the desktop. It is also "mobile first", ie optimized for a default display on mobile terminal, while ensuring optimal compatibility with all existing resolutions.

An unprecedented layout

A main menu displayed vertically

Until now, all themes on emyspot allowed you to display your main menu as a horizontal menu, either at the top of the site, above the header or below the header.

The Blogger theme innovates on this point by offering you the ability to vertically display your main menu on the left of the content area. A button placed in the site header controls the opening/closing of the main menu, thereby extending the width of the content area of the site.

This type of configuration will be perfect for a blog, for example, where the main menu could allow to quickly access the various categories. On the same principle, a main menu displayed vertically would also be suitable for a photo gallery or an online shop.

Of course, it is always possible to display the main menu horizontally. Whether horizontal or vertical, the Blogger theme offers the possibility of fixing the main menu, in order to make it accessible permanently.

A header with an image and/or a carousel

From the site's structure (accessible via Configuration> Menus), you can display a large image and a carousel of images under the heading of the site. You can also view these two areas at the same time. For some declinations of the theme, a default image is proposed to you. You can of course keep it or choose to replace it with another one.

A photo gallery in a "Pinterest" like fashion

From the options of a category of the "Photo album" module, you can define how the photos of the category will be displayed on the site (thumbnails, listing ...). By selecting the "List (large image + details)" view mode, the photos in the category will automatically be displayed in a staggered fashion (commonly called a "masonry effect" in web design) screen below:

Customizable thumbnails

Many of the elements of the site are displayed in the form of a vignette: products of the shop, categories of the Photo Album module ... The Blogger theme allows you to personalize their appearance by offering you the possibility to define:

the maximum number of thumbnails per line: You can display up to six thumbnails on a single line. The number of thumbnails will depend primarily on the width of the content area of the site and the resolution of the screen. Thus, a site without a vertical menu will have a more substantial content area and will allow to display a higher number of thumbnails per line.
the height of the thumbnails: The height of a thumbnail depends on its content. From a checkbox, you can choose to harmonize the height of your thumbnails.
the appearance of the short description: the thumbnails are usually accompanied by a short descriptive text, the display mode of which you can define, as shown in the image below

Highlighting your social networks

design themes personalize mobile

In Help to make a website

How to start on emyspot ?

On 04/08/2016

Create a website on emyspot with a few simple clicks. It is easy and free! All you need to do is choose the URL, select a theme and then activate the add-ons as you need. If you are like me, you enjoy a detailed breakdown of the process. So watch the video below as we guide you through the first steps of building your website.

In Website design

Create a Stylish Site: Best Practices to Customize your site with CSS

On 18/07/2018

Having an original and beautiful web page is crucial to provide Internet users and visitors of your website a more enjoyable experience and have returning visitors.

Upon applying the Blogger template or any other template suggested in the manager, you’ll be able to customize it completely, thanks to the CSS styles.