Add Left And Right Swipe On Mobile For Bootstrap 4 Carousel

We are talking about carousel included in Bootstrap 4, you can see how to add one here. Add this to your JS file or load it on the footer // Thanks to Maaaaark – https://github.com/maaaaark/bcSwipe/blob/master/jquery.bcSwipe.min.js !function(t){t.fn.bcSwipe=function(e){var n={threshold:50};return e&&t.extend(n,e),this.each(function(){function e(t){1==t.touches.length&&(u=t.touches[0].pageX,c=!0,this.addEventListener(“touchmove”,o,!1))}function o(e){if(c){var

Posted in WordPress Tagged with: , , ,

Full Width Responsive WordPress YouTube Embeds Automatically

Add this to the functions.php /** * Add Response code to video embeds in WordPress * * @refer  http://alxmedia.se/code/2013/10/make-wordpress-default-video-embeds-responsive/ */ function abl1035_alx_embed_html( $html ) {      return ‘<div class="video-container">’ . $html . ‘</div>’; } add_filter( ’embed_oembed_html’, ‘abl1035_alx_embed_html’, 10, 3 ); add_filter(

Posted in WordPress Tagged with: , ,

Testing Effects Of DNS Prefetch (rel=dns-prefetch)

Understanding what DNS-Prefetch is: Developer.Mozilla.org To make it happen, add this in the <head> <link rel=”dns-prefetch” href=”https://www.example.com”> Test it with: WebPageTest.org Results of DNS-Prefetch The blue part of the load time is the DNS resolution time. To see the real

Posted in Internet Tagged with: , ,

Debugging WordPress With error_log()

If Debug logging is enabled, simply use the error_log() function and it will be written to /wp-content/debug.log . Refer this article to see how it can be done: Enable Debug Logging In WordPress You can also write the error_log to

Posted in WordPress Tagged with: , ,

Easy Tabbed Navigation With jQuery

Here is the HTML Markup <h4 class=”single-company-tab-wrapper hide-if-no-js”>   <a class=”single-company-tabs” href=”#info”>Info</a>   <a class=”single-company-tabs” href=”#contact”>Contact</a> </h4>   <div id=”info” class=”tab-content”>   <p>Content of info tab</p> </div>   <div id=”contact” class=”tab-content”>   <p>Content of contact tab</p> </div> And here is the jQuery jQuery( document

Posted in WordPress Tagged with: , , ,