All Premium Tutorials

Currently 179 tutorials

CSS Lined Circles

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

May 19

CSS Hour Glass

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

May 12

Add Pagination To VueJS WordPress Theme

In this tutorial we're going to add previous and next pagination buttons to the Homepage and the Category page. When using the WordPress REST API to get post you need...

May 8

Create 404 Page – VueJS WordPress Theme

In this tutorial we're going to create the 404 page for the WordPress theme. The 404 page is a page some companies have some fun with here is a page...

May 6

CSS Half Circle Of Circles

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

May 5

CSS Full Circle Of Circles

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

April 28

How To Install xdebug on PHP 7.1

Xdebug is a very useful tool when it comes to PHP development, it's a PHP extension that allows you to profile and debug your PHP code. It even allows you...

April 22

Create Date Archives Page – VueJS WordPress Theme

In this tutorial, we're going to build a date archives page for your WordPress theme so that you can display a list of your previous posts sorted by date. If...

April 22

CSS Double Circle Bounce

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

April 21

Create Search Results Page – VueJS WordPress Theme

In this tutorial we're going to revisit the Creating the Homepage tutorial and create the search form we added to the homepage. In the Homepage tutorial we added a component...

April 15

CSS Dot Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

April 14

Create Author Page – VueJS WordPress Theme

If you have a multi-author blog then you will have information about the author of the post on the page so that user's can find out more about the author...

April 11

CSS Walking Circles

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

April 7

Create Category Page – VueJS WordPress Theme

The next tutorial in the VueJS WordPress theme series we're going to create the category pages for the theme. So far in the theme, we've created the homepage, the blog...

April 5

Create Static Pages – VueJS WordPress Theme

In the last tutorial we setup routes and components for our blog posts, we did this with dynamic routes. In this tutorial, we're going to create the routes and VueJS...

April 4

Create The Post Page – VueJS WordPress Theme

In the previous tutorial, we created the Homepage for the VueJS theme, with the Homepage showing a list of posts with a link to the post page we can now...

April 3

CSS Clock Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

March 31

Creating The Homepage – VueJS WordPress Theme

With the project setup, we can now focus on building the pages we need for the WordPress theme. First we're going to start off with the homepage, throughout this project...

March 27

Building The App.vue Component

The most important component that we need to create is the vue App.vue component, this is the main Vue component that the application will use. This is the file that...

March 26

Making API Requests With Axios

To make requests to the WordPress REST API we need to install another library to help us make these requests. We can use something like jQuery which has helpers for...

March 26

Setup The WordPress Routes

With the styling for the theme setup and ready to go we can set up the routing for the WordPress theme. In a normal WordPress build, this is the section...

March 25

CSS Circle Triangle

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

March 24

Setup Styling For The Theme

For the styling of this project, we'll simply be going to use a CSS framework like Bulma to speed things up. Bulma is a CSS framework that uses SASS and...

March 23

VueJS Project Structure

In the previous tutorial, we created a new VueJS project using the vue-cli command, in this tutorial we're going to investigate what this has done and look into how we...

March 23

Building A WordPress Theme Using VueJS

In this series, we're going to use VueJS to create a WordPress theme using the WordPress REST API to display your WordPress content. I'll try to go through all the...

March 22

CSS Circle Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

March 17

VueJS Slots

VueJS Slots is a way of injecting content into your rendered Vue components. This allows the component to become more flexible and reusable. In this tutorial, we're going to investigate...

March 14

CSS Box Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

March 10

CSS Block Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

March 3

WordPress REST API Authentication

In this tutorial, we're going to investigate authentication with the WordPress REST API. By default, the WordPress REST API has some open endpoints and some cookie authentication endpoints. The main...

February 25

CSS Battery Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

February 24

CSS Animated Circle Spinner 2

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

February 17

Create A Welcome Page For Your WordPress Plugin

Whenever you install WordPress or upgrade WordPress you get a nice welcome page that shows you some of the features that you've just installed. Some big WordPress plugins do the...

February 12

CSS Typing Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

February 10

