Quaby Graph Paper Press

After activating Qua, you can start personalizing the theme in the CustomizerQua 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.

Homepage Template

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.

Message

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.

QUA welcome message

Portfolio Section

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.

QUA portfolio

Blog Section

You can also feature your most recent posts on the Homepage template.

QUA Blog section

Portfolios

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

Three column, no crop – masonry layout

Featured Images

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.

qua-featured-image-blog

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:

  1. Under the Featured Content panel in the Customizer, enter a tag in the Tag Name field (for example “featured”).
  2. 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.

qua-featured-content-slideshow

Menus

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.

Widgets

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.

Sidebar

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.

qua-sidebar

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.

qua-cta

Footer

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.