How to make Social Share & Icons, with Ultimatum & Intense Shortcodes; the second post in the series I started a few days ago when I made my first post about the new bundled ‘premium’ plugin for Ultimatum Theme; Intense Shortcodes. This follow-up post, which I had promised some of you on the Ultimatum theme member forums, is about how to set up social share and social (link) icons. Why even make the post, when Ultimatum comes bundled with a plug to add social share and also a widget to make the link icons? I, and others, have found that the bundled plugin, based as it is on a deprecated Facebook function (sharrre.js), does not always work, and I wanted to explore Intense Shortcodes a bit more. The problem with the Intense Shortcodes Social Share shortcode is that it is intended to be used on individual posts, not to be applied to all single post pages. Can it do this? Yes, was the answer I found. Let’s first take a look at the Social Share shortcode itself, as it is used when writing a post.

Intense Shortcodes - Social ShareIntense Shortcodes - Social Share - Insert ShortcodeIntense Shortcodes - Social Share - Done

Having selected Social Share, the next modal popup box gives you a choice of up to nine different social media types;

  • Facebook
  • Google+
  • Twitter
  • Pinterest
  • LinkedIn
  • StumbleUpon
  • Reddit
  • Tumblr
  • Email

(more…)

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…)

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…)

Following on from the previous four blog posts, this is Ultimatum Theme for your Self-Hosted WordPress Site – Part 5 – Breadcrumbs. Ultimatum Theme comes with a built-in breadcrumbs widget, but it is very basic. There are no settings to change. If you use a pre-built Bootswatch theme, it will give you breadcrumbs that look like the Bootswatch ones, but in fact the css is different. So, your options are to make some custom code, use the Yoast Breadcrumbs that is shipped with the Yoast SEO plugin, or use the Ultimatum breadcrumbs widget. One issue with the last choice is that the Ultimatum breadcrumbs widget is written so that, if you have one of certain other breadcrumbs plugins installed and active, you can use the Ultimatum breadcrumbs widget, and it will call up the plugin you have activated.

Let me try to explain. Let’s say you have Yoast Breadcrumbs plugin installed and activated, and you put the Ultimatum breadcrumbs widget into a page layout header, that widget will not call the Ultimatum breadcrumbs code. It will instead call the Yoast breadcrumbs code. But, there is a problem here. Yoast decided to bundle breadcrumbs in the SEO plugin too, as well as it being available as a separate plugin. If you have Yoast SEO plugin installed and activated, as most likely you will, with breadcrumbs switched on in the Yoast SEO plugin, and you use the Ultimatum breadcrumbs widget, you will see on your page the Yoast breadcrumbs. If, however, you have the Yoast SEO breadcrumbs switched off, the Ultimatum breadcrumbs widget still sees the Yoast SEO breadcrumbs as activated, and still calls the Yoast SEO to provide the breadcrumbs. But, as you have them switched off, no breadcrumbs appear. (more…)

Bootswatch Darkly and Flatly Themes compared

Bootswatch Darkly and Flatly Themes compared

For those of you following the journey of our website development, and maybe wondering why am I doing this? Why go down a route that needed me to do all this work? Well, actually, it is a few hours here and a few hours there. But I am a tinkerer. I like to know how things work, take them apart. Even if you are not like that, you probably know someone who is. Every person that I have spoken to about websites who had let an external design agency loose had found that it didn’t end up as good as they wanted, and cost way more than they had thought it would.

I want to be able to make those small afterthought changes, improvements, and understand how. By scribbling down the process, it may just help some other poor soul. Anyway, today’s post was only going to be something small. I have used a bootstrap 2.3.2 structure to the site, and had used the flatly (blue) look from Bootswatch. But testing suggested that the white background was not so popular. The Bootswatch themes for Bootstrap 2.3.2 had no really suitable dark background theme, but the Darkly theme for Bootstrap 3 was perfect.

Over a few hours today, I have converted that for use with Ultimatum Theme, UberMenu and Yoast Breadcrumbs. The ‘Inspect Element’ tool in Firefox is really useful to see where changes need to be made. Tomorrow I will do the same for WooCommerce, or, at least, the product page. As I continue to work building the shop, so I shall work on those pages to make them work with this new Bootswatch Darkly theme. I will probably remove the default woocommerce.css file and use a custom one.

So, if you read the previous post, you could see I was having WordPress breadcrumbs problems. Specifically, as of now there are just over 30 blog posts. Currently, the home page shows these in a loop, newest first. In the theme I have built in the Ultimatum Theme, that theme has a widget to include the default WordPress loop. In that widget, you can set how many blog posts appear on each (archive) page. I had set it to 6.

However, in the WordPress … Settings … Reading admin page, the setting ‘Blog pages show at most’ was still set at the installation default of 10. So, after 4 pages of posts, WordPress thought it had run out of blog posts to show, but my template knew there were more, so pages 5 and 6 existed with content, but WordPress titled them with a ‘404 Page Not Found’ error.

And so, Yoast Breadcrumbs was not at fault, it was me. So, NavXT is removed and Yoast Breacrumbs restored.