Nowell WordPress AudioTheme Features Overview

Nowell is a 100% responsive WordPress music theme focused on clean simplicity from the front page to its archive pages. The idea behind Nowell was to simplify the home page and help focus visitors attention to content we want them to see. More often than not, music sites tend to be overloaded as far too much information on the home page, making it difficult for the visitors to focus and find what they’re looking for.

SoundCloud Embeds

This is an example of how SoundCloud embeds will display in Nowell. By default, WordPress allows you to simply paste in the SoundCloud embed URL into the content area.

Embed URL:

Manage Your Gigs and Venues

If you’re a touring musician, it’s likely gigs are the lifeblood of your business. Use AudioTheme to manage and share the details of those gigs: dates, times, venues, ticket pricing, tour information, and a brief description.

Nunc metus leo, elementum ut consequat mattis, consequat sit amet massa. Aliquam aliquam lacus in lorem dictum porta quis in ipsum. Vestibulum pulvinar, metus ut aliquet tincidunt, urna neque posuere lorem, nec auctor ante libero nec mauris. Pellentesque vitae venenatis nisi.

Nunc aliquam sem quis dolor ultricies faucibus. Suspendisse at est ac tortor pharetra vulputate lacinia nec leo. Donec ut mi eu sem vulputate blandit. Proin nec ligula elit, sed facilisis arcu. Maecenas est tortor, elementum ut laoreet nec, porta id nisi.

Nunc sit amet orci sodales diam interdum malesuada sed nec quam. Donec consequat dui sed neque vestibulum eu egestas purus fermentum. Carpe Diem!

Featured Images Really Shine In This Theme

In Twenty Fourteen, featured images make your site even better looking. Featured images work best with images at least 672px wide and 1038px wide for full-width layout.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur placerat cursus bibendum. Donec vel lacus mi. Aliquam massa tellus, tincidunt a sollicitudin sit amet, malesuada nec nunc. Praesent vestibulum condimentum purus, vel malesuada mi vulputate a. Sed vulputate imperdiet sapien vel fermentum. Etiam et magna est. Integer vehicula, urna non auctor consectetur, urna urna commodo sapien, ac dignissim neque lacus in metus. Sed ut metus tempor sapien pellentesque viverra. Donec sollicitudin ornare purus, ut sollicitudin lectus pharetra sollicitudin.

On a bigger monitor, this quote floats into the margin. Making a pull quote is easy! You just need to set it align to the left.

Nunc at justo justo. Mauris enim massa, euismod sed rutrum ac, dictum eu augue. Nulla auctor ullamcorper molestie. Nam a leo eget augue tincidunt porttitor sit amet nec diam. Phasellus vel velit dictum metus sollicitudin elementum. Morbi eget magna velit, a sollicitudin est. Cras suscipit pellentesque odio eu hendrerit. Morbi convallis eros sed tortor volutpat iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus mollis nisl eget felis viverra fermentum.

Ut sit amet purus est. Duis nunc ipsum, ornare eget blandit non, porttitor vel nunc. In hac habitasse platea dictumst. In dignissim lacus ac sapien euismod pulvinar. Suspendisse vitae sapien nec mauris consectetur ornare. Aenean ornare, nisl ut varius rhoncus, diam lorem faucibus nisi, sed aliquam lectus purus quis diam. Proin tincidunt hendrerit odio in tempor. Quisque ut semper tellus. Pellentesque ante sem, bibendum vitae suscipit rutrum, vulputate gravida tortor. Duis suscipit iaculis nunc, eu hendrerit est aliquet ut.

On a bigger monitor, this quote floats into the margin. Making a pull quote is easy! You just need to set it align to the right.

