Customize your WordPress dashboard using Adminimize

The WordPress dashboard contains a lot of options that most users won’t ever use. In fact the plethora of options can some times be confusing or even dangerous if some of the available options allows an inexperienced user to break their site. WordPress tries to minimize both the clutter and prevent accidents by restricting access to necessary options depending of the user role. What if you want to create a tailor made experience for your clients though? You have a few options, you can use the roles & capabilities API to customize what each user role can do on your site, or even create custom roles for your users, more info on how to do that here. However, for more fine grained dashboard customization there is a purpose built plugin and it’s called Adminimize.

Read More

How we use Sass and Gulp in our WordPress theme & plugin development workflow

It’s been quite a while now since we’ve completely abandoned vanilla CSS for a CSS preprocessor (more than four years actually) and more specifically for Sass (with SCSS syntax). There are quite a few reasons why we did that, and the main one is improved DX (developer experience) along with easier plugin integrations.

Simply put, Sass used to be (and still is) a much more powerful language than vanilla CSS, especially if you’re concerned with older browser support (i.e… IE ¯\_(ツ)_/¯). I’ve found that the need for variables, conditionals, mixins, rule nesting, along with color functions and all the goodies a preprocessor comes with is much more apparent within the WordPress theming context where you wish to provide multiple color schemes for your theme or tame popular WordPress plugins to match your theme’s design and layout.

That said, I’m not here to sell you on CSS preprocessors right now, this piece is an overview on how we use Sass with Gulp in our theme and plugin development workflow, and how to incorporate the same workflow to your theme, if you so wish.

Read More

Add custom fonts to your WordPress website using a child theme

A well crafted and easy to read font is a great asset for any website. It will catch the readers eye and it won’t tire them while they consume your content. There are many plugins that can help you add fonts to your WordPress site, but perhaps you want to avoid using them and prefer to do this the old fashioned way. It’s pretty easy, let’s take a look.

Read More

Should I use a custom theme or a plugin for my WordPress site customizations?

If you’ve ever built a WordPress site from the ground-up, chances are that at some point you needed to do something that your theme and plugins couldn’t or wouldn’t do. You probably already know that you can add code directly to your theme, in a child theme, or in a site-specific plugin. But each approach comes with its pros and cons. Do you know when and why you should choose each one?

Read More

How to add a back-to-top button on your WordPress website

Landing website pages have been all the rage for a while now and although many of them come with a great design they can also come with a caveat: long body heights. This usually means that after users are done going through our awesome content they are forced into a scrolling sprint back to our website’s header in order to examine more navigation options (which also kinda means our landing page should have more interesting calls to action, but that’s a different story).

One way to mitigate this terrible experience and improve our website’s user friendliness would be to make our header sticky (which we’ll cover in another tutorial), but that’s something that’s not always desirable. Another way, one which we’ll cover in this tutorial, is to add a so-called “back to top” button which stays fixed as we scroll down and smoothly transitions us back to the very top when it gets clicked. This kind of “scroll to top” behavior is so necessary in some use-cases that iOS even has it embedded as a feature in pretty much the core of the OS (by tapping the status bar).

Let’s go ahead and see how simple it is to add this kind of functionality to any website with a simple button.

Read More

Quick interview with Augustin Prot (weglot.com)

Hi could you tell us a little about yourself and background?

I’m a non tech guy who graduated from Dauphine, in Economics. Then I started my career in Finance, in merger and acquisition advisory. After 3 years, I thought I was not learning enough anymore, so I decided to try starting a company. But I had no specific and no partners. That’s when I met Rémy Berda (co-founder of Weglot), who had an idea, a first user and a strong background as an engineer and entrepreneur. It was the first step of the Weglot journey :).

Read More

Free SVG & PNG icon pack: Teamwork

Here’s another great free icon pack generously provided by our friends over at freepik.com & flaticon.com

This time the set consists of 50 icons available in 3 different variations (Outlines, flat & linecolor). In the zip file you will find SVG & PNG version for all 3 versions, a total of 600 icons ready to be used in any personal or commercial project! (Well, just make sure to credit the original author, that’s not much to ask I guess). Enjoy!

Download Now

Add a site-wide dismissible notice bar to your WordPress website

Global, site-wide website notices are a pattern as old as websites themselves, and although they are being abused all the time they do have valid use-cases and are extremely useful in situations where we absolutely need to notify our visitors of something important, e.g. a great deal (as we do here at CSSIgniter), any kind of maintenance message or even the EU cookie law notice!

When the need rises for such functionality the first thing on anyone’s mind would probably be to have a look at the WordPress plugin repo for any suitable plugins, and, well, although it’s justified (there are a ton of plugins for this kind of thing) there’s no reason not to implement it ourselves since it’s so easy and fun.

Without any further ado, then, let’s see how we’d go about building a simple, global, dismissible site-wide notice bar.

Read More

How to manage redirections from your WordPress dashboard

Changing permalink structure, changing post slugs, deleting posts or pages, moving your WordPress installation to another folder, or even migrating your site to a completely different server will require you to take care of URL redirects. A redirect lets your visitor, or more specifically your visitor’s browser, know that the page they are looking for has moved and directs them to the proper address. Unhandled changes to any of the above circumstances might result to 404 errors which are not that great for your page’s SEO. Let’s take a look at how we can use a plugin to easily handle such redirects. 

Read More