Wait For iFrame To Load jQuery

Recently I've had a project that needed to do some work in JavaScript on code within an iframe. The problem I was facing was that the website inside the iframe...

February 5

Deploy Code With Git Push

In this tutorial we're going to learn about quite possibly the easiest way of deploying your code onto a staging or production environment. In the past it was common place...

February 4

CSS Animated Circle Spinner

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

February 3

Modify WordPress REST Endpoint Response

When working with the WordPress REST API you can get all the information back you need for a specific post. This data will consist of all the standard information such...

January 29

CSS Typing Indicator

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

January 27

Create Your Own WordPress Rest Endpoints

As the REST API is still relatively new there might be some endpoints that don't currently exist such as getting the post archives where you would normally use the function...

January 25

CSS Three Circle Loader

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

January 23

Get Posts Between Certain Dates WordPress REST API

When building your WordPress theme using the REST API one of the pages you might want to correct is the Post archives page that displays all the posts for a...

January 23

How To Disable Auto WordPress Responsive Images

As of 4.4 WordPress will automatically add the srcset attribute to the images in your content. The srcset attribute allows you to define different images to use at different viewport...

January 21

Only Allow Access To REST To Logged In Users

The WordPress REST API is a very exciting feature of WordPress, it was introduced into the core in version 4.7 and is getting a lot of attention from the developers...

January 17

Installing Laravel With Homestead

To get started first we need to install Laravel. Installing Laravel There are multiple ways you can install Laravel, the easiest way you can install Laravel is by using composer....

January 16

Building A Weather App With VueJS

In this tutorial we're going to build a component we can use to display the weather of a location in VueJS. This component will be created with a location search...

January 9

VueJS: Single File Components

When you're defining new components in VueJS you can use the method Vue.component like we've used in a previous tutorial about Vue. This has created a Vue component of todo-item...

December 23

VueJS: Mixins

Mixins are a way of reusing functionality from within your Vue Components. A mixing will use the same properties as a component such as created, methods and when a component...

December 22

VueJS: Transition Effects

VueJS provides an inbuilt way of providing transitions when making changes to the DOM, these can be applied when inserting items, updating items or deleting items from the DOM. Transition...

December 21

VueJS: Route Meta Data

You can add additional information to a specific route by giving it route meta data, this meta data can then be picked up by the router on the beforeEach() function...

December 20

VueJS: Vue Router Restricting Routes

In the previous examples of using the Vue Router we learnt how to build routes and how we can navigate around the application to view the previous examples please see...

December 19

VueJS: Vue Router History

Looking at some of the examples we have of the Vue router you'll notice that the browser is automatically add a hash to the end of the URL. This is...

December 15

VueJS: Redirect Unmatched Routes To 404

Like any other website if the router can not find the URL you're navigating to then you need to display a 404 page to your user for them to know...

December 14

VueJS: Vue Router Change Page

Sometimes while you're developing you find situations where you need to redirect to a different page or go back to the last page. For example you could have a form...

December 13

VueJS: Vue Router Child Paths

In a real world example you'll be creating an application that has a few nested URLs for example a user account will have URLs such as /account /account/security /account/notifications /account/billing...

December 12

VueJS: Vue Router Reacting To Route Changes

The the last example we learnt how to create dynamic routes in VueJs. This allows you to have the same component be reused on multiple page, for example if we...

December 10

VueJS: Vue Router Dynamic Routes

In a previous example we learnt how to use the Vue Router. In this example we just used simple links to a single page. But as you know most apps...

December 9

Export All WordPress URLs

In this tutorial we're going to create a way you can export all of your WordPress URLs into a CSV file. This is very important task to do when migrating...

December 8

VueJS: Vue Router

An important part of a JavaScript website is the ability to show different content depending on the URL you navigate to. In traditional web development this URL will point to...

December 7

VueJS: Building A Comments Section

To carry on through the learning of VueJS we're going to build a real world example of creating a comments section in your website. We're going to use an API...

December 5

VueJS: Building A Simple Calculator

