It’s been a few years now where nobody even thinks about making a website that’s not responsive and mobile friendly. Mobile phones and tablets have become the primary means of accessing the web for the majority of people, and providing a great experience for mobile users has become a real responsibility for every website owner.
After the website’s content itself, probably the most crucial component of any website is its main navigation as it is in many cases the only way users can navigate around a website and discover its offerings.
While a navigation menu for desktop views is arguably a solved problem and the best patterns have been concretely established for far more than a decade, we’re still not 100% percent clear on the truly best patterns for our mobile menus types, styles and UX. The most popular patterns emerged a few years back, with the hamburger triggered menu being the most prevalent. On touch it usually reveals either a drawer (which is also the most popular approach and can be placed top, left, bottom or right), a dropdown, or an expanded list.
In this small tutorial we’ll see how easy it is to create a navigation menu which turns into a hamburger drawer mobile menu using the magnificent jQuery.mmenu plugin.
WordPress is undoubtedly a great content management platform and for the many use cases it covers it brings a lot of developer benefits on the table. Among the benefits, however, there are a handful of thorns sticking out and one of the sharpest ones is arguably CSS authoring which unfortunately can’t be blunted by the core team because it’s not inherently a fault within WordPress itself.
How long have you been craving for a text size setting on the default Text widget, or a background color on the Calendar widget? Did you know you could implement these yourself? And without modifying the core files? And without jeopardizing the update-ability of your website?
Yup! It can be done! Of course, some things are more easily done, and some things may be impossible to do at all. Let’s see however what is the general approach of actually doing it.
Did you know that when you’re using the search boxes on your WordPress site, you can narrow down the results by providing words that you don’t want included? That’s right! This method works both on the front end (theme-provided search bar, search widget, etc), as well as on the back end (post listing screens, etc), and is available since WordPress v4.4
So you are building a super duper cool plugin™ that, say, does something with widgets or shortcodes and you need to apply some CSS conditionally. No worries, that’s what wp_add_inline_style() is there for. But can you actually use it?
In a previous post we took a look at, possibly, the most popular translation plugin for WordPress, WPML. Continuing on with our translation theme, today we’ll take a look at the most popular free plugin currently on the WordPress plugin directory, Polylang.
Multilingual sites allow you to reach a wider audience, especially for non native English speakers. Translating your site in English will make it accessible to a very large, worldwide audience. The benefits do not apply only to the English language though, you might want to make your site accessible to a market or country that does not have many English speakers, translating it to their language removes that barrier.
Let’s talk about speed. We all know how important loading speeds are on websites. A slow page will struggle at keeping visitors engaged resulting to high bounce rates, which is less than desirable. The problem only gets worse on mobile users which not only have to deal with slow network speeds but run the potential risk of high data charges when visiting large websites. There are a lot of ways to speed up page loading times and decrease the page size such as caching and minification plugins, CDNs and more, Accelerated Mobile Pages are yet another tool in our disposal which is purpose built for mobiles.
WordPress defines what a user can and can’t do by using a system of roles and capabilities, but what does this actually mean? Below we’ll analyze roles and capabilities a bit and see how we can alter them with the use of a plugin. Read More