If you happen to develop sites for your clients in WordPress it is worth taking a few extra steps to customise the WordPress admin. Thankfully WordPress comes with lots of built in hooks to make this super easy.
If you are a little OCD or have the need to stop your textarea from being able to be resized thankfully there is a super easy way to achieve this with the CSS `resize` property.
During WordPress theme development you will more then likely need to display some images that are located within your theme directory.
The location of the images folder can vary greatly. It really comes down to how you like to set things up.
Those with a keen eye will notice that the up and down arrows for the number input doesn’t show up in Chrome (and some other WebKit based browsers) until you hover or are focused on the input.
To force the arrows to be visible we just need to change the opacity of the inner and outer spin button.
When using the popular e-commerce plugin Easy Digital Downloads it is very common you will want to add the cart quantity to the menu. There are a few ways to do this but I have found adding it to the wp_nav_menu is great for styling consistency and maintainability.
Flexslider is one of the most used sliders, for good reason. This snippet helps lazy load your images.
In order to create a perceived performance for users, we as authors shouldn’t allow the loading of every single image at once for sliders or carousels. In this snippet we only load the first and second image on init window load.
The following snippet when placed within WordPress’ functions.php will allow authors to add custom links to their profile and display for each author bio.
The following snippet when placed within a WordPress post loop will display a feature image uploaded via your media uploader and place it as a background image within a div tag.