In previous tutorials of VueJS we've learnt the basics of how to use Vue, but we haven't really learning how to build an application. In this tutorial we're going to...

November 30

VueJS: Building A Confirmation Modal

In this tutorial we're going to learn how you can create a deletion confirmation modal in VueJS. This technique is important when you have a form or a link asking...

November 28

VueJS CRUD: Product Search

With a product list on the page it will be a good idea to be able to search through the products by product name so that you can find the...

November 26

VueJS: Make API Requests With Vue Resource

When developing in JavaScript the majority of the ways you get data to show on the screen is through APIs, these will return JSON format of data and parsed by...

November 25

VueJS CRUD: Form Notifications

The notification component will be used to display an alert to the user either success or error. This component requires data to be passed into it via props, this allows...

November 25

VueJS CRUD: Delete Product Page

The Delete Product Page is a confirmation page used to delete the product from the database. It will simply consist of a button to submit the form, on submitting the...

November 24

VueJS CRUD: Edit Product Page

The Edit Product Page will be used to allow a user to edit a specific product. This needs to work off a URL like /product/edit/:id with :id being the product...

November 23

VueJS: Vue Components

In this tutorial we're going to learn how we can create reuseable templates in VueJS by creating Vue components. For this example we're going to re-visit the todo list loop...

November 23

VueJS CRUD: Create Product Page

The Create Product Page will display a form allowing us to fill out new product data and POST this to the API to store the product data in the JSON...

November 22

VueJS CRUD: All Products Page

The first page we're going to create is the All Products page this in very simple at the moment and will display all the products located in the products data...

November 21

VueJS: Computed Functions

In a previous tutorial we learnt how you can add a message to the page in VueJS by using the handlebars syntax. Along with simply outputting data properties on the...

November 21

VueJS CRUD: Instantiate Application

The main.js is the import file for webpack so this is the file that we need to bootstrap the application from. First we need to import Vue which is simply...

November 20

VueJS CRUD: Single HTML Page

This CRUD application will run off a single HTML page, this takes advantage of the VueJS router functionality, by allowing us to replace the components in view by switching out...

November 19

VueJS CRUD: Create a Node.js API Using Express

For this project we're going to build an API from Node.js to process the products we can use in the CRUD application. Normally I would use an API using something...

November 18

VueJS CRUD: Install Webpack

What Is Webpack? The image above sums up Webpack perfectly, it takes your project modules like Javascript, CSS, images and bundles them up into static files for the browser to...

November 17

VueJS: Click Counter

In this tutorial we're going to build a simple click counter using VueJS. For this we're going to simply have a button on the page and on the click event...

November 16

VueJS CRUD: NPM To Load Dependencies

What Is NPM? NPM is the Node Package Manager that is used to install, publish and manage your node programs. If you're coming from a PHP background then you can...

November 16

VueJS CRUD: Setup Application

To start off this project we first need to create and setup the structure of our files. At the root of the project we have index.html package.json README.md server.js webpack.config.js...

November 15

CSS Animation Link Underline

In this tutorial we're going to investigate how you can use CSS animation using transition to create link effects on the hover event of the visitor. Were going to look...

October 12

Add Font Awesome To WordPress Menu Items

Font awesome is a huge library of icons that uses fonts and CSS pseudo selectors to add these icons to your page. This technique means loading the icons is very...

October 4

Hotlink Protection On Nginx

I recently created a WordPress plugin called Redirection Manager which will keep track of all 404s on your website and log the URL and the referrer of the link. In...

September 30

