Qua is a flexible, minimalist theme that can be used as a portfolio, blog, or magazine website. Some of its unique features include a versatile homepage template, customizable portfolio layouts, and optional featured-content slider.
Versatile Homepage Template
Qua includes a custom Homepage Template that can showcase an introductory message, a Featured Content slideshow, Portfolio projects, and/or recent posts. Show them all or just show one: it’s totally up to you. Here are some of the possible layouts that you can achieve on your homepage:
Featured Content slideshow
Welcome message w/ square portfolio
Masonry portfolio layout
Qua allows you to customize how your Portfolio projects are displayed, so visitors see them with the optimum image size and layout. You can change the number of columns, as well as the size of the images. Here are just some of the possible combinations:
Two column, square
Three column, square
Three column, landscape
Three column, no crop – masonry layout
Three column, portrait
Four column, square
Featured Content Slider
Showcase your most important posts in a Featured Content slider at the top of your Homepage template and archive pages.
It’s the little things that make Qua stand out: from columnized excerpts to consistent white space, these details combine to make Qua feel organized and visually distinct.
Qua’s responsive design adapts smoothly to different screen sizes, so your content will look beautiful on smartphones, tablets, laptops, and large desktop screens.
More Theme Features
Social Links Menu
Qua includes support for a Social Icon menu in the footer of your website. Display links to your Facebook, Twitter and YouTube profiles (and many more). You can also include these Social Icons as a custom menu in the Sidebar widget area, if you’re feeling like a real socialite.
Qua supports three Widget locations: Sidebar, Footer, and a special Call To Action space.
Want to broadcast a message or direct visitors to a custom link on your website? Use the Call To Action widget area and add a Text Widget containing your message.
Customizing Qua Further
You’ll find all Qua customization options including the Site Logo, Custom Backgrounds, Menus, Widgets and Theme Options in the Customizer. Additional options like Custom CSS, font changes, and more custom colors are available with Custom Design.
Quick Specs (all measurements in pixels)
- Post width is
- Sidebar width is
- Featured post images are cropped to 3×1 proportion with a minimum recommended width of
- Featured Content (slider) images should 4×3 proportion with a minimum width of
- Square featured portfolio images are 1×1 proportion cropped to
- Landscape featured portfolio images are 4×3 proportion cropped to
800 wide by
- Portrait featured portfolio images are 3×4 proportion cropped to
600 wide by
After activating Qua, you can start personalizing the theme in the Customizer. Qua supports standard customizations, like adding a logo and creating new menus; it also allows you to change up the Homepage Template and Portfolio to make the theme your own.
Qua includes a special page template for your homepage, as seen on the Qua theme demo. To use this template, create a new Page at Pages → Add New and select the Homepage template. You can then set this page as the static Front Page of your site.
The Homepage template includes some special options, which you can control from the Theme Options → Homepage Template panel in the Customizer.
On the Homepage template, you can add a custom welcome message to the area below your site title. You can add any of these allowed HTML tags in this Message area.
You can opt to show your most recent Portfolio projects on the Homepage template. This gives you a chance to have your work front and center on your website.
You can also feature your most recent posts on the Homepage template.
Qua automatically enables the Portfolio content type when activated. To add new Portfolio projects, visit Portfolio → Add New in the WP Admin Dashboard. You can change the number of Portfolio projects that show up on archive pages and the Homepage Template by going to Settings → Writing → Your Content Types.
Changing Portfolio Columns
Qua allows you to control the number of columns your Portfolio projects are displayed in. To do this, go to the Customizer’s Theme Options → Portfolio Options panel and select your desired number of columns under Portfolio Grid. This setting will affect the Homepage template, Portfolio template, and Portfolio archives. The options include one, two, three, or four columns, as seen below.
Changing Portfolio Image Size
Qua also includes the option to change the size of portfolio images. In the Customizer, go to Theme Options → Portfolio Options and make your selection from the Portfolio Image Size dropdown. The options are Square, Landscape, Portrait, and No Crop, and they will affect the portfolio image size on the Homepage template, Portfolio template, and Portfolio archives.
Masonry Portfolio Layout
If you select the No Crop option, images will automatically fill available space – this is known as a “Masonry” layout.
Three column, no crop – masonry layout
Qua looks its best when Featured Images are added to your posts and Portfolio projects.
Featured Images for Portfolios
A Featured Image is strongly recommended for all Portfolio projects. As mentioned in the section above, you can control the size of Featured Images for each Portfolio project in the Customizer.
Featured Images are not displayed on individual Portfolio project pages. These single Portfolio project pages just display the text, images, or other media that you insert into the content editor.
Featured Images for Posts
A Featured Image is recommended for all Posts. If set, the Featured Image is displayed as a horizontal image above the Post Title on the Homepage Template and archives. Below is an example of a Featured Image on a post in the blog section of the Homepage Template.
Like single Portfolio project pages, Featured Images are not displayed on single post pages.
Qua can optionally display your Featured Content in a slideshow. The slideshow, which can display up to 10 individual slides, will appear at the top of the Homepage Template and at the top of the archive pages. To get started, follow these steps:
- Under the Featured Content panel in the Customizer, enter a tag in the Tag Name field (for example “featured”).
- Tag a post with the tag name (“featured”) you set above. That post will now appear in the Featured Content slideshow.
See the screenshot below of the Featured Content slideshow in action on the Homepage Template.
In Qua, you can create a custom menu for the Primary Menu (displayed in the header) and a Social Links Menu (displayed in the footer). The Social Links Menu will display icons for each of your social profiles.
The following social sites are supported with individual icons: CodePen, Digg, Dropbox, Facebook, Flickr, Google+, GitHub, Instagram, LinkedIn, Pinterest, Polldaddy, Pocket, Reddit, Skype, StumbleUpon, Tumblr, Twitter, Vimeo, WordPress, and YouTube.
You can add Widgets to your website by navigating to Customizer → Widgets. Qua supports three Widget locations, each with its own distinct purpose: Sidebar, Call To Action, and Footer.
The Sidebar widget area appears to the side of all Posts and Pages. It does not appear on the Homepage Template, the Portfolio Template, or portfolio archives. If you don’t have a widget saved to the Sidebar widget area, posts and pages will span the full width of the page.
Call To Action
The Call To Action widget area appears above the footer on every post and page, and it spans the width of the theme. Use it to broadcast a message or direct visitors to a specific page. The most practical use for the Call To Action widget area is to assign a Text Widget and add a custom title and text. You can optionally add links to your Text Widget. Including the CSS class “button” on the link will create a centered button, as shown below.
<p>This is a text widget assigned to the Call To Action widget area.</p>
<p><a href="https://quademo.wordpress.com" class="button">Check It Out</a></p>
Check out the screenshot below for the resulting Call To Action widget area.
The Footer widget area appears at the bottom of every page of the Qua theme. If you add one widget to the Footer, it will span 100% of the page. If you add two widgets, you will have a two-column footer. If you add three widgets, you will have a three-column footer. If you add four or more widgets, you will have a four-column footer. The screenshot above shows the Footer widget area with three active widgets.