How to make mobile-friendly images using CSS

How to make mobile-friendly images using CSS

How your images appear on mobile devices such as Androids and iphones is very important these days. On April 21, 2015 Google released a new updated algorithm that affects mobile searches in all languages worldwide and has a significant impact on Google Search results. If the images on your website are not mobile-friendly then you will lose rank on Google Search results. This means that if your images bleed through or expand the width of your webpage and your visitors need to scroll to the side you will be affected by the algorithm change.

How to generate website screenshots for WordPress websites

How to generate website screenshots for WordPress websites

This guide will help you easily generate a screenshot of a website for your WordPress website by implementing PHP code into the functions.php template file and using a WordPress shortcode. This script uses the WordPress.com screenshot generator and all you need to do is copy and paste simple code into your functions.php file and place a simple shortcode on a page or post on your WordPress website.

How to display Date and Time on WordPress

How to display Date and Time on WordPress

Unless you’re a casual Javascript (client-side) or PHP (server-side) user, creating or finding an easy code to show the current date and time on your WordPress website can be a task.

But it’s not; it’s actually very simple to create your own shortcode using PHP and your theme’s functions.php file to display the date and time on any page or post found on your WordPress website.

1. Copy and paste the snippet below into your functions.php file to create [date] shortcode

function displaydate(){
return date('F jS, Y');
}
add_shortcode('date', 'displaydate');

2. Insert [date] where you would like to display the current date and time on any WordPress page or post.

To change the shortcode term “date” replace ‘date’ in the code above (‘SHORTCODE’, ‘displaydate’).

Displaying date and time can be done by using different PHP time constants

j = Day of the month without the leading 0 for single numbers (1 and 31)

d = Day of the month with with leading zeros for single numbers (01 and 31)

S = English ordinal suffix for the day of the month, in 2 characters

F = A full textual representation of a month, (January)

Y = A full numeric representation of a year, in 4 digits (2012)

In the PHP code we created above we use J and s together, such as jS, which is commonly used. It’s also easy to create your own timestamps or date and time signatures using PHP constants. Replace the constants F, jS, and Y in the code below. To find more visit the PHP date manual.

How to add iframe busters to your website’s server (List of all iframe buster files)

How to add iframe busters to your website’s server (List of all iframe buster files)

Iframe busters or stub files are commonly utilized by third-party vendors in conjunction with Flash creatives such as media rich advertisements that are served within an ad slot implemented in an iframe. You may have noticed visitors to your website visit a page on your website that does not exist ending in /eyeblaster/addineyev2.html, /doubleclick/DARTIframe.html, /atlas/atlas_rm.htm, and many others. These pages often results in a 404 error.

 /eyeblaster/addineyev2.html

If this is the case, you may need to upload an “iframe buster” into the root of your website’s server at the following location: www.example.com/vendorname. Iframe busters or stub files are provided by 3rd-party ad servers and media creative vendors.

How To Customize The Font Color Of Text In The WordPress Jetpack Plugin Infinite Scroll Footer (Theme Name, Credits)

How To Customize The Font Color Of Text In The WordPress Jetpack Plugin Infinite Scroll Footer (Theme Name, Credits)

How to change the color of text in Jetpack’s Infinite Scroll footer. By default the Infinite Scroll footer displays text such as the WordPress website’s credits, theme, and title in black. This can be changed in the WordPress Jetpack plugin editor’s css file for the Infinite Scroll option but is much easier and more so suggested to do so using simple custom CSS.

How To Add A Scroll To The Top Of The Page Link On The Jetpack Infinite Scroll Footer (WordPress Jetpack Plugin)

How To Add A Scroll To The Top Of The Page Link On The Jetpack Infinite Scroll Footer (WordPress Jetpack Plugin)

Give your WordPress website visitors the option to scroll back to the top of the page via Infinite Scroll footer link. As stated in a previous article about removing the credits from the Infinite Scroll footer, as of November 10th, we use the new Jetpack 2.0 Infinite Scroll feature and give our website visitors the option to scroll to the top of the page via a simple text link with an arrow (↑) . Here’s how to DIY.