The title may strike you as a bit ominous, but fear not. Underscores, our popular starter theme for WordPress theme development, isn’t going anywhere. As we continue to push for consistency in themes and imagine what they might become with Gutenberg, we’re bringing our attention back to Underscores. 🚀 For the last year and a half, we’ve … Continue reading “The Future of Underscores and A New Committer”
WordPress theming hasn’t changed very much over the past few years. It’s certainly become more refined, and projects such as Underscores (_s) have helped promote best practices and robust standards. That said, we can still go as far back as Kubrick and find plenty of common ground with the most recent WordPress themes.
- Storing and pre-fetching content using the browser’s Web Storage API to allow server-less, seamless transitions — using the browser’s History API — between posts and pages.
- Animations within themes, for more natural and intuitive interactions.
- The ability to create entirely offline experiences using all new Service Workers.
In this five-part tutorial, we’ll expose you to the brave new world that WordPress theme development might inhabit in the coming years. While the best practices for building a theme in this way are still to be established, we’ll do our very best to guide you into the secret garden of the future.
Stay tuned for:
Putting the Jetpack portfolio custom post type to good use, Blask showcases all types of creative work – like photography, graphic design, illustration, or painting – in an elegant, minimalist way. Blask was developed by Automattic’s Ola Laczek, based on a design by Mel Choyce.
Colinear is Thomas Guillot’s revamp of the classic Coraline. With six layout options accessible via the Customizer, Colinear offers tremendous flexibility in displaying large amounts of content, perfect for news or magazine-style sites.
Both Colinear and Blask support a Site Logo with Jetpack active, and are fully responsive, looking spiffy at any screen size. We hope you enjoy this handsome theme duo.
Check out the video presentation or the written transcript below.
Getting Our Hands Dirty
First, we want to select something in the DOM. The two most common methods for doing this are
querySelector. They’re similar, except with
querySelector we can select elements by their class. As its name suggests
getElementById only allows us to select elements by their ID.
With something selected, we could now change pretty much anything about it. This is basically what jQuery does behind the scenes.
A Whole New Node
We’re pleased to launch two new themes on WordPress.org.
Featuring big, bold drop caps and oversized images, Libretto is ideal for showcasing longform writing or stunning imagery. Its classic design and typographic details will give your blog a sophisticated, elegant look. Libretto is a fork of Readly, originally designed by WPShower.
Designed by Automattic’s Caroline Moore, Libre brings a stylish, classic look to your personal blog or longform writing site and is now available for download at WordPress.org. Libre’s main menu stays fixed to the top while visitors read your posts, and three footer widget areas let you tuck extra content away at the bottom of the page. Two custom page templates, including a full-width layout, add visual variety. Make Libre your own by adding a header image or — with Jetpack — a site logo. Libre sports a clean, responsive design that lets your site shine on screens of any size.
When Automattic’s Thomas Guillot was designing Publication, he aimed to incorporate two sidebars in an original way, while putting emphasis on large, full-screen featured images. Now available in the WordPress.org theme directory, Publication is well suited to magazines or blogs about fashion, food, travel, or design — or any topic where visuals are an important focus.
A classic magazine-style theme, Apostrophe is now available for self-hosted sites. An update of Konstantin Kovshenin‘s Semicolon, crafted by Automattic’s Sarah Semark, Apostrophe supports a site logo and featured posts once Jetpack is active. With its traditional horizontal menu and right sidebar, Apostrophe also lets you “star” posts on the front end to set them as featured. Check out the demo or give it a go on your site.
We are proud to bring Confit, an elegant free theme geared to restaurants, cafés, and bars, to WordPress.org.
Confit lets you easily add food and drink menus to show off your best dishes and beverages, through Jetpack’s Custom Content Types module. The plugin’s Contact Info widget – available through the Extra Sidebar Widgets module – also complements Confit nicely, by allowing you to map your venue’s location and display phone numbers and opening hours, so customers can easily find you.
Take Confit for a spin and add some flavor to your site!
We’re proud to present a trio of new free themes, now available for your self-hosted site through the WordPress.org theme directory.
Argent is a modern portfolio theme, perfect for creative professionals like designers, artists, and photographers. Designed by Mel Choyce and developed by Ola Laczek, Argent lets you add portfolio projects through Jetpack’s Custom Content Types module.
I designed Cerauno with subject bloggers in mind, like food, fashion, or travel bloggers. I wanted to make a theme for someone who’s been blogging for a little while, but wants to boost their traffic and bring their site into the spotlight with a clean and authoritative design. I’m so excited to see it launch!
Canard is flexible theme geared to magazines, news sites, and blogs. Created by Thomas Guillot, Canard lets you feature specific articles on the homepage and balances readability with a powerful use of photography.
Devin Price of WP Theming recently interviewed Ellen Bauer and Manuel Esposito of Elmastudio about running your own theme business, selling on WordPress.com, and much more. You can listen to the interview or read the transcript. It’s a great peek inside a successful theme business. Here are a few of my favorite quotes:
Ellen, on the hardest parts of running a theme business:
You have to find a work routine yourself and be consistent. Over the long run, if you want to do your work or job for a couple years, you have to think a little bit ahead. I think this is what we’ve learned over the last years, that consistency is most important. You have to be there for your customers and for your people.
Manuel, on finding inspiration:
All of the stuff that’s happening in your life and around you. It could be food. Print magazines are great inspirations for typography, the detail stuff. But the main designs, the layout, the conception- it comes from weird stuff actually.
Ellen, on focusing a design:
From our experience, we just have the most fun and we can do the best job we can if we do design we just love and we would use. It’s okay, not everyone loves our style of design. I think it’s totally okay because there are so many solutions to doing a WordPress design.
Ellen, on selling themes on WordPress.com:
We always try to do very minimal themes and do them, if you can say, the WordPress way – don’t do a very custom development style, so it’s not that hard to get the themes [to] work on WordPress.com.
Image courtesy of Elmastudio.