WordPress

Wordpress is possibly the best way to make and maintain websites. It is one of the easiest platforms for a client to learn, with plenty of tutorials, tips and hints available online. You can quickly learn how to have a website that is current and easy to update. Here are some of the best Wordpress Tips, hints, tutorials, tweaks and more.

jQuery lightbox Nivo

Add Nivo Lightbox to WordPress using shortcode function

A popular jQuery plugin for displaying images, galleries and videos in a lightbox is the Nivo Lightbox. It’s simple to use and responsive which is great for making sure that your photos look great on any device including phones and tablets. There are some easy to follow instructions on the Dev7Studios website for how to setup, otherwise they also offer a WordPress plugin for purchase. But if you feel like adding Nivo Lightbox to your WordPress website without using a…

Add Nivo Lightbox to WordPress using shortcode function was last modified: September 6th, 2016 by David Tiong
Read More
how to add Estimated Reading Time to your website

How to add estimated reading time to your WordPress posts

Not everyone will agree with the subheading of this article, but hear me out. How often does a child say “Are we there yet?” when on a driving holiday. How often do we type into Google “How long does it take to fly from point A to point B?” Or how often do we stand in a queue wondering how much time will pass before it’s our turn. How often do we ask “how long will it take”? You get…

How to add estimated reading time to your WordPress posts was last modified: September 6th, 2016 by David Tiong
Read More
mobile ready responsive websites

Is my WordPress responsive website mobile friendly?

This is the question I was asking myself a couple of days ago. I have a WordPress responsive website, and I know that it works well on mobile devices. So why would Google’s mobile friendly tester show my website as NOT friendly? Firstly let’s explore why you need a mobile friendly website. Google’s upcoming algorithm change Well according to the Google Webmaster blog in a post titled “Finding more mobile friendly search results“, Google will very soon be making a…

Is my WordPress responsive website mobile friendly? was last modified: September 6th, 2016 by David Tiong
Read More
WordPress antispambot protect email address

3 ways you can protect your email address on WordPress

Whenever you include your email address online you are asking for spam An email address is a valuable piece of information. In the right hands it becomes valuable for your business, whether you are networking with other businesses or communicating with customers and clients. In the wrong hands, your email is soon clogged up with useless spam and rot. So how do you protect your email address on a WordPress website or blog? Email spamming is all about grabbing email…

3 ways you can protect your email address on WordPress was last modified: September 6th, 2016 by David Tiong
Read More
add jQuery TimeCircles to WordPress

Add a jQuery TimeCircle Countdown Timer to WordPress

If you host an event on your website, perhaps run a competition or maybe set a product launch date, then you will need a countdown timer. One great little countdown timer is jQuery TimeCircles. It lets you set a future date and time, or otherwise you can set the timer based on number of seconds. If you set a date and time, then the countdown will finish at the set date and time. If you set a timer based on…

Add a jQuery TimeCircle Countdown Timer to WordPress was last modified: September 6th, 2016 by David Tiong
Read More
wp_localize_scripts

Passing Parameters from Shortcode to Javascript

A WordPress shortcode is used to add extra functionality to your web page. It might be to add a print button onto a page, or perhaps a toggle accordion, Google Map, or even a Retweet button. As well as outputting something to your web page, a shortcode can also be setup to allow passing parameters to a javascript file, which can be particularly useful if you need your shortcode to be used with a script file, and you want the…

Passing Parameters from Shortcode to Javascript was last modified: September 6th, 2016 by David Tiong
Read More
Mobile detection in WordPress

Detecting mobile and tablet browsers in WordPress

Even if you are using a responsive website design, sometimes you still need to tweak your styles or scripts on mobile devices. So is there an easy way to do this on a WordPress website? Well this might be the solution, a little trick that I came across recently, the WordPress conditional tag – wp_is_mobile(). This tag allows you to determine if a visitor is looking at your website on a mobile device such as a phone or tablet, using…

Detecting mobile and tablet browsers in WordPress was last modified: September 6th, 2016 by David Tiong
Read More
Async or Defer loading Enqueued Scripts in WordPress

Using Defer or Async with scripts in WordPress

Loading scripts and stylesheets is an integral part of the page loading for any website. These days we are well aware that web pages contain more interactivity, elements and scripts, accomplishing so much more than the early years when a website was just a simple HTML page (the very first website). Page Loading Speed is Important So how do we make sure that despite all the stuff that is going on while a webpage loads, the page still loads fast…

Using Defer or Async with scripts in WordPress was last modified: September 6th, 2016 by David Tiong
Read More
Add Instagram feed widget to website

How to add an Instagram feed to your WordPress website

Many bloggers use Instagram as part of their social media strategy. If you are looking at ways to share your Instagram photos on your WordPress website, then one option is to use the WordPress embed, which simply requires you to copy the Instagram URL of a photo and paste it on its own line in the WordPress editor. As an example if I put http://instagram.com/p/yiNjY6JrLI/ onto a line all by itself, then the following photo appears. Fallen lotus #lotus #watergarden…

How to add an Instagram feed to your WordPress website was last modified: September 6th, 2016 by David Tiong
Read More
HTML5 Audio and MediaElementJs

How to Play Audio on Website

The simplest way to play audio on any website is to use the HTML5 audio tag. It’s quick and simple and only requires the following HTML code: <audio src="your-music-file.mp3" controls></audio> This audio player is native to whichever browser you are using, so will look different in appearance and size on Firefox vs Internet Explorer vs Android Chrome vs IOS iPhone, etc. And if your browser doesn’t support the audio tag then you will not see any player at all and…

How to Play Audio on Website was last modified: September 6th, 2016 by David Tiong
Read More
Connect on Google+
Connect on Instagram
    Connect on Facebook
    https://www.davidtiong.com/how-to-play-audio-on-website/
    Testimonials Reviews David Tiong