I‘ve just released my newest Premium Template for ClickBump 5 owners to the member’s dashboard, “Authority“. Click the screenshot for a full screen preview.
This new premium authority theme template is the perfect complement for building sites on an “Authority” silo’d model with categorized content. Its also the first template I’ve released that features and ad block in the header area! In addition, when using in combination with ClickBump 5, it supports multiple ad placements and sizes on a per page basis.
The home page screenshot at left is an example of one of many ad layouts possible depending on the ad size and type of ad you select and the choices you make for your sidebar and header/footer widgets.
What makes an authority theme?
Another unique feature of this template is its footer menu. I’m utilizing the “Footer Area” widget containers to allow you to create cool columns of menus simply by dragging widgets over and dropping them into this sidebar. You can use the clickbump “Text” box widgets or one of the “ClickBump Menus” widgets.
This example features an Adsense leaderboard ad which has been placed into the “Header” sidebar. It also showcases a minimal, clean sidebar area with just a search bar and a single CPA ad, which has been added to the “Sidebar” widget area via the WordPress Widgets manager. Very easy stuff and all drag and drop with no coding. Just copy/paste from your Ad network into an empty “ClickBump: Ads(ense)” widget and click “Save”.
This screenshot shows an inside page (in this case, the category landing page for the “Best Digital Camera under $500 category), and also a different color scheme similar to Amazonia’s Amazon blue (#1370b6) and gold (#e87902). Click the thumbnail image for a full screen preview.
You can also see that in this case I’ve replaced the default “search” box with my Google Adsense search box (Appearance > Widgets > ClickBump: Search) and I’ve also removed the CPA ad and added a categories widget to the sidebar by placing it into the “Sidebar” area from “Appearance > Widgets”. This is all done via drag and drop with no custom coding necessary.
Authority is an “Add-on” template skin that installs with one click into your ClickBump theme. When used in conjunction with the latest release of ClickBump, you can now experiment with post-specific Ad formats and sizes, or mix in CPA ads with your Adsense spots.
This example, in which you see the home page screenshot, does not have ads in the main content area, but you can easily enable them if you choose with point and click settings. Each post page features your chosen monetization Ad block at the top of the post content with text wrapping around it. What’s more, with the newest ClickBump release, you can enable a different ad on each of your posts to override the default Ad settings if you choose. This is perfect for split testing ads for different posts.
Here’s a quick checklist to assist you to quickly get your sites up and running in the new ClickBump theme together with the “Authority” Premium template skin…
- Install and Activate ClickBump theme (get the latest from the member’s dashboard)
- Download and install the “Authority” Premium Template (ClickBump > Home > Add/Upgrade Skins)
- Set your home page post as a “Sticky” post and add to “dont-show-ads” via “Quick Edit” link. The home page’s content is used as intro for the categories. No need to set up a static home page, ClickBump does this automatically. (Posts > Quick Edit > Make this post sticky). Also, to emulate the clean look home page you seen in the screenshot, enable the dont-show-ads flag so that Ads do not appear on the home page grid area. They will still appear on post articles and category landing pages, and in the header area widgets if you’ve set them up.
- Create or update your categories. You will upload a custom category image, full text description and add a custom category title via the enhanced Category Manager made possible by ClickBump theme. The theme automatically creates the teaser description summaries that you see on the homepage.This video by Google’s Matt Cutts enforces the idea that topical/themed sites are a great way to organize your content
- Assign each of your posts to the appropriate category (other than “Uncategorized”). This is the essence of creating a silo site structure with themed content and the key to gaining “Authority” status with Google. For best results, go to “WordPress Settings > Writing > Default Post Category” and select any category other than “Uncategorized” as your default category. Never delete or re-parent Uncategorized. It holds the critical ClickBump utility functions that allow you to do tons of cool stuff with posts in only a click or two.
- Go to Appearance > Widgets and drag a Text Widget over into the “Header” sidebar area. Next, you can paste your Adsense leaderboard code into each of these via a “ClickBump: Adsense Ads” widget. This creates the leaderboard ad unit you see in the header of the screenshot.
- Go to Appearance > Widgets and drag a Search Widget over into the “Sidebar” widget area. This creates the search widget you see in the screenshot at the top of the right sidebar. If you want to use your Google search box here, just use the “ClickBump: Google Search Box” widget and past your Google search box code into that and save. Authority is already set up to display your search box exactly as you see in the screenshot.
- Activate the Homepage Category Index – Go to “Appearance > Widgets” and drag a “ClickBump: Categories” widget over into the “Header” or “Above Content” widget container. You can configure the number or categories that appear per row as well as the thumbnail image size, length of the summary text, read more link, etc right there in the widget. Click the “Show More Options” link to view the advanced options for the widget.
- Upload a custom header.png via “ClickBump > Images > Header Image > Upload” – see this post if you need help creating it. Click “Show Help” to see all the color options for the template. The size is 967px wide x 100px tall (in pixels) and must be a PNG file format saved as “header.png” (ideally with a transparent background)
- Fill in the Footer boxes – Next, I’m going to fill out the footer area. You can see from the opening screenshots, that there are 4 columns of menus there at the bottom of the template: Recent Posts, Blogroll Links, RSS Feed Links and Site Menu. This sort of layout I call a “big foot” footer. Since I don’t have a site menu across the top and I’m trying to limit choices around the top area of the template, the footer takes on a more important role in displaying vital site navigation links and this “column style” layout, which is achieved without tables completely in css (cascading style sheets), helps to display those very neatly. To add these columns, I’m merely going to drag 4 of WordPress’s default widgets over into the “Footer” sidebar at “Appearance > Widgets“. Once I’m done, the widgets look like this:
Below: the Category Landing Page for “Authority” (in a custom color scheme similar to Amazonia)…
Some Common Questions and Answers
- How do I enable the links in the blue bar across the header menu like in your screenshot?
Answer: This menu is a listing of your posts that are assigned to the “top-menu” category (a clickbump only category under “uncategorized”). First, you need to make sure that you HAVE NOT previously told ClickBump to move the top menu posts over to the sidebar. If so, disable that setting. To do this, just got to “ClickBump > Layout > Move > top menu links to sidebar” and UNCHECK this setting then click “Save Changes”. Finally, just add any post you want to feature in this listing to the top-menu category and it will appear in the header menu bar. You can also customize the background color used for this menu using Color 3 at the top of theme options.
- How do I change the header image?
Answer: “ClickBump > Images > Header Image > Upload Header”
This template uses a png header named header.png
To replace it, create your own custom header file and save it as a png (portable network graphics file format) with the filename “header.png” (all lowercase, must be named exactly like that, header.png, and must be a .png file). The image is 988 x 170 pixels. Once you have your own header.png file saved, just go click the “Upload Header” button and follow the prompts. Click “Show Help” for more customization options for this template. Alternately, send your artist the layered header.pxd file, located in your template folder and ask them to open it at pixlr.com to edit the image, then save it as header.png for you to upload. If you want to try this yourself, grab the header file here and open it at pixlr.com
- My custom header image already has the site title and tagline in the graphic, how can I get rid of the text based title and tagline that ClickBump adds to the header?
Answer: You can hide the site title and tagline separately at: ClickBump > Layout > Hide > Site Title/Tagline
- How can I add a tall CPA ad into the sidebar like the HostGator Ad I see in your screenshot?
Go to “Appearance > Widgets” and drag a “ClickBump: Adsense Ad” widget over to the “Sidebar”. Then paste your ad code into that. This method allows you to have a different ad on the home page than on your inside pages using the “Widget Visibility” options at the bottom of each sidebar widget.
- How can I add a Google Search box to the sidebar like I see in your screenshots?
Answer: “Appearance > Widgets > ClickBump: Search”
This is a custom widget I created to make it super simple to add a custom Google search box to your site. I’ve made it super simple for you to add it to your site, completely styled to match your template. Drag the widget labeled “ClickBump: Search” over into the “Sidebar” widget area, making sure its at the top of the listing (if you have multiple widgets in a single sidebar). Then expand the widget and make sure it contains your search box Ad code you got from Google.
- How do I get the one sentence descriptions to show up in the “Related Links” lists like in your screenshot?Answer: Just create an excerpt for each of your posts and ClickBump does the rest.
ClickBump automatically pulls the first line of your excerpt text and places it alongside the article link, giving users a quick glimpse at the focus of your article.
- How do I get the category menu to appear in the sidebar like I see on your “Inside Pages” screenshot?
Answer: “Appearance > Widgets > ClickBump: Categories”
Just drag a “ClickBump Categories” widget over onto the “Sidebar” widget area. The theme does the rest, including styling the menu to look like buttons. The button background color is determined by your setting for “Color 4” in theme options.
- How did you get the category image to appear in the category landing page content?
Answer: Once you’ve uploaded an image to represent your category(s), ClickBump does the rest, including inserting the category image into the home page listing as well as inserting it into the Category landing page content.
- How do I get the Ad to appear in the header area like in your screenshots?
Answer: Just go to “Appearance > Widgets” and drag a text widget over to the “Header” sidebar, then expand it and paste your Ad code there. Check this post for an example of what this looks like.
- How do I remove Adsense from my home page. I just want a category index on that page?
Answer: Posts > Quick Edit (on the home page sticky post) > Categories > dont-show-ads
You can selectively turn on/off Ads on a post by post basis using this method, for any post, including your home page sticky post.
Hopefully that gives you a good introduction to “Authority” and specifically some of the new ways you can diversify your monetization methods by leveraging a variety of ad networks to pinpoint the most appropriate ad for every page on your site, thus increasing conversion rates and putting more money in your pocket!
“Authority” is available NOW at the member’s dashboard for $10
Update: Now with Flyout Menus (see below)