Donec id ante tincidunt sapien iaculis malesuada nec quis nunc. Integer porttitor, enim eu tristique scelerisque, nulla elit facilisis odio, et elementum ipsum nisi ut urna. Donec accumsan tempus magna, id placerat nisl dapibus vitae. Integer eu urna nec arcu porttitor dignissim a vel mi. Fusce aliquam, arcu vel feugiat ultrices, lectus dolor tristique leo, id mattis orci leo ac sem. Sed vitae aliquet justo. Duis pellentesque pulvinar tellus in auctor. Ut tincidunt, purus et adipiscing tincidunt, felis dui dapibus nulla, ac euismod mi dui id justo. Quisque consequat viverra porttitor. Etiam ac laoreet massa. Donec vitae urna a nibh rutrum vestibulum sit amet vitae mauris. Suspendisse tincidunt feugiat eleifend. Nullam condimentum scelerisque ipsum sit amet hendrerit. Aliquam facilisis porttitor odio sed tempor.

Markup and Formatting

Typography is the foundation of any design project we work on. In fact, we begin every project by first establishing the governing rules of type ensuring maximum readability comfort across all screen resolutions.

This is accomplished by taking into account everything from vertical rhythm, to comfortable reading measures, to scalable typography and incremental leading. All font sizes are set in relative em measurements which allows for the proportional scaling of font sizes based on the end user’s browser settings. This page represents base styles and rules for type and should be considered a work in progress. You can always let us know where these styles can be improved for by dropping us a line @AudioTheme on Twitter.

Top Level Header

Above is an example of a top level header element, or the h1 tag. All page titles have been set in this tag. Consider using the Second Level Header tag, h2, for any important page level headings.

Second Level Header

As mentioned above, the Second Level Header is best used for important page level headings. Though there is no hard and fast rule regarding the amount of h1 tags allowed on a page, I tend to always only use one and rely on h2 for critical page headings.

Third Level Header

The Third Level Header may be used for any form of page level headings which falls below the h2 header in a document hierarchy.

Fourth Level Header

The Fourth Level Header may be used for any form of page level headings which falls below the h3 header in a document hierarchy.

Fifth Level Header

The Fifth Level Header may be used for any form of page level headings which falls below the h4 header in a document hierarchy.

Sixth Level Header

The Sixth Level Header may be used for any form of page level headings which falls below the h5 header in a document hierarchy.

Text Alignment


This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.

Left Align

This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. It’s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.

Center Align

This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.

Right Align

This is a paragraph. It is right aligned. It is a bit more conservative in it’s views. It’s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it’s a pretty good shot from at least four or five football fields away. Dead on. So boss.

Discography Made Easy

Your discography is the window through which listeners are introduced to and discover your music. Use AudioTheme to encourage that discovery on your website through a detailed and organized history of your recorded output.

Donec gravida purus id sapien convallis dapibus vehicula sapien sagittis. Sed ligula lectus, bibendum sed venenatis id, faucibus quis est. Morbi ac tempus nulla. Fusce bibendum libero at quam imperdiet rhoncus. Cras porttitor, turpis quis ornare fermentum, felis diam lobortis enim, vitae facilisis justo enim ultrices elit. Curabitur posuere, mauris facilisis lobortis sodales, nibh metus congue nulla, at condimentum felis risus eget elit. Suspendisse neque sapien, sollicitudin in sodales vel, facilisis in nulla. Phasellus fermentum est sed purus lobortis posuere. Morbi dictum ipsum a tortor imperdiet ullamcorper. Etiam nec lacus eget lectus ullamcorper pellentesque vitae eget elit. Proin sollicitudin velit aliquam diam vulputate scelerisque.

Video Library

Collect your videos from a wide variety of services and present them to your fans in one place. Videos in Nowell can be view via a lightbox on video archive pages. This makes viewing videos quick and easy without ever having to leave the page. Check out the video archive to see how your videos will be displayed.

Single page videos are pretty slick, too. The featured thumbnail on single videos will display behind the video. Nowell provides a theme option to customize the appearance of that background image, too, by making it grayscale, sepia, transparent, blurry or a mixture of all of them.

Another Aside

This is an example of aside format. It will be displayed without a title. Aside posts are brief snippets of text that aren’t quite whole blog posts. Useful for quick thoughts and anecdotes.

Twenty Fourteen Child Theme