Setup Tutorials for Circumference

Welcome to the Setup Tutorials for Circumference. These are the standard guidelines to help you install, configure, and customize your newly downloaded theme. If you have any requests for additional tutorials relating to this theme, please contact me and I will review your suggestions. These tutorials are also based on the assumption you have a basic understanding of how WordPress works.

Create a custom gallery with the Widgetkit plugin

You have another option when creating galleries in your web pages and posts by using a custom gallery that is included as a snippet, but also using the Widgetkit plugin. The Widgetkit plugin offers some gallery functions such as Spotlight which is a hover effect over the thumbnail, but it also offers a lightbox window to view your gallery as a slideshow.  This tutorial is a bit involved and will require you to work with some code, but most of the work I have done for you so that all you have to do is copy and paste code, then edit some parts of it. Here are a few things to make note of: This custom gallery will use the same styling (CSS) as the WordPress gallery does You can have up to 9 columns for your gallery This is a little more hands on with code compared to the…    read more 

Make a WordPress Gallery

WordPress has its own gallery shortcode that generates a gallery for your post or pages…even adding on into a text widget is possible. Styling is usually provided from the default WP theme such as Twenty Thirteen, Twenty Fourteen, and others that may be available. Circumference uses the default gallery styling as a foundation, but with a little enhancement of design to give you a little more for your gallery. Preparing Your Photos First thing you want to do is prepare your images that will be included in your gallery. I’m one to always stress consistency with image sizes, but you do not have to have each photo the same size. I should also mention that with a previous tutorial, I mentioned about clearing your Media Settings (thumbnail sizes) and recommended you create your own sizes as you need them. If you do not have the capability to crop and size…    read more 

Setup the Recent Posts Plus widget with thumbnails

By default you get a basic recent posts widget that simply displays text only which usually is the post title that is linked and perhaps the date. The Recent Posts plugin gives you a very flexible widget to display your latest posts with several optional settings that includes enabling or disabling elements, adding thumbnails, control your excerpts, and more. I would recommend you check out the developer’s documentation for this plugin.  Go to Plugins >> Add New Search for “Recent Posts Plus” to install and activate The Demo Site Settings Settings for this plugin can be used as an option which will match those of the live demo site for Circumference. First, you will need to drag a Recent Posts Plus widget into the location you want; in this case, the Right Sidebar. Now you can set your options as follows: Title your widget Choose the number of posts you…    read more 

Create custom header backgrounds and header captions

I will show you how to create custom headers for pages that include the option to add different backgrounds, as well publishing nice page captions to help make a page stand out. To give you an idea of what these are, check out the demo website, and look to the banner area near the top: Custom Headers Having this capability allowed you to create nice backgrounds with a descriptive page header with caption text that looks like this: You do not have to create titles and captions, you can simply change the background image to something different for select pages. This lets you have the capability of each page having its own background header, whether you are using a title and caption, showcasing a slider, image, or other types of media. However, if you just want to use one background only, you can use the WordPress Header feature for that…    read more 

Using the WordPress Header feature

This is actually a big tutorial when you combine the WordPress Header feature and the Custom Header feature that I added to Circumferencce. You basically have a few options when it comes to managing headers for each page: Use the WordPress Header feature to keep a consistent header background through every page (default) Use the WordPress Header feature to have a random rotating header background throughout your site Use custom fields to set a custom background on a per page basis Use custom fields to set a custom background, with header captions (see the orange banner screenshot below) Or you can use custom fields to create custom header captions without changing the header background. I will show you how to create custom headers for pages that include the option to add different backgrounds in the next tutorial, but for this one, we will tackle the WordPress Header feature first. By…    read more 

Hide Page Titles

Many people actually like to hide their page titles for many reasons and apparently is quite common. So what I will do is give you a quick tutorial on how you can do this on a per page basis or globally. Hide Titles Globally Go to Appearance >> Customize >> Basic Settings Check the box next to Hide Page Titles Click Save and Publish Hide Titles Indivually To accomplish this, we need a plugin that hides titles; this one will be the “Hide Title” plugin. Go to Plugins >> Add New Search for “Hide Title“ Click Install and Activate To hide the title from a page or post, you need to have either of these open in your editor because in the lower right column, you should see an option to disable (hide) the title for that particular page or post. The only caveat when hiding a Post title is…    read more 

How to style your widgets with the styles Circumference offers

Circumference offers you several widget styles that you can have when using the optional plugin called Widget CSS Classes. Widget styles you get are: Default Border Solid Dot Dot Line Image Menu To give you an introduction to how the above styles look, you can check out the live demo site here: Widget Styles When planning out your web pages that will include widgets, you will want to take note that some widgets may not look good with a particular style, but with another, simply amazing. This also will be dependent on third party widgets you install into your website as well.  List Based Widgets You also get to use list styles on your widgets; widgets that are list type: list-dash list-checkmark list-square list-circle list-curve-arrow list-solid-arrow list-short-arrow You can find the HTML Snippets folder in your original theme package download where the above styles  and other classes can be found…    read more 

Show widgets on select pages but not all pages

WordPress does not make this easy when you want to publish a widget to just one (or a few) pages because there is no built-in function for that kind of capability, so you have to use plugins. There are a few plugins you can use, but the one that I prefer myself is called Dynamic Widgets. What this plugin does, is add a small text link at the bottom of every widget that either shows as “Static” or “Dynamic”. Static means it’s not assigned to any location yet, while Dynamic means it is. This plugin has a lot of options for you to choose where you want a widget to be published, so you will want to refer to the plugin’s documentation and the developer’s website. Expect a bit of a learning curve because the capability of this plugin is extensive, but will help you layout your site’s widgets precisely….    read more 

Widget Positions

Circumference includes 19+ widget positions, with most page templates capable of displaying any position. To see a live demo of each widget position, you can check out the demo website for Circumference: Widget Positions For reference, you can also use the screenshot below:

Blog Settings for layout and featured image sizing

The blog offers you a few layout possibilities and it will depend on what kind of blog you manage, but also what kinds of posts you plan to write. Featured images will also determine what you prefer in a layout, plus size will also be taken in account. First, you get the following blog layout options: Blog Right Sidebar Blog Left Sidebar Blog Left & Right Sidebar Blog with Full Width no Sidebars For images, you get these two options: Wide Featured Image (default) Small Featured Image (floats to the left of your post summary Featured Image Sizes If you decide to use featured images for your posts, you can have them any width you want up to 720px in width when using the Wide Featured Image setting, or for the Small Featured Image, I would recommend somewhere around 290px in width. You can have your images any height you…    read more