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.
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…)
Following on from the previous two mini series, this is the first blog post in a new mini-series; Customizing Ultimatum Theme and WordPress. By now you have installed and set up WordPress and Ultimatum Theme and have a working front page. Congratulations. But, already you can see some issues you want to fix. Ultimatum Theme gives you a way to have template-wide custom css (child theme => Templates => CSS ~ for the particular template) and at the top you can see Template wide Custom CSS. Do NOT use this. It will write css into the head of every page and this is not good practice. It is much better to write a custom css file (or more than one) and call these properly using WordPress coding hooks and filters. The only page that WordPress seem to have forgotten in this regard is the login page, about which I will write a separate post. So, what are you going to need? FTP software and a syntax highlighting text editor. I am a Windows user, and I use Editra as my text editor, but there are other good free ones, such as Notepad++. My development tool is Firefox with the Firebug add-on (which itself has quite a few cool add-ons, go Google for them) and the Fireftp add-on. I will leave you to figure these out for installation and use, as there are tons of great guides on the Internet already. Why Firefox? Because it so closely follows the web standards and thus it is the first browser you design for, then you check the others. I also set up a drive to mirror any folders and files on my local machine. So, that having been said, here is Firefox with Fireftp looking at my Ultimatum Child Theme folder as Ultimatum made it:
In the third blog post in this series on how to build a Self-Hosted WordPress site, I explained how to to set up the optional list of plugins that I recommended. Now it’s time to configure WordPress itself. I will take you through this running down the left hand admin menu. The Dashboard is first. There is a ‘Welcome to WordPress!’ banner. At the top right you can dismiss this.
Now we go to Settings => General. Your tagline is really important for Search Engines, so make it count. Right now it says ‘Just another WordPress site’. Not ideal. In fact, when the Google bot sees this, it demotes you because it thinks the site is in development. For example, our site says ‘Photography Studio Equipment suppliers of stands, umbrellas, triggers and other associated equipment’. A lot of key search words in a concise sentence. Further down that same page (and the third screenshot above shows this bottom half of the settings page), it is also a good idea to make sure Membership is unchecked, so no-one can register. Your Timezone should be set to suit your location. Note that your server also has timezone settings, which I cover in a separate blog post. Similarly, you may wish to set Date and Time formats that suit where you are located. There is a link to a help page about this on the settings page. Settings for the week starts on and language again need to match your local needs. Nothing on the Writing Settings needs changing for now, and we covered the Reading Settings in Build a Self-Hosted WordPress Site – Part 2. (more…)