Hugo Magnolia 🌸 - A simple, customizable, multilingual Hugo theme thought for professionals and small businesses



Theme | Demo

I decided to give my personal thank you to the Hugo developers and community by making this theme available for everyone.

This theme is actually very “hugo noob” friendly, as it provides an example site to be used with the latest version of the theme, the main pages are there to be used as they are, with most of the params already in the config files. you can customize the color palette and some of the pages images. This theme also aims to be very well documented in order to be accessible even from a complete stranger and make your site run asap.

I strongly value the open source community as in these years i’ve been using many open source projects that made my life better and improved my digital freedom in many ways.

Freedom makes us better humans, and makes us improve our status faster and in an easier way.

Make sure to star this repo!

Features :zap:

I built this theme with simplicity in mind, it is small and easily customizable, responsive, modular and multilingual. But it also leaves some space to further in-depth customization since it uses Bootstrap and SCSS. This theme is thought to be used as a personal / business theme, it can provide a great landing page or blog for your activity!

1. Responsive

  • The theme is fully responsive and shows perfectly on every screen size.

2. Modular

  • Hide and show some elements easily from the config file.

3. Multilingual

  • The default content language is english (it can be changed), but you can add as many languages as you want very easily, the theme includes an italian language example and a dropdown menĂą for easily switching between languages. Permalinks can be localized in each language (eg. you can have /contacts for english and /contatti for italian).

4. Customizable

These are the currently customizable sections:

  • Landing page
  • “Services” page with arbitrary number of points
  • “Office” page with integrated google maps view for directions
  • Contacts page with FormSpree connected form and opening hours

5. SEO ready

  • Every page has an easily customizable meta description and a unique meta title for better and easier indexing. Each post has the option of adding a featured image, and, if not found, assets/img/meta-image will be used instead as meta image for Google, Facebook and Twitter. All pages that do not have a featured image will have the meta-image by default (eg. homepage, office etc). There is a robots.txt file which indicates the correct location of the sitemap index for faster indexing.

6. Google Analytics supported

  • Insert your Google Analytics tag in the config.toml file and be ready to track your site performances easily.

7. Google Maps included

  • The contact page can be easily customized by adding a google maps link to get directions towards your activity location.

8. Ready to Blog

  • The theme provides some archetypes and a simple directory structure, you can publish articles/posts in more languages, set a publish date, a featured image, an expiration date and tag your posts. You can create and translate custom tags. Latest posts will appear in the homepage, every tag will have its own list page, and every post will show a list of latest related posts based on tagging. If you include titles in your posts, they will be automatically rendered in a table of contents. SEO is carefully taken care of for posts as well. You can also disable the blog part of the theme entirely if you don’t need it!

Theme | Demo

3 Likes

Don’t forget about accessibility. A lot of theme authors do not test for that.

1 Like