Twenty Fourteen is a Hugo theme that ports the WordPress Twenty Fourteen design into a responsive, two-column static site layout with a dark color scheme and left sidebar.
What is Twenty Fourteen?
Twenty Fourteen is a Hugo theme that reproduces the look of the WordPress Twenty Fourteen default theme as a static site theme. It runs on Hugo, the static site generator, and produces a responsive two-column site with a dark color scheme and a persistent left sidebar. The theme is open-sourced under the GPL license and was ported by Dan Hersam, with design credit to the WordPress theme authors. It accepts Markdown content and front matter as input and outputs a static HTML website.
Key Features
- Responsive two-column layout — Adapts to screen sizes, with content plus a left sidebar that remains accessible.
- Dark color scheme — Uses the dark palette from the original WordPress theme.
- Figure shortcode — Provides a shortcode to embed images with captions, e.g.
{{% figure src="/images/snow.jpg" alt="A snowy day" caption="Snowy day" %}}. - Menu support — Add
menu=mainin a page's front matter to place it in the top navigation bar. - Based on WordPress Twenty Fourteen — Inherits the design and GPL license from the WordPress.org theme.
- Open source — Available on GitHub under the GPL license.
Who is it for?
- Hugo users who want a blog or content site with a classic WordPress look.
- Developers who need a minimal, responsive theme that supports a left sidebar for navigation or widgets.
- Bloggers who want to migrate from WordPress to a static site while keeping a familiar design.
What can you do with Twenty Fourteen?
- Publish a blog: Create posts and pages in Markdown, add
menu=mainto front matter to build a top nav. - Showcase images: Use the figure shortcode to add captioned images in content.
- Build a content site: Use the two-column layout for sidebar content like links or descriptions.
How does Twenty Fourteen work?
Add the theme to your Hugo site, create content with front matter, and use the included shortcodes. The theme automatically generates a responsive layout based on the page structure.
Pricing
Twenty Fourteen is free and open source under the GPL license.
FAQ
Is Twenty Fourteen free?
Yes, Twenty Fourteen is released under the GPL license, inherited from the original WordPress theme. You can use it on personal and commercial projects without paying a license fee.
What does the Figure shortcode do?
The Figure shortcode lets you insert an image with an optional alt text and caption. For example, write {{% figure src="/images/snow.jpg" alt="A snowy day" caption="Snowy day" %}} in Markdown to render a captioned image.
How do I add a menu item?
Add menu=main to the front matter of any page in your Hugo site. The theme will then display that page as a link in the top navigation bar.
Is Twenty Fourteen responsive?
Yes, the theme is responsive and uses a two-column layout that adapts to smaller screens, preserving the dark design and left sidebar.
