Travelify

Travelify is a Hugo theme that ports the WordPress Travelify design to a static-site blog with an automatic banner slider, multiple author support, and widgetized sidebars.

What is Travelify?

Travelify is a Hugo theme created by balaramadurai as a port of Aigars Silkalns's WordPress theme of the same name. It turns Markdown content with TOML front matter into a static blog with a carousel of banner images, a left profile sidebar, and a right widget sidebar. The repository includes an exampleSite with sample posts, configuration, l10n data, and banner images to help you start.

Key Features

• Automatic slider — Generates a carousel from banner images in the N most recent posts, set by num_features; switching to manual = true lets you flag posts with slider = true in front matter, or create YAML files in data/slider. The slider also accepts YouTube, Vimeo, Dailymotion, and mp4/webm videos.
• Mailchimp integration — Adds an email signup form to the right sidebar; you supply the form action URL in the mailchimpform parameter under [params.widgets].
• Multiple author support — Built in via the taxonomy, so posts can be attributed to different authors.
• Disqus comments — Optional comment system activated with your Disqus shortname; per-page opt-out with disable_comments = true in front matter.
• Localization (l10n) — All UI strings live in data/l10n.toml, letting you translate the theme without touching templates.
• Analytics and sharing — Google Analytics is enabled by setting GoogleAnalytics in config.toml, while social share buttons for Facebook, Twitter, Google+, and LinkedIn are configured under [params.share].
• Sidebar widgets — The right sidebar supports widgets for recent articles, categories, tags, tag cloud, author, DuckDuckGo search, and Mailchimp; each can be toggled under [params.widgets].
• Nested menus — Main menu entries support parent/child relationships using the parent parameter in config.toml.

Who is it for?

• Travel and lifestyle bloggers — the slider layout puts recent photo posts at the top, with banner images recommended at 1018x460.
• Multi-author publications — use the author taxonomy to show bylines and group posts.
• Hugo users migrating from WordPress — Travelify reproduces a popular WordPress design as a static site.
• Non-English blogs — translation via l10n.toml makes it easy to change every UI label.

What can you do with Travelify?

• Showcase recent posts: the homepage slider automatically pulls banner images from your latest posts; switch to manual mode to curate which posts appear.
• Embed videos in the slider: include a YouTube, Vimeo, Dailymotion, or mp4/webm video so a single slide can feature moving content.
• Collect email subscribers: drop in your Mailchimp form action URL to enable a newsletter signup widget.
• Build a fuller blog: use categories, tags, tag cloud, and per-post prev/next links; disable these on standalone pages with nodateline and noprevnext front matter flags.

How does Travelify work?

Clone the repository into your Hugo themes folder, copy the contents of exampleSite into your site root, adjust config.toml (slider settings, Disqus shortname, social links, widgets), and run hugo server to preview at localhost:1313. The theme requires Hugo's standard content structure and TOML front matter; no build step beyond Hugo is needed.

Pricing

Travelify is free and open source, released under the MIT license.

FAQ

How do I enable the slider?

Set enable = true under [params.slider]. With manual = false, the slider uses the banner images from the N most recent posts based on num_features. To hand-pick posts, set manual = true and add slider = true to each post's front matter.

Can I add a video to the slider?

Yes. In manual mode you can add slides from YouTube, Vimeo, Dailymotion, or your own mp4/webm file, thanks to a feature added from issue #32.

How do I translate the theme?

All visible text is defined in data/l10n.toml within the exampleSite; replace the English strings with your own language. The theme includes i10n data, so no template edits are needed.

How do I remove sidebars on a specific page?

Add disable_profile = true to hide the left profile and/or disable_widgets = true to hide the right widgets in the page's front matter. This lets you use the full width of the site.

Is Travelify free?

Yes, the theme is released under the MIT license. You can use, modify, and redistribute it.