This thorny topic has bugged me for some time, ‘How to make a sticky footer with Ultimatum Theme?’ I thought that I had an answer, but, after a few days of lengthy Skype conversations with Emmanuel ARNOUD (a fellow user of Ultimatum Theme framework), I realized a completely new approach was needed. Most CSS/HTML solutions rely on certain HTML elements on the page and for the footer to be a fixed height. But we know that the footer often has quite a bit of content, meaning that its height will vary. The only solution is to use javascript, and, in particular, jQuery. So, before going any further, make sure you have jQuery loading in WordPress. I am sorry to say that you are going to have to roll your sleeves up and do a bit of coding. For beginners this will be hard. If you know WordPress at all, you will not be using a theme directly, but instead you will be using a child theme. This is especially so if you are using a theme framework, such as the one I use; Ultimatum Theme. Assuming that you already have a custom stylesheet for your child theme (mine is called custom-style.css and sits in a css folder insider the child theme folder, and is already enqueued, see this post for more details on a custom css file and the functions.php file), this is the new css to add to it:

1
.footwrapper {width: 100%;}

Note so hard, so far. By the way, if you have either html or body set to 100% height in css, you will need to remove this ‘height:100%’ css rule. Next, if you do not have one already, you need a javascript folder inside your child theme folder on your server. It is normal to name this folder ‘js’. Inside that folder, make a text file called ‘wp-sticky-footer.js’. You can copy and paste the code from below into that file, and save it:

(more…)

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