{"id":1528,"date":"2013-11-26T13:32:34","date_gmt":"2013-11-26T19:32:34","guid":{"rendered":"https:\/\/staging.audiotheme.com\/?p=1528"},"modified":"2022-11-25T14:17:58","modified_gmt":"2022-11-25T20:17:58","slug":"introducing-nowell","status":"publish","type":"post","link":"https:\/\/staging.audiotheme.com\/blog\/introducing-nowell\/","title":{"rendered":"Introducing Nowell"},"content":{"rendered":"<p>Nowell is a 100% <a href=\"https:\/\/staging.audiotheme.com\/view\/nowell\/\">responsive WordPress music theme<\/a> focused on clean simplicity from the front page to the 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&#8217;re looking for.<\/p>\n<p><iframe loading=\"lazy\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/3mg4vWM3Bo0?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p><!--more--><\/p>\n<h2>Sidebars &amp; Widget Areas<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1529\" alt=\"nowell-widget-areas\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-widget-areas.png\" width=\"287\" height=\"312\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-widget-areas.png 287w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-widget-areas-276x300.png 276w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/>Nowell comes with a variety of sidebar locations for different types of pages within the theme; <em>Front Page, Pages, Archives, and Navigation Sidebar<\/em>. Each these widget areas are optional. If a widget area does not have any widgets, the content width will automatically expand filling that space.<\/p>\n<p>Nowell also supports all the currently available AudioTheme widgets; <em>Record, Track, Video, Upcoming Gigs, and Recent Posts<\/em>. A unique feature of Nowell is how it displays Record, Track, and Video media via a lightbox. A lightbox makes previewing any one of these media types quick and easy without loading a new page.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=34\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h2>Social Icons<\/h2>\n<p>The social icons shown in the lower right corner of the demo can easily be created\/updated using WordPress menus. By adding a special class name to the menu item, Nowell will automagically display an icon for the social media link. The theme documentation has more information on <a href=\"https:\/\/staging.audiotheme.com\/support\/nowell\/#footer-menu\">icons currently available<\/a> within the theme.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-1539\" alt=\"nowell-social-icons\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-social-icons.jpg\" width=\"213\" height=\"69\" \/>The icon displayed is determined by the URL provided for the link. For example, if a custom link has <code>twitter.com<\/code> in it, Nowell will know to show the Twitter icon.<\/p>\n<p>It&#8217;s also worth mentioning the social icons used in Nowell are font icons and not images. This makes it easy to customize the icons with CSS, as well as add new icons in the future.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=166\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h2>Video &amp; Record Lightboxes<\/h2>\n<figure id=\"attachment_1537\" aria-describedby=\"caption-attachment-1537\" style=\"width: 794px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1537\" alt=\"Nowell Record displayed in a lightbox.\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-lightbox.jpg\" width=\"794\" height=\"406\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-lightbox.jpg 794w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-lightbox-300x153.jpg 300w\" sizes=\"auto, (max-width: 794px) 100vw, 794px\" \/><figcaption id=\"caption-attachment-1537\" class=\"wp-caption-text\">Nowell Record displayed in a lightbox.<\/figcaption><\/figure>\n<p>Like the Record, Track, and Video widgets mentioned earlier, the Record and Video archive pages can also display the media via a lightbox. By clicking on the play icon, a records tracklist or a videos media object will be displayed within a lightbox using <abbr title=\"Asynchronous JavaScript and XML\">AJAX<\/abbr>. AJAX helps keep content from loading until we need, thus making page loads quicker but not loading content we may not see.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=243\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h2>AudioTheme Archive Menus<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1543\" alt=\"nowell-gig-filter\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-gig-filter.jpg\" width=\"885\" height=\"335\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-gig-filter.jpg 885w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-gig-filter-840x318.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-gig-filter-300x114.jpg 300w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/p>\n<p>Create custom menus for each AudioTheme archive page. Using WordPress menus, you can quickly create links to past gigs, a specific record type, or provide any custom links desired. By design, the archive menus were intended to act as filter menus, but could be used in any way you wish.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=379\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h2>The Hero Area<\/h2>\n<figure id=\"attachment_1545\" aria-describedby=\"caption-attachment-1545\" style=\"width: 885px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1545\" alt=\"Single Record Hero Area\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-hero-thumbnail-nav.jpg\" width=\"885\" height=\"500\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-hero-thumbnail-nav.jpg 885w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-hero-thumbnail-nav-840x475.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-record-hero-thumbnail-nav-300x169.jpg 300w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><figcaption id=\"caption-attachment-1545\" class=\"wp-caption-text\">Single Record Hero Area<\/figcaption><\/figure>\n<p>The Hero area in Nowell is one of the more prominent components of its design and offers endless opportunities to create unique, creative, and dynamic pages.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=454\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h3>Hero Images<\/h3>\n<p>The Hero area can showcase a single image by setting a featured image for any Post, Page, or AudioTheme Archive. The option to spice up the image is available by providing a caption and\/or a description, both of which will overlay the image. The description area of an image can contain text, links, images, shortcodes, or even video embed URLs making the options endless when it comes to creating dynamic hero images for advertising products or promoting gigs.<\/p>\n<h4>Hero Image Links<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1547\" alt=\"nowell-hero-link-field\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-hero-link-field.jpg\" width=\"280\" height=\"71\" \/>To take things a bit further, we&#8217;ve built in a custom Hero Link option for image attachments. This allows you to set a relative or external URL for each image. <em>Want to create an image add for your next record available on iTunes?<\/em> You can do that and link to the iTunes page!<\/p>\n<p>We didn&#8217;t stop there, I&#8217;m afraid. We took things another step further by building in logic to detect if the Hero Link URL is relative to the site or an external link. If the link is external, we&#8217;ll open that link in a new window allowing your visitors to stay on your site while also being able to view the linked content.<\/p>\n<h3>Hero Sliders<\/h3>\n<figure id=\"attachment_1548\" aria-describedby=\"caption-attachment-1548\" style=\"width: 885px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1548\" alt=\"Hero Slider Meta Box\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-hero-slider-meta-box-drag.png\" width=\"885\" height=\"185\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-hero-slider-meta-box-drag.png 885w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-hero-slider-meta-box-drag-840x176.png 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-hero-slider-meta-box-drag-300x63.png 300w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><figcaption id=\"caption-attachment-1548\" class=\"wp-caption-text\">Hero Slider Meta Box<\/figcaption><\/figure>\n<p>If showcasing a large static image isn&#8217;t enough and you&#8217;re looking for a little more &#8220;flair&#8221;, maybe an image slider will do the trick. Nowell allows you to quickly and easily create and edit image sliders in the Hero area for any Post, Page, or AudioTheme archive. The images shown in the slider have all the same features and functionality as if it were a static image; captions, descriptions, hero links, and hero link target features all apply.<\/p>\n<h2>Customization Settings<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1550\" alt=\"nowell-theme-options\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-theme-options.png\" width=\"299\" height=\"358\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-theme-options.png 299w, https:\/\/staging.audiotheme.com\/content\/uploads\/nowell-theme-options-251x300.png 251w\" sizes=\"auto, (max-width: 299px) 100vw, 299px\" \/>By default, Nowell doesn\u2019t include a theme options page per se, but it does include some theme options via the WordPress theme customizer. Options to change the layout, hero navigation style, hero background image filter, enable full width hero maps, videos, and background images are all available.<\/p>\n<p>Outside of the themes specific customization options, Nowell has built in support for core WordPress features, too. WordPress background, headers, menus, featured images, and HTML5 forms are all supported and ready to be customized.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=820\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h2>Search Engine Optimization (SEO)<\/h2>\n<p>When you purchase a premium <a href=\"https:\/\/staging.audiotheme.com\">WordPress music theme<\/a> from AudioTheme, you&#8217;re getting a fast, reliable, and SEO friendly theme. This is especially true when it comes to Nowell.<\/p>\n<p>We&#8217;ve taken the time to integrate Rich Snippets into all pages and types of content. From standard WordPress pages to blog posts to AudioTheme records, we&#8217;ve integrated the necessary markup to help search engines know what type of content is being displayed. Rich snippets will improve your SEO ratings as well as display the content a bit differently with Googles search results depending upon the content type.<\/p>\n<h2>Responsive Design<\/h2>\n<p>The use of mobile devices is on the rise, and it is important for your website to be ready for those mobile visitors. Nowell comes fully responsive, meaning that the design will adapt to whatever screen size or devices is being used to browse your site.<\/p>\n<p><a title=\"Watch in video overview\" href=\"http:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=3mg4vWM3Bo0#t=1173\" target=\"_blank\" rel=\"noopener\">Video bookmark \u2192<\/a><\/p>\n<h2>Plugins<\/h2>\n<p>While only the AudioTheme Framework plugin is required, Nowell has built in support and styles for various other plugins to achieve certain features and functionality that is better served via a plugin. Below is a list of supported plugins at the time of this post.<\/p>\n<ul>\n<li><a href=\"https:\/\/staging.audiotheme.com\/view\/audiotheme\/\">AudioTheme Framework<\/a> <em>(required)<\/em><\/li>\n<li><a href=\"https:\/\/staging.audiotheme.com\/go\/gravity-forms\/\" rel=\"nofollow\">Gravity Forms<\/a><\/li>\n<li><a href=\"http:\/\/wordpress.org\/plugins\/contact-form-7\/\">Contact Form 7<\/a><\/li>\n<li><a href=\"http:\/\/wordpress.org\/plugins\/wp-email-capture\/\">WP Email Capture<\/a><\/li>\n<li><a href=\"http:\/\/wordpress.org\/plugins\/simple-page-sidebars\/\">Simple Page Sidebars<\/a><\/li>\n<li><a href=\"http:\/\/github.com\/blazersix\/metamedia\">Metamedia<\/a><\/li>\n<li><a href=\"http:\/\/wordpress.org\/plugins\/twitter-widget-pro\/\">Twitter Widget Pro<\/a><\/li>\n<\/ul>\n<p>View the theme documentation for an updated list of <a href=\"https:\/\/staging.audiotheme.com\/support\/nowell\/#plugins\">supported plugins<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nowell is a 100% responsive WordPress music theme focused on clean simplicity from the front page to the 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 &hellip; <a class=\"more-link\" href=\"https:\/\/staging.audiotheme.com\/blog\/introducing-nowell\/\">Read More<\/a><\/p>\n","protected":false},"author":21,"featured_media":8281,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[73],"class_list":{"0":"post-1528","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-theme-releases","8":"tag-nowell","9":"entry"},"_links":{"self":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts\/1528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/comments?post=1528"}],"version-history":[{"count":1,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts\/1528\/revisions"}],"predecessor-version":[{"id":64248,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts\/1528\/revisions\/64248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/media\/8281"}],"wp:attachment":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/media?parent=1528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/categories?post=1528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/tags?post=1528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}