Setup Tutorials for Circumference

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 

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 

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 

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 

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 

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 

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 

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: