A few days ago, the dev team at Ultimatum Theme announced that the Pro bundle would now also include Intense Shortcodes and DHVC Form, together these cost US$40! It is worth noting that, as with the other bundled ‘premium plugins that Ultimatum includes, you must have a current Ultimatum Pro license for the site and an Ultimatum Theme needs to be enabled in order that you can use them. Whilst Intense Shortcodes says it is ‘Visual Composer ready’ (another premium plugin that the Ultimatum Theme Pro license includes), I discovered that this plugin works on its own. Here’s a summary of its features:

  • 94 Incredible Shortcodes
  • 17 Useful Custom Post Types
  • Powerful Template Engine
  • Snippets

Up until now I have used a plugin called Post Snippets to add bits of HTML and PHP that I regularly use. Separately, I had used another plugin, Font Awesome Shortcodes for WordPress to add icons. No more! Intense Shortcodes does both. For those of you who use the same chunks of code (HTML and/or PHP), the Intense Shortcodes Template system will be right up your street. I am going to show how this works by making Intense Shortcodes templates for a footer copyright notice (and you can easily add a disclaimer if you wanted for your site) and another to insert Yoast Breadcrumbs. This assumes that you have Ultimatum Theme Pro license already installed with an Ultimatum theme enabled, and can thus see the Ultimatum Toolset in your admin screen.

Ultimatum Theme and Intense Shortcodes - Install PluginUltimatum Theme and Intense Shortcodes - Template FilesUltimatum Theme and Intense Shortcodes Switch Thumbnails Off

(more…)

This post explores the subject of searching in WordPress and the theming of Ajax Search Pro with Bootstrap, using Ultimatum Theme. It will also cover how to use Ajax Search Pro to provide a search dedicated to a single Custom Post Type (CPT), in this instance to search articles created using BWL Knowledge Base Manager. A few days ago I started to write a series of posts (Part 1 and Part 2) about BWL Knowledge Base Manager, and also a post about Synchronizing Ultimatum Theme Bootstrap & UberMenu 3.

To summarize the previous posts, I had come to the conclusion that BWL Knowledge Base Manager was an excellent plugin and does ‘what it says on the tin’. But, and there is often a but, it was let down by the somewhat poor search engine provided in the WordPress core. Not a surprise to anyone who has used WordPress. The WordPress core developers like to keep WordPress slim and extensible. Those extensions are called plugins, and you often have to pay to get decent ones. Free core software supplemented by paid for optional extras. Much the same model as free apps/games on your smartphone that have paid for add ons and/or ‘pro’ versions. The first search I will make using Ajax Search Pro is for use in a page sidebar on BWL Knowledge Base Manager pages.

Remember, in this run through, I am both theming the search to look like the Bootswatch 3 Darkly theme I am using for my site and also making a search for use the Article CPT that BWL Knowledge Base Manager has installed. Before we go much further, it is assumed that you have already added the categories you want in the knowledgebase, and you will need to add one test article in each category, otherwise the categories will not appear in these options we are about to set. Furthermore, if you later add one or more categories to the knowledgebase, you will need to return to the search setup and add them. I do not think that they will be automatically added.

Theming of Ajax Search Pro with Bootstrap - New Search - General Options SourcesTheming of Ajax Search Pro with Bootstrap - New Search - General Options Sources - 2Theming of Ajax Search Pro with Bootstrap - New Search - General Options - Behaviour

(more…)

Some while ago I wrote about this subject, and now I can revisit this in a second post; Synchronizing Ultimatum Theme Bootstrap and UberMenu – Part 2.

Since I last covered this topic, a new version of UberMenu has appeared; UberMenu 3, and boy is it different. So, over to CodeCanyon and download the latest version (at the time of writing this is 3.1.0.1), along with the new Flat Skins Pack and Conditionals plugins. Soooo many new options. This is like being used to a small village shop and for the first time walking into a big city Hyper Market. Where to start? Well, since the last time I did this, when I spent ages making a custom css file, I have discovered Less.js, and so this time I have written a .less file that when compiled makes a css file that overrides UberMenu’s default styling to make it work and look like a Bootstrap 3 Bootswatch Darkly themed navigation bar. Whilst I freely admit that these are not the most tidy of files (there may well be coding that isn’t required and I will come back and edit these files from time to time as I modify them for my own use), here are the files for you to download in an archive file:

Download ubermenu-darkly3.zip
in a ZIP archive

Simply set Ubermenu Basic Configuration Skin to none (disable) and enqueue this new css file from your functions.php, like this:

1
2
3
4
5
function add_ubermenu_darkly3_style() {
  wp_register_style( 'ubermenu_darkly3', get_stylesheet_directory_uri() . '/css/ubermenu-darkly3.css', false, '1.0.0' );
  wp_enqueue_style( 'ubermenu_darkly3' );
}
add_action( 'wp_enqueue_scripts', 'add_ubermenu_darkly3_style', 99 );

I also wanted the navigation bar to be ‘sticky’, so I also purchased the UberMenu – Sticky Menu Extension – it was only $5. I did try a lot of free sticky plugins, but couldn’t get any of them to work with UberMenu. Anyway, I digress. The reason for doing this was so that the Bootswatch Darkly themed navbar on this site could become a ‘megamenu’, allow shortcodes and widgets in the menu and allow conditional menu items. Hopefully, this will then allow me to include a menu from Ajax Search Pro for WordPress in the navbar. Assuming that I can achieve this, I will then need to style the search tool to match the Darkly theme. Whilst I was playing with this idea, I think I found a ‘bug’ in Ajax Search Pro for WordPress, in the file ‘hooks.php’, the last line reads:

1
add_action('wp_print_styles', 'search_stylesheets');

should read:

1
add_action('wp_enqueue_scripts', 'search_stylesheets');

Why? According to http://codex.wordpress.org/Plugin_API/Action_Reference/wp_print_styles: Since WordPress 3.3 wp_print_styles should not be used to enqueue styles or scripts.

Why is this a problem? If, like me, someone wants to edit the stylesheet by removing it and enqueuing our own, we can’t. Maybe you could make this little change for the next release? Otherwise I have to be careful about when I update that the updates don’t remove what I have done. I have reported this to the plugin’s authors. And so, on to see if I can add that search bar to the main navbar. I will be back to finish this post later on, probably tomorrow.

Following on from the previous blog post on breadcrumbs, this is Ultimatum Theme for your Self-Hosted WordPress Site – Part 6 – Bootstrap Breadcrumbs. In the previous post we set up Yoast SEO Breadcrumbs and got them to look like the Bootswatch 3. One advantage of the Yoast Breadcrumbs not covered in the previous post was that it attaches rdf microdata tags you the breadcrumbs, meaning Google is happy. The exemplar pages offered by Bootswatch include no such microdata tags, and may indeed not be ideal for that purpose. Now I will take the final step and make Yoast Breadcrumbs output in Bootswatch html. We are going to need to edit two files on our web server; custom-style.css and functions.php. We will also need to modify some settings in your admin pages. Let’s edit functions.php first.

Ultimatum Theme for your Self-Hosted WordPress Site - Part 6 - Yoast Bootstrap Breadcrumbs functions.phpUltimatum Theme for your Self-Hosted WordPress Site - Part 6 - Yoast Bootstrap Breadcrumbs CSS

As before, as I showed in this post, you will find functions.php in the child theme folder on your web server. Edit the copy of functions.php that you should have on your local PC by opening it in whichever editor you prefer to use. So, add a few lines of code at the end, namely this: (more…)