CSS Bouncing Arrow

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .arrow { cursor: pointer; position: relative; bottom:...

September 28

Fixing Analytics Leverage Browser Caching

If you've read my previous articles you would of seen a post from last month about trying to reach the 100/100 on Google's pagespeed tool. This doesn't necessarily improve your...

September 26

How To Use Page Templates In A Plugin

In this tutorial we're going to investigate how you can override a theme template files from your WordPress plugins. For this we're going to be using two filters: theme_page_templates template_include...

September 20

Change WordPress Default Email From Name

If you send emails from your WordPress site using the wp_mail() function you might of noticed that the email address and the email name is not being sent as you...

September 18

How To Reverse jQuery SlideUp And SlideDown

By default jQuery slideDown will obviously slide the element down to display the contents and slideUp will slide the element up to hide the contents. What if you want to...

September 15

Back To Top Pure JavaScript

A popular trend you see on many websites is the back to top button, where the user will click this button to automatically scroll back to the top of the...

August 29

Build Your Own Responsive Tester Page

Today with all the different devices we can use on the internet it is very important that your website is responsive and can be viewed in any browser on any...

May 30

Using Composer With WordPress

In this tutorial we're going to investigate using composer as the dependency manager for WordPress. What Is Composer? Composer is a dependency manager for PHP which allows you to easily...

May 21

How To Style Broken Images

The image has disappeared In this tutorial we're going to look at how you can customise broken images like the above to make them a bit more user friendly to...

May 19

No More Comment Spam

Since moving my comments from Disqus back to native WordPress comments I was getting a lot of spam comments a couple every minute. I had the suggested plugins installed like...

May 15

Run Code For Multisite On Plugin Activation

When you're developing a new plugin you may need to run some code on the activation of the plugin. For example if your plugin requires a database table to be...

May 3

Restrict Access To WordPress Login Page

In this tutorial we're going to create a WordPress plugin that can be used to help improve the security of your site by restricting access to the login page by...

April 29

Change WordPress Database Prefix

As WordPress is an open source application all the database table names are known to everyone. If someone knows the name of your database table it makes it easier for...

April 4

CSS Responsive Tables

In this tutorial we're going to look at how we can use tables on responsive layouts and how can we make these tables usable on mobile devices. When tables are...

March 25

Get WordPress Image ID By URL

In a recent project I needed to automatically assign a image to a post from a URL. This situation happened where I had a library of image URLs which on...

March 22

How To Create A Show Password Button

In this tutorial we're going to have a quick look at how you can create a show password button on your register or login forms. When you're creating a register...

March 21

Dequeue Styles and Scripts In WordPress

When developing on WordPress one of the first things you need to learn about is how to add Javascript and Stylesheets to your page correctly. If you're new to WordPress...

February 27

Restrict Content Pro Stats WordPress Dashboard Widget

If you use Restrict Content Pro on your WordPress membership site then you most likely find yourself logging in regularly to check the stats on your site. One of the...

February 16

Back To Top WordPress Plugin

In a previous tutorial I wrote about how you can use jQuery to create a Scroll back to top button. jQuery Back To Top In this tutorial we are going...

February 7

Stop WordPress Automatically Adding br

WordPress uses a function called wpautop to automatically add paragraphs and line breaks to your content from the content editor. This will change double line breaks and convert them into...

December 11

WordPress Recent Posts Shortcode

On WordPress.com you automatically get are a large number of shortcodes that you can use on your blog. Here you can view all the default shortcodes on WordPress.com. One of...

December 10

Preserve Variables Between Unit Tests

Although not strictly unit testing but more functional testing I've been in the situation where I've had to perform automated tests of database interactions. This could be by using a...

December 9

Set WordPress Posts To Private By Default

The following code snippet will allow you to set all your posts to private as default. We do this by using the action post_submitbox_misc_actions and inserting jQuery into the page...

December 8

Viewing Localhost Site On A Mobile Device

In modern web development it's very important that your website is functional on mobile devices. There are a few options that you can use when testing how your website works...

October 6

jQuery Build Dropdown From AJAX

In a recent project I had to correct a lot of AJAX requests that will populate a HTML select dropdown, in this post I'm going to show you a quick...

July 12

Colours With Sass Map

Here is a quick CSS snippet on how you can use Sass maps to create a colour list for your project. Sass maps are a nice way of creating lists,...

June 2

Add Required Asterisk With CSS

A red asterix is a common approach in website UX to show that a form field is required to be filled out by the using before submitting the form. Therefore...

May 17

Add Delete Confirmation Modal To Form With jQuery

In this tutorial we are going to learn how you will add a confirmation modal box to your forms for things like deleting. Most tutorials I've seen on this only...

April 13

Media Query Sass Mixin

If you do any front-end development over the past couple of years then you would of heard of CSS pre-processors. The most common CSS pre-processors are SASS, LESS, or Stylus....

March 5

Using Namespacing And Autoloaders In WordPress Plugins

One thing I have been experimenting with recently is adding namespacing and autoloaders to new WordPress plugins. What Are PHP Namespaces PHP namespaces was introduced in version 5.3. Namespaces is...

February 17

Sass Mixins To Get You Started On The Next Project

If you are unaware of some of the features of Sass that can help speed up your front-end development then I would recommend reading this article on How To Get...

February 9

Change Sortable Columns In WordPress

In a previous tutorial we saw how you can recreate the All Posts table in the WordPress admin area by using the WP_List class in WordPress. It talks about creating...

January 23

Migrating WordPress Database To A New Server

When you are developing any website you will always have different environments for your website, the number of environments you need will depend on the size of the project and...

November 24

REM Sass Mixin With Pixel Fallback

The REM CSS unit is similar to the EM CSS unit except it allows you to size elements relative to the root of the HTML tag, as it stands for...

October 22

Add Scripts To Shortcode Only When Used

Since version 2.5 WordPress introduced a new way of developers to provide dynamic content for the content author of the website with the use of Shortcodes. What Is A Shortcode?...

August 14

Get A List Of Registered Actions In WordPress

WordPress actions and filters is an event driven architecture that allow you to run specific code at certain times in your application. To do this WordPress uses two functions the...

August 11

Dynamically Create Classes With SASS

There are many advantages to using CSS pre-processors like SASS, some of the features allow you to end up writing less CSS code by using inheritance and functions in SASS...

July 3

Load Scripts Dynamically With jQuery

A common tactic to help speed up your website is to use a technique called lazy loading which means that instead of loading everything your page needs at the start...

June 4

Remove Comments From Certain Post Types

In WordPress the default posts and pages both come with comments enabled, this will allow WordPress to display your comment form under your content. But with custom post types you...

May 19

Pre-populate Post Type Content

With custom post types you can separate the content into different section, for example you can post types, pages, portfolio pages and products. If you find that you enter the...

May 12

Add Custom Post Types To RSS Feed

By default WordPress comes with an in-built RSS feed allowing your visitors to subscribe to your RSS feeds to be alerted to your new articles. This will normally consist of...

May 7

Force Sub Categories To Use Parent Category Templates

When doing WordPress theme development the first thing you will learn about is the template hierarchy, this is the order of templates WordPress will use to display the content. WordPress...

April 23

Get Image Src With PHP

There are some occasions where you need to get the attribute value in PHP from a HTML element, this can be for migration reasons or perhaps you are writing a...

April 22

File_Exists For Remote URL

If you want to make sure that a file exists in PHP you can use the function file_exists(), which takes one parameter of the filename. This function will not only...

April 16

Sticky Posts In WordPress

As of WordPress version 2.7 you've been able to assign some posts to be sticky, a sticky post will make sure that this post appears at the top of the...

April 14

Redirect Users After Login In WordPress

WordPress comes with the ability to create different users for your website. Each of these users can have different roles and different capabilities to perform tasks on your website. You...

April 8

Equal Height Columns

If you are displaying a number of columns on your web page then would of probably reached the problem where you need these columns to be the same height as...

April 7

Add Custom User Profile Fields In WordPress

When you are working on projects that need a lot of user management then you can get to the point where you need to add additional information to the users...

April 2

Password Protected Pages Excerpt

When you display list posts in WordPress and want to display a snippet of the post content, there are two ways you can do this. You can either use the...

March 26

Hide Content on Password Protected Pages

On private websites it can be handy to have password protected pages to stop everyone getting at some pieces of content. In WordPress creating a password protected page is very...

March 25

Add Upload Media To Library On Widgets

The WordPress media library is one of my favourite features in using WordPress over other CMS's, when you upload a new image into WordPress it will convert it to a...

February 26

Debug WordPress Cron Jobs

In WordPress you can setup scheduled tasks that allow you to run a certain action at a scheduled time in the day. As this runs a set action you can...

February 19

Remove Protected: From Post Titles

In WordPress you can easily password protect a page from the admin area. All you have to do is under the publish block edit visibility and select password protected. A...

February 10

Trim Post Content Outside Of Loop

The WordPress loop is used in the theme files to display the post content, when you are inside the loop there are two main methods you can use to display...

January 27

Stop WordPress Including jQuery Migrate File

In WordPress version 3.6 when WordPress loads the built in jQuery file it will also load in the jQuery migrate file. The jQuery migrate file was introduced in version 1.9...

January 23

Restart CSS Animation

Since CSS3 we have been able to add CSS animation to our elements, these are relatively easy to setup. An example of a simple CSS animation example is to fade...

January 13

Calculate Different Shades Of A Colour

There are different ways colours are defined the two most popular values in web are HEX or RGB. Both of these values have a logical formula to working out what...

January 7

Get All Menu Items In WordPress

In previous project I had to display a list of categories in a certain order, to get the categories out from WordPress we have a few options we can use...

December 23

How To Create WordPress Admin Tables Using WP_List_Table

WordPress it's not only a CMS it can be used as an application Framework, when it's being used as a framework you will find yourself adding custom data to your...

December 12

Create A Clock In CSS

In this tutorial we are going to walk through the process of creating a ticking clock in CSS, using CSS3 features animation and transform. The animation will start when you...

December 10

How To Get Breadcrumbs In Search Results

If you are ranking well in the search engines but still aren't seeing the amount of traffic you should be from the search results then you need to think about...

November 26

Cache Google Web Fonts Api

Google web fonts is a huge library of free web friendly fonts you can easily use on your website. The fonts are loaded in to your website with Javascript and...

November 19

Get Theme Directory In WordPress

When you doing theme development there are times when you need to reference a file in the same folder of the current theme. You may need to include a file...

November 18

Override Sidebars Per Page In WordPress

In WordPress development you define what sidebars can be used on your theme, these sidebars will then appear on the widget dashboard screen where you can assign all the widgets...

November 11

HTML5 Datalist

Most people use the jQuery library jQuery UI in their applications, this gives you access to a number of useful elements that you can use, these consist of the colour...

November 5

Disable Auto Updates In WordPress

In the past when there is a new WordPress version release the site admin would have to log into the admin area and manually update their website. As of WordPress...

November 4

Maintain Last Keyframe Of CSS Animation

When using CSS animation you can set the keyframes of activities you want the animation to do. For example if you want an element to fade-in you would change the...

October 31

Force Browsers To Load Latest CSS And JS

In modern browsers they will cache most external aspects of the website, they will cache all images and even stylesheets and javascript files of your website. During a website redesign...

October 30

Create A Animated Download Icon In CSS

When you place a call to action on a webpage you normally want the visitors to down something like sign up to your newsletter or download some of your content....

October 16

Remove Blog Prefix For Custom Post Types

This is a problem I've seen a couple of times and it sometimes tricks people out of using custom post types in WordPress. When people first create a WordPress site...

October 8

Hide WordPress Update Notice To All But Admins

When you have built your site on an open source project like WordPress one of the benefits you get is continuous updates and improvements to the core code. WordPress aims...

October 7

Create Custom Tables In WordPress

If you are creating your own WordPress plugin you may want to store data inside the WordPress database. There are a few options that you can use for this, you...

September 12

Remove Automatic Paragraphs In Shortcodes

This post is an extension to the post I wrote some time ago about displaying code snippets on a WordPress site. This post showed how you can create a WordPress...

August 7

Create Password Strength Indicator With jQuery

With security being the biggest problem for most websites it's important to make websites as secure as possible. But after all the precautions a developer can do with their code...

July 22

Validate Requests In WordPress Using Nonce

There are loads requests that you can perform in WordPress from either forms or links that will do things like updating database values or deleting posts. If you are deleting...

July 3

Multi Environment WordPress wp-config.php

When you are developing any website you will always have different environments for your website, the number of environments you need will depend on the size of the project and...

May 16

Always Get A Checkbox $_POST Value

The problem with checkboxes is that if they are not checked then they are not posted with your form. If you check a checkbox and post a form you will...

April 30

Add Custom Post Meta Data To Post List Table

One of the best thing about WordPress is that you can customise almost anything. In the admin area you can see a list of all the posts you have added...

April 8

Check If A Sidebar Has Widgets Assigned

To display a sidebar in your Wordpress site you first need to register the sidebar so that Wordpress can assign widgets to it. When a sidebar is registered it will...

March 25

Dependency Injection With Test Driven Development

With unit tests you can check that your code behaviours just as you expect it to. When writing your unit tests you shouldn't need to worry about if any other...

March 13

Create Your Own WordPress Login Page

In Wordpress you can create your own users and user roles, you can even do this programmatically which means that you can create a register form so that visitors to...

February 25

Test Driven Development With PHP

In a previous post I wrote about the benefits of using Test Driven Development in your application development process. This can be used in all types of development from software...

February 20

Test Driven Development

In this post we will be investigating what is test driven development and how we can use it to improve our development process. What Is Test Driven Development? Test driven...

February 11

Alert Theme Users To Required Plugins

One of things that I've said about premium Wordpress themes before is the amount of features that are included in the theme options panel page. Most of these theme options...

February 6

Restrict Admin Area To Only Admin Users

When you create a new user in the Wordpress user manager they will be able to login to your site by going to the default Wordpress login page /wp-login.php. Depending...

January 18

Move Wp-Content Folder To Different Location

Ever since Wordpress version 2.6 you can actually move your wp-content directory to a different location. The wp-content directory will store all your theme files, plugin files and images. Why...

November 6

Javascript Full Screen API

The full screen API is an easy way to get the full web content to be displayed on the page. It's very similar to pressing F11 on your keyboard but...

October 22

Display A WordPress Search Form

Wordpress has an built in search facility which will allow you to search for keywords within your posts search in either the post title or the post content. In order...

September 24

Add New Menu Items To WordPress Admin

If you are a plugin or theme developer then you will get to the stage where you need to add a link to your plugin or theme settings page in...

September 7

Create WordPress Post Custom Meta Boxes

At the bottom of my posts you will sometimes see a couple of embedded tweets near the comments section. Many people have asked me how this appears on the site...

September 5

Add Stylesheets To WordPress Correctly

When you are developing Wordpress plugin or theme then you will always get to a point where you want to add a stylesheet to the page so you can use...

August 8

Customizing WordPress Comments

Post comments are an important part of any blog, they give your readers a way of engaging with the author of the article. Comments are the main thing that makes...

July 9

Create A CSS 3D Push Button

In this tutorial we are going to look at how we can use CSS transitions to make it look like a button is 3D when you push it. For this...

June 4

How To Register Menus In WordPress

In a previous snippet we learnt How To Register A Sidebar In WordPress in this snippet we are going to learn how we can easily create custom menus and add...

May 3

Show Urgent Messages In WordPress Dashboard

If you use Wordpress dashboard then I'm sure you would of noticed the error messages that are displayed at the top. These will normally be messages from Wordpress to let...

March 14

How To Use HTML5 GeoLocation API With Google Maps

In this tutorial we are going to learn how to use the Geolocation API to get your current latitude and longitude, from these results we can then connect to the...

February 24

Replace jQuery With CDN In WordPress

Here is a snippet which allows you to load jQuery from the Google CDN in Wordpress. jQuery is a very popular Javascript framework which can do some very powerful things...

January 9

Remove WordPress Version Number

If you have been looking into Wordpress security then you will notice that one of the most common solutions to help improve Wordpress security is is remove the version number...

October 5