purabtech.in

remove default image sizes from wordpress theme

If you want to disable or remove default image sizes from wordpress theme. Than use code in them file. wordpress creates more than five images while upload.

remove default image sizes from wordpress theme

Every custom wordpress theme has their different thumbnail sizes defined. When we upload any image to wordpress, By default wordpress create four resized images. Means when we upload image, wordpress upload five images on server. Which is not necessary and unwanted. If your theme added, custom thumbnail sizes then it create more than five images and upload on server.

Tip: Whenever you change wordpress theme than regenerate thumbnails in wordpress website.

Use following code in functions.php file.


// Set default thumbnail size
set_post_thumbnail_size( 150, 150 );
function wpapi_filter_image_sizes( $sizes) {
unset( $sizes['medium']);
unset( $sizes['large']);
return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'wpapi_filter_image_sizes');

We used above code in our wordpress theme. Now while image upload, we are storing only three images on server. which saves the disk space.

If you want to remove unwanted image sizes from wordpress theme. Sometime you need the original and thumbanil image only. But many wordpress themes creates the multiple image version in your site which is not useful. Although it is possible to prevent the creation of default image sizes by changing their dimension settings to ’0′ in Dashboard > Settings > Media, these image sizes will still appear in the list of sizes in the Media Uploader.

Why use above method in wordpress theme

Due to custom thumbnail sizes your server images data will always increase. Some image sizes are not important for bloggers and website. So why to create unwanted images and store on server.

remove default image sizes from wordpress theme

You can always full sized image in website. Just fixing image sizes use following CSS code.

[viral-lock message=”Solution code is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]


img{max-height:100% !important;max-width:100% !important}

[/viral-lock]

If you use above code in style.css file than your wordpress UI will not break.

WpDataTables plugin- Understanding it in and out

Do you own a WordPress website? Do you want to include a table price list in your WordPress site? If your answer to both these questions is a “Yes” then you’ve landed on the right post. Here, I’ll be making you familiar with one of the best WordPress plugins that work as the best option for incorporating a table price list in WordPress powered websites. Backed by an easy-to-use interface, wpDataTables is the perfect solution for a number of “dirty” technical jobs such as: embedding the HTML Tags to the text, converting the table types and many more. The best part of using wpDataTables plugin is that you can do all this without the need for performing any complicated coding.

Why there’s a need to add tables into a WordPress website?

Well, there are a number of reasons backing the importance of adding tables to the WordPress posts and pages. One of the best reasons is the ability of a table to add an incredible amount of content in an easy-to-interpret and legible format. Whether you’re inclined on adding a table regarding the different business locations, a list of all the upcoming events along with dates and locations or a directory containing details about different employees; wpDataTables is a plugin that allows you to convert your ideas into reality.

WpDataTables plugin- A look at its history

Published in the year 2013, WpDataTables was introduced as a small plugin for WordPress enriched websites, WpDataTables has evolved into a fully-featured plugin. Being constantly improved by a lot of WordPress designers and developers, WpDataTable plugin has played a vital role in the creation of re-stylable, responsive and fully-functional tables, to be included within WordPress posts and pages. With innovative features being added to WpDataTables plugin with each passing month or two; WordPress designers and developers can now enjoy a fuller experience of adding tables that are more functional and customizable. The company behind WpDataTables plugin is planning to introduce new features in the plugin including eye-catchy skins, a WYSIWYG table constructor and pricing tables.

What’s wpDataTables plugin best suited for?

Currently being used on over 1000 WordPress websites, wpDataTables plugin is a perfect solution for a range of jobs including the ones mentioned below:

Incorporation of any kind of tables that are responsive in nature
Incorporation of catalogs and other kinds of tables that are fully editable from the front-end
Incorporation of searchable price list tables and catalogs
Ajax-based rendering(on the front-end) of large datasets comprising of thousands of records.

WpDataTables- A brief on its working

Adding responsive data tables into a WordPress post/page has become really simple. All thanks to the superb WpDataTable plugin. All you need to do is install it into your site and you’ll be able to add a new table, select and upload data source, followed by inserting the shortcode(generated by WpDataTables plugin) anywhere across the entire website. And that’s not all. You can gain an easy access to a large number of features including grouped rows, fixed headers, charts as well as numerous customization options such as color, fonts and translations.

And now, some simple steps on using WpDataTables plugin

Step 1- After the download and installation of WpDataTables plugin, start off with creating a new table

As per this step, choose the option ‘Add a new table’ in the WP Admin menu and set the table parameters including: table name, table data source(Excel file, MySQL, CSV file etc.). In addition to this, you’ll also need to define extra table parameters such as: whether you intend to display the advanced filters below each column, whether you want to show buttons for exporting data to CSV, what is the count of rows that you want to be displayed on one table page, whether you want the table to be a conventional one or responsive, and many others. Once you’re done with selecting values for all parameters, click on “Save table” button.

Step 2- Set up the column properties

Although this is an optional step, but I recommend you to follow it without fail. Here, you need to define a unique name for each column. This name would be used in place of the original column header. In addition to this, you’ll also be required to set the column type for handling data as a number, string or date. You can also choose to filter each column by a text input, data ranges, selectbox dropdowns, number ranges etc. Last, but definitely not the least, you can also change the display order of the columns by performing simple drag and drop function. Hiding the columns is also possible here. Once you’re done with making changes to the columns, click on “Save columns” button.

Step 3-Publish the table

In order to publish the newly created table, all you need to do is simply copy and paste the table shortcode that’s available in the admin page header part to the WordPress post or page. After you’re done with this, save the setting and the table will start appearing on the WordPress website’s front-end.
So, with the successful execution of the aforementioned third step, you’re done with incorporating a table into your WordPress post/page.

What makes WpDataTables plugin a right fit for thousands of WordPress driven websites?

Unlike a wide range of WordPress plugins that are used for creating editable responsive tables, WpDataTables plugin is considered as one of the high-rated plugins that are being actively maintained and continuously enhanced by a huge population of trained WordPress designers and developers. Here’s a look at some of the best features of WpDataTables plugin that have impressed one and all:
Can fit any requirement- Quite dissimilar to many WordPress plugins which are restricted to just offering the flexibility of adding tables into posts and pages, WpDataTables plugin is best suited for equipping WordPress posts and pages with catalogs, bugtrackers, front-end DB management, pricing tables and many more.
Is highly editable– With WpDataTables plugin, you gain the flexibility of editing the MySQL data directly from the website’s front-end, without the need for doing any complex coding.
Has a flexible and easy-to-customize design- WpDataTables plugin has been tested on a large collection of WordPress themes. That means, on installing this plugin into your site, you need not worry about the distortion of your site’s original theme/design.
Full responsive- WpDataTables plugins works as the best tool for creating fully responsive tables that comprise of collapsable rows. And the best part is that you can create such tables with a simple click of the mouse.
Lifetime technical support and free updates- Seamless technical support and timely updates are the two major concerns of every WordPress website owner who has chosen to install a particular plugin in his/her site. With WpDataTables plugin, you need not worry about both these scenarios because the plugin offers you free lifetime updates along with a round-the-clock technical support for a wide range of issues regarding the installation and use of the plugin. It is interesting to note that everyone who has chosen to download and install WpDataTables plugin has displayed utmost satisfaction regarding the use of plugin for creating flawless tables, catalogs, flow charts etc. WpDataTables plugin has already received excellent reviews from WordPress site owners across the globe.

Wrapping it all up

With all that being said about the performance of WpDataTables plugin, its time for you to choose the same for your WordPress website. I’m sure, post installation of WpDataTables plugin, you’d definitely be able to meet all your customized needs that have been bothering you since a long time.

how to create custom wordpress shortcodes

wordpress shortcodes are used in custom themes and plugins. so here in this wordpress tutorial, we will show, how to create custom shortcodes in wordpress theme.

how to create custom wordpress shortcodes

We want use wordpress shortcode in text widget and we can use shortcodes in wordpress posts. Here we will show how easily you can create wordpress shortcodes and use it.

Here using following code you can create simple shortcode. You just need to copy and paste following code in functions.php file (theme folder). If you cant to use shortcode for plugin then add this code in plugin file.

//[simple_shortcode]
function simple_shortcode_function( $atts ){
    return "foo and bar";
}
add_shortcode( 'simple_shortcode', 'simple_shortcode_function' );

Using attributes you can create short code as follows:

// [attribute_sample attr1="attr1-value"]
function attribute_sample_function( $atts ) {
    $a = shortcode_atts( array(
        'attr1' => 'something text',
        'attr2' => 'something text else',
    ), $atts );

    return "foo = {$a['foo']}";
}
add_shortcode( 'attribute_sample', 'attribute_sample_function' );

Three parameters are passed to the shortcode callback function. You can choose to use any number of them including none of them.

$atts – an associative array of attributes, or an empty string if no attributes are given
$content – the enclosed content (if the shortcode is used in its enclosing form)
$tag – the shortcode tag, useful for shared callback functions

Here is detailed example.

function subscribe_shortcode( $atts, $content = null ) {

$our_attr =  shortcode_atts( array(
        'subtype' => 'RSS',
        'subtypeurl' => 'http://feeds.feedburner.com/wordpressapi',
    ), $atts ) ;

    return sprtinf( ' . $content . ' <a href="%1$s">by %2$s</a>.',
        esc_url( $our_attr['subtype'] ),
        esc_html( $our_attr['subtypeurl'] )
    );
 
    return '<span class="caption">' . $content . '</span>';
}
add_shortcode( 'rssfeed_subscribe', 'subscribe_shortcode' );

Above we created simple feedburner subscription short code. You can use above short code as follows:
[rssfeed_subscribe subtype=”RSS”]
Be sure to subscribe to future WordPress API updates
[/rssfeed_subscribe]

how to create custom wordpress shortcodes

add feedburner email subscription popup wordpress without plugin

Here in this wordpress tutorial, we shown, how to add feedburner email subscription wordpress without plugin. Feedburner is free email subscription service by google feedbuner. You can open account using Feedbuner website.

Feedburner is free option, Feedburner is great email subscription tool, Still as compare to other paid services. Feedburner is good but I miss many features when I compare to other paid.

Why Email Subscription Popup is important.

There are many paid services offered email subscription popup functionality. They said, They will boost your your site visibility and subscribers. But you can get email subscription popup for free so, why need to pay. Google is given reputed feedburner service.

Note: The Google Feedburner APIs are no longer available.

But not to worry, google still not going to stop feedburner email subscription free service.

add feedburner email subscription popup wordpress without plugin

Here we given code for creating feedburner subscription popup in your wordpress theme. You just need create subscription.php file in theme folder and put following code in that file.


<style type="text/css">
    #subscribe-button { float: left; position: fixed; bottom: 5%; left: 0; z-index: 999; }
    #subscribe-widget { display:none; }
    /* Overlay */
    #btnt-overlay { background-color:#000; }
    /* Container */
    #btnt-container { min-height:350px; min-width:500px; color:#222; background-color:#fff; border:4px solid #ddd; }
    #btnt-container .btnt-data { padding:8px; }
    #btnt-container a.btntCloseImg { background:url(http://3.bp.blogspot.com/-V2A37T0PQ24/U3IuYpfg4DI/AAAAAAAAC_8/YzHEp7rFzSc/s1600/close.PNG) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer; }
    #description { color: #AAAAAA; font-family: times New Roman; font-size: 25px; font-style: italic; }
    #description img { float: left; height: 80px; padding: 0 25px 0 10px; width: 80px; }
    #btntfollowForm { padding: 15px; }
    #btntfollowForm p { margin: 0 0 10px; }
    #btntfollowForm input:not([type="checkbox"]){ width: 93%; margin-top: 4px; margin-bottom: 20px; padding: 10px 5px 10px 25px; border: 1px solid rgb(178, 178, 178); -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
    #btntfollowForm input:not([type="checkbox"]):active,
    #btntfollowForm input:not([type="checkbox"]):focus{ border: 1px solid rgba(91, 90, 90, 0.7); background: rgba(238, 236, 240, 0.2); -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; }
    #btntfollowForm .button input{ background: none repeat scroll 0 0 #3D9DB3; border: 1px solid #1C6C7A; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0 0 0 3px #FEFEFE, 0 5px 3px 3px #D2D2D2; color: #FFFFFF; cursor: pointer; font-family: 'Arial Narrow',Arial,sans-serif;   font-size: 24px; margin-bottom: 10px; padding: 8px 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: 30%; float: right; }
    #btntfollowForm .button input:hover{ background: #4ab3c6; text-decoration: none; }
    #btntfollowForm .button input:active,
    #btntfollowForm .button input:focus{ background: rgb(40, 137, 154); position: relative; top: 1px; border: 1px solid rgb(12, 76, 87); -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; }
    .btntFollowFooter { text-align: center; font: 10px Tahoma, Helvetica, Arial, Sans-Serif; padding: 7px 0; margin-top: 80px; text-shadow: 0px 2px 3px #555; position: absolute; width: 500px; }
    .btntFollowFooter a { color: #222; text-decoration: none; }
    .btntFollowFooter a:hover { color: #fff; }
    <!--[if lt IE 7]>
    #btnt-container a.btntCloseImg { background:none; right:-14px; width:22px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.digcms.com/close.png',sizingMethod='scale'); }
    #btntfollowForm  input{ padding: 10px 5px 10px 32px; width: 93%; }
    #btntfollowForm  input[type=checkbox]{ width: 10px; padding: 0; }
    <![endif]-->
</style>
<div id="subscribe-button">
    <a class="subscribe" href="#"><img style="max-width:100px" src="http://images.digcms.com/trigger-mail-icon.png" alt="subscribe" /></a></div>
<div id="subscribe-widget">
    <div id="btntfollowForm">
        <img alt="Subscribe" border="0" float="center"
             src="http://images.digcms.com/Subscribe-Via-Email.png" />
        <div id='description'>
            <img alt="email" border="0" src="http://images.digcms.com/Mail.png" />Subscribe to our mailing list to get the updates to your email inbox...</div>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wordpressapi', 'popupwindow', 'scrollbars=yes,width=550,height=520');
                return true" target="popupwindow">
            <input name="email" placeholder="Enter Your Email..." required="required" type="text" /><input name="uri" type="hidden" value="wordpressapi" /><input name="loc" type="hidden" value="en_US" />
            <div class="button">
                <input type="submit" value="Subscribe" /></div>
        </form>
    </div>
    </div>
<script type="text/javascript">
    (function(d){var k=d.browser.msie&&parseInt(d.browser.version)===6&&typeof window.XMLHttpRequest!=="object",m=d.browser.msie&&parseInt(d.browser.version)===7,l=null,f=[];d.modal=function(a,b){return d.modal.impl.init(a,b)};d.modal.close=function(){d.modal.impl.close()};d.modal.focus=function(a){d.modal.impl.focus(a)};d.modal.setContainerDimensions=function(){d.modal.impl.setContainerDimensions()};d.modal.setPosition=function(){d.modal.impl.setPosition()};d.modal.update=function(a,b){d.modal.impl.update(a,
b)};d.fn.modal=function(a){return d.modal.impl.init(this,a)};d.modal.defaults=
{appendTo:"body",focus:true,opacity:50,overlayId:"btnt-overlay",overlayCss:{},containerId:"btnt-container",containerCss:{},dataId:"btnt-data",dataCss:{},minHeight:null,minWidth:null,maxHeight:null,maxWidth:null,autoResize:false,autoPosition:true,zIndex:1E3,close:true,closeHTML:'<a class="btntCloseImg" title="Close"></a>',closeClass:"btnt-close",escClose:true,overlayClose:false,position:null,
persist:false,modal:true,onOpen:null,onShow:null,onClose:null};d.modal.impl={d:{},init:function(a,b){var c=this;if(c.d.data)return false;l=d.browser.msie&&!d.boxModel;c.o=d.extend({},d.modal.defaults,b);c.zIndex=c.o.zIndex;c.occb=false;if(typeof a==="object"){a=a instanceof jQuery?a:d(a);c.d.placeholder=false;if(a.parent().parent().size()>0){a.before(d("<span></span>").attr("id","btnt-placeholder").css({display:"none"}));c.d.placeholder=true;c.display=a.css("display");if(!c.o.persist)c.d.orig=
a.clone(true)}}else if(typeof a==="string"||typeof a==="number")a=d("<div></div>").html(a);else{alert("btnt Error: Unsupported data type: "+typeof a);return c}c.create(a);c.open();d.isFunction(c.o.onShow)&&c.o.onShow.apply(c,[c.d]);return c},create:function(a){var b=this;f=b.getDimensions();if(b.o.modal&&k)b.d.iframe=d('<iframe src="javascript:false;"></iframe>').css(d.extend(b.o.iframeCss,{display:"none",opacity:0,position:"fixed",height:f[0],width:f[1],zIndex:b.o.zIndex,top:0,left:0})).appendTo(b.o.appendTo);
b.d.overlay=d("<div></div>").attr("id",b.o.overlayId).addClass("btnt-overlay").css(d.extend(b.o.overlayCss,{display:"none",opacity:b.o.opacity/100,height:b.o.modal?f[0]:0,width:b.o.modal?f[1]:0,position:"fixed",left:0,top:0,zIndex:b.o.zIndex+1})).appendTo(b.o.appendTo);b.d.container=d("<div></div>").attr("id",b.o.containerId).addClass("btnt-container").css(d.extend(b.o.containerCss,{display:"none",position:"fixed",zIndex:b.o.zIndex+2})).append(b.o.close&&b.o.closeHTML?d(b.o.closeHTML).addClass(b.o.closeClass):
"").appendTo(b.o.appendTo);b.d.wrap=d("<div></div>").attr("tabIndex",-1).addClass("btnt-wrap").css({height:"100%",outline:0,width:"100%"}).appendTo(b.d.container);b.d.data=a.attr("id",a.attr("id")||b.o.dataId).addClass("btnt-data").css(d.extend(b.o.dataCss,{display:"none"})).appendTo("body");b.setContainerDimensions();b.d.data.appendTo(b.d.wrap);if(k||l)b.fixIE()},bindEvents:function(){var a=this;d("."+a.o.closeClass).bind("click.btnt",function(b){b.preventDefault();a.close()});
a.o.modal&&a.o.close&&a.o.overlayClose&&a.d.overlay.bind("click.btnt",function(b){b.preventDefault();a.close()});d(document).bind("keydown.btnt",function(b){if(a.o.modal&&b.keyCode===9)a.watchTab(b);else if(a.o.close&&a.o.escClose&&b.keyCode===27){b.preventDefault();a.close()}});d(window).bind("resize.btnt",function(){f=a.getDimensions();a.o.autoResize?a.setContainerDimensions():a.o.autoPosition&&a.setPosition();if(k||l)a.fixIE();else if(a.o.modal){a.d.iframe&&a.d.iframe.css({height:f[0],
width:f[1]});a.d.overlay.css({height:f[0],width:f[1]})}})},unbindEvents:function(){d("."+this.o.closeClass).unbind("click.btnt");d(document).unbind("keydown.btnt");d(window).unbind("resize.btnt");this.d.overlay.unbind("click.btnt")},fixIE:function(){var a=this,b=a.o.position;d.each([a.d.iframe||null,!a.o.modal?null:a.d.overlay,a.d.container],function(c,h){if(h){var g=h[0].style;g.position="absolute";if(c<2){g.removeExpression("height");g.removeExpression("width");g.setExpression("height",
'document.body.scrollHeight > document.body.clientHeight ? document.body.scrollHeight : document.body.clientHeight + "px"');g.setExpression("width",'document.body.scrollWidth > document.body.clientWidth ? document.body.scrollWidth : document.body.clientWidth + "px"')}else{var e;if(b&&b.constructor===Array){c=b[0]?typeof b[0]==="number"?b[0].toString():b[0].replace(/px/,""):h.css("top").replace(/px/,"");c=c.indexOf("%")===-1?c+' + (t = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"':
parseInt(c.replace(/%/,""))+' * ((document.documentElement.clientHeight || document.body.clientHeight) / 100) + (t = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"';if(b[1]){e=typeof b[1]==="number"?b[1].toString():b[1].replace(/px/,"");e=e.indexOf("%")===-1?e+' + (t = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + "px"':parseInt(e.replace(/%/,""))+' * ((document.documentElement.clientWidth || document.body.clientWidth) / 100) + (t = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + "px"'}}else{c=
'(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (t = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"';e='(document.documentElement.clientWidth || document.body.clientWidth) / 2 - (this.offsetWidth / 2) + (t = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + "px"'}g.removeExpression("top");g.removeExpression("left");g.setExpression("top",
c);g.setExpression("left",e)}}})},focus:function(a){var b=this;a=a&&d.inArray(a,["first","last"])!==-1?a:"first";var c=d(":input:enabled:visible:"+a,b.d.wrap);setTimeout(function(){c.length>0?c.focus():b.d.wrap.focus()},10)},getDimensions:function(){var a=d(window);return[d.browser.opera&&d.browser.version>"9.5"&&d.fn.jquery<"1.3"||d.browser.opera&&d.browser.version<"9.5"&&d.fn.jquery>"1.2.6"?a[0].innerHeight:a.height(),a.width()]},getVal:function(a,b){return a?typeof a==="number"?a:a==="auto"?0:
a.indexOf("%")>0?parseInt(a.replace(/%/,""))/100*(b==="h"?f[0]:f[1]):parseInt(a.replace(/px/,"")):null},update:function(a,b){var c=this;if(!c.d.data)return false;c.d.origHeight=c.getVal(a,"h");c.d.origWidth=c.getVal(b,"w");c.d.data.hide();a&&c.d.container.css("height",a);b&&c.d.container.css("width",b);c.setContainerDimensions();c.d.data.show();c.o.focus&&c.focus();c.unbindEvents();c.bindEvents()},setContainerDimensions:function(){var a=this,b=k||m,c=a.d.origHeight?a.d.origHeight:d.browser.opera?
a.d.container.height():a.getVal(b?a.d.container[0].currentStyle.height:a.d.container.css("height"),"h");b=a.d.origWidth?a.d.origWidth:d.browser.opera?a.d.container.width():a.getVal(b?a.d.container[0].currentStyle.width:a.d.container.css("width"),"w");var h=a.d.data.outerHeight(true),g=a.d.data.outerWidth(true);a.d.origHeight=a.d.origHeight||c;a.d.origWidth=a.d.origWidth||b;var e=a.o.maxHeight?a.getVal(a.o.maxHeight,"h"):null,i=a.o.maxWidth?a.getVal(a.o.maxWidth,"w"):null;e=e&&e<f[0]?e:f[0];i=i&&i<
f[1]?i:f[1];var j=a.o.minHeight?a.getVal(a.o.minHeight,"h"):"auto";c=c?a.o.autoResize&&c>e?e:c<j?j:c:h?h>e?e:a.o.minHeight&&j!=="auto"&&h<j?j:h:j;e=a.o.minWidth?a.getVal(a.o.minWidth,"w"):"auto";b=b?a.o.autoResize&&b>i?i:b<e?e:b:g?g>i?i:a.o.minWidth&&e!=="auto"&&g<e?e:g:e;a.d.container.css({height:c,width:b});a.d.wrap.css({overflow:h>c||g>b?"auto":"visible"});a.o.autoPosition&&a.setPosition()},setPosition:function(){var a=this,b,c;b=f[0]/2-a.d.container.outerHeight(true)/2;c=f[1]/2-a.d.container.outerWidth(true)/
2;if(a.o.position&&Object.prototype.toString.call(a.o.position)==="[object Array]"){b=a.o.position[0]||b;c=a.o.position[1]||c}else{b=b;c=c}a.d.container.css({left:c,top:b})},watchTab:function(a){var b=this;if(d(a.target).parents(".btnt-container").length>0){b.inputs=d(":input:enabled:visible:first, :input:enabled:visible:last",b.d.data[0]);if(!a.shiftKey&&a.target===b.inputs[b.inputs.length-1]||a.shiftKey&&a.target===b.inputs[0]||b.inputs.length===0){a.preventDefault();b.focus(a.shiftKey?"last":
"first")}}else{a.preventDefault();b.focus()}},open:function(){var a=this;a.d.iframe&&a.d.iframe.show();if(d.isFunction(a.o.onOpen))a.o.onOpen.apply(a,[a.d]);else{a.d.overlay.show();a.d.container.show();a.d.data.show()}a.o.focus&&a.focus();a.bindEvents()},close:function(){var a=this;if(!a.d.data)return false;a.unbindEvents();if(d.isFunction(a.o.onClose)&&!a.occb){a.occb=true;a.o.onClose.apply(a,[a.d])}else{if(a.d.placeholder){var b=d("#btnt-placeholder");if(a.o.persist)b.replaceWith(a.d.data.removeClass("btnt-data").css("display",
a.display));else{a.d.data.hide().remove();b.replaceWith(a.d.orig)}}else a.d.data.hide().remove();a.d.container.hide().remove();a.d.overlay.hide();a.d.iframe&&a.d.iframe.hide().remove();setTimeout(function(){a.d.overlay.remove();a.d={}},10)}}}})(jQuery);
</script>
<script type="text/javascript">
    /**  * jQuery.browser.mobile (http://detectmobilebrowser.com/)  * jQuery.browser.mobile will be true if the browser is a mobile device  **/ (function(a){jQuery.browser.mobile=/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);
  if(jQuery.browser.mobile)
    {
       //console.log('You are using a mobile device!');       
    }
    else
    {
        jQuery(function($) {
            // Load dialog on page load
            $('#subscribe-widget').modal();
            // Load dialog on click
            $('#subscribe-button .subscribe').click(function(e) {
                $('#subscribe-widget').modal();
                return false;
            });
        });
       //console.log('You are not using a mobile device!');
    }  
    
</script>

After this, include subscription.php file in footer.php file. Use following code.


<?php require ("subscription.php");?>
<?php wp_footer(); ?>

After this you will your subscription popup like this.

You can see demo on following URL:

Feedburner form popup DEMO

Without writing too much, we given code. If you want to download script and images which are used in script, than use following URL.
[viral-lock message=”Download Link is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

Feedburner form popup-assets

[/viral-lock]

Note: In script, we used images from url and change the our feedburner name to your site.

how to check broken links in wordpress website

Broken links are harmful for wordpress website SEO. In wordpress tutorial, will show you, how to check broken links in wordpress. How to fix broken links. Broken links are bad and annoying, Broken links will give the bad impression to user about your wordpress website.

Why Broken links are not good for SEO.

Hare are Google listed Webmaster Guidelines, you can clearly see that broken links are mentioned in guidelines. Google is mentioned about broken links. Check “Design and content guidelines” section. Google clearly says following point.

Check for broken links and correct HTML.

If Google is giving guidelines about broken links than, it is so important we should check broken links in wordpress and fix or remove broken links from wordpress site. Google actually penalized webpages which has broken links and it affect your search engine page rank.

How Broken links will be generated on wordpress website?

Main reason behind broken links which we found is, comments. Many commenter use fake domain names and URLs which does not exists. So while approving comment, check URL which posted by user. Another reason is wordpress themes. Many people change their wordpress themes. Some times, when theme has different custom image sizes are used in theme, Images are not found which are specified in theme. So whenever you change your wordpress theme, check images are not broken.

Some time you use reference URLs in wordpress site. If webmaster shut down their sites than reference URL will be broken. So you need to check broken URLs on regular basis.

We recommend to check broken URLs at least in one month.

how to check broken links in wordpress website

We found useful wordpress plugin for checking and fixing broken links. You need to install following wordpress plugin.

Broken Link Checker

This plugin will check your posts, comments and other content for broken links and missing images, and notify you if any are found. This plugin will monitor your blog looking for broken links and let you know if any are found.

Features

Monitors links in your posts, pages, comments, the blogroll, and custom fields (optional).
Detects links that don’t work, missing images and redirects.
Notifies you either via the Dashboard or by email.
Makes broken links display differently in posts (optional).
Prevents search engines from following broken links (optional).
You can search and filter links by URL, anchor text and so on.
Links can be edited directly from the plugin’s page, without manually updating each post.
Highly configurable.

How to Use Broken link checker plugin

After activating the plugin, go to Tools » Link Checker. plugin will work in background and find out the website has broken links. If you have the large amount of posts than it will take some time depending on your server capability.

If your site has no broken links than you will see following screenshot.

If you site has broken links then you will see following result. In this screen shot we shown you how to fix broken links. There are some options can be found for each list item. Following are options.

Edit link
Unlink
Not Broken
Dismiss

You can choose option which you want. From list page you can edit URL and fix link. If URL not exist than you can unlink URL.

After you are fixing of all broken links. You can disable this wordpress plugin and After one month you can again process same thing. This will increase your website page ranking and users will not get bad impression about your wordpress website.

download older version wordpress plugin and themes

Many times we need older version wordpress plugin and themes for old project. Some times due backward compatibility issue we need older version of wordpress plugins which are supported to older wordpress themes.

download older version wordpress plugin and themes

Here we will show you show how to download older version. First go to wordpress plugin directory page.

https://wordpress.org/plugins/

Than search for plugin which you want to download. Go to plugin landing page and click on “Developers” tab. This tab will be last tab on this plugin landing page.

download older version wordpress plugin and themes1

Here we given sample image for download older version.

You will be able to see the all all older versions of that plugin. Under “Other Versions” section we will be able found all older versions.

Why older versions are needed?

Many times we need older version wordpress plugin and themes for clients which are using old wordpress version for their project. Some times we observed, After becoming wordpress plugin so much popular, some plugin developer started the pro version which is paid version. For plugins paid version you need pay. In newer version they removes and limits the functionality to attract the users. You can find all functionality in older wordpress plugin and you do not need pay money for this. You will get all functionality without paying money.

How to check Plugin version Compatibility

For checking older plugin Compatibility with your wordpress version. you need to select your wordpress version in “Compatibility” section and then select older version of plugin. You will able to see the “Not enough data” or “Works!” status. This is how you can check older plugin is compatible with your wordpress version.

This is very useful when you are working with customers who are using the older wordpress versions for their websites.

how to limit number of wordpress posts in rss feed

As per wordpress pages, we can limit number of wordpress posts in rss feed. Through RSS feed (feedburner and other feeds) we can subscribe to any website. RSS feed need to managed properly and shown to user. Some client and webmaster want to show limited nuber of post to user in RSS feed view, It is encourage-able to visitors to view your site.

how to limit number of wordpress posts in rss feed

What you need is, First login to worpdress admin panel. Than go to Settings » Reading page in your WordPress admin dashboard menu (left side).

WordPress itself given you facility to control RSS feed post numbers through wordpress admin panel itself.

[viral-lock message=”Setting image is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

how to limit number of wordpress posts in rss feed

[/viral-lock]

After this, Find ‘Syndication feeds show the most recent’ textbox option and change the value(number) which you want to be shown to user in RSS feed page.

You will find “For each article in a feed, show ” radio box there, Choose option what you want to show to user in RSS feed. We suggest you to use “Summary” because it will be good for SEO purpose. Than Just save the changes.

Than go to your RSS feed page. If you dont know RSS feed page than use following link. Do not forget to change the your domain name.

https://yourdomain.com/feed

Your RSS feed will look as follows:

Tutorial is done, Now you have successfully limited number of wordpress posts in rss feed for your wordpress website. You will like above tutorial which will tell you Add Feedburner RSS feed email subscription form in wordpress without plugin and If you want to show thumbnail in RSS feed then check above tutorial Show Post Thumbnail or Featured image in WordPress RSS Feed

Many Hacks Related to wordpress and RSS feed: WordPress and RSS feed Hacks

how to configure SEO smart links in wordpress website

For interlinking articles in wordpress, we need to install and configure SEO smart links in wordpress. Here we given steps and screenshot with their details. In following article we already written, why interlinking is important in any website.

Interlinking Articles on WordPress

how to configure SEO smart links in wordpress website

SEO Smart Links (https://wordpress.org/plugins/seo-automatic-links/)

SEO Smart Links provides automatic SEO benefits for your site in addition to custom keyword lists, nofollow and much more.

SEO Smart Links can automatically link keywords and phrases in your posts and comments with corresponding posts, pages, categories and tags on your blog.

Further SEO Smart links allows you to set up your own keywords and set of matching URLs. Finally SEO Smart links allows you to set nofollow attribute and open links in new window.

It is a perfect solution to get your blog posts interlinked or add affiliate links to other sites.

Everything happens completely transparent, and you can edit the options from the administration settings panel.

configure SEO smart links in wordpress

We have given the screen shot of each and every step. Using above screenshot, configure “Internal Links” section. Please Use setting as per shown in image.

Settings section

Using above screenshot, configure “Setting” section. Please Use setting as per shown in image.

Limits section

Using above screenshot, configure “Limits” section. Please Use setting as per shown in image.

Here is Video tutorial for configure SEO smart links in wordpress

SEO Smart Links – Premium Edition

SEO Smart Links is a very powerful plugin which suits both beginner users (with a plugin&play philosophy with optimal options pre-set) as well as those proficient in the art of SEO with numerous customizable features.

SEO Smart Links – Premium Edition enhances your search engine rankings by automatically inter-linking your posts either in automatic or in user-set mode. It also helps you manage your affiliate links and much more. Click to read the full list of features and buy here.

Our Review:

SEO smart link is really smart in terms of behaviour in wordpress webpages. It is quite fast as compared to other wordpress plugins which has used for interlinking. We experienced good amount of traffic increase and page view increases. The important part, It decreases the bounce rate.

turn off wordpress comment email notification

Many times we receive unwanted spam comments email notification from wordpress website. We personally faced comments email notification issue so many times. Many of our clients also faced this issue. WordPress itself given facility to turn off wordpress comment email notification using wordpress admin section. WordPress by default enable the all email types of notification on.

turn off wordpress comment email notification

In this article, We will show you, how to turn off wordpress comment email notification. Using wordpress administration you can switch off wordpress comments email.

Login to WordPress site dashboard. In left side menus, go to Settings » Discussion. Then look at where it says “Email me whenever” and “Before comments appear” un-check the boxes there.

Please Use setting as we shown in above picture and save the settings. After this your email notification will be off. Using Other setting “Comments author must have a previously approved comment”. Uncheck that checkbox also. So previous commenter will never publish there comments without your approval.

Why turning off wordpress comment email notification is good?

WordPress send email notification through your server. Many times from sendmail server. If you are getting the huge amount of spam comments than, Your server will try to send email for every spam comment. It will use huge amount memory and server CPU. In that can first stop comment email notification.

Additional Comments setting

On Discussion Page we have “Comment Moderation” section. This setting about spam comments. In textbox you need to add words which you think could be spam related wrods than you can put those words there.

When a comment contains any of these words in its content, name, URL, e-mail, or IP, it will be held in the moderation queue. One word or IP per line. It will match inside words, so “press” will match “WordPress”.

You should add some spam comments related words. We will write about “Comments Moderation” in next coming days.

Perfect Combination for a Successful Web Development Project

The quality development services has to be characterized by many facets, but what dictates success or failure the most is the development platform you are choosing.

Off late, there has been a lot of clamor and hype over various web development platforms that have surfaced. And each name has been greeted with confidence and also a lot of doubt and contemplations. And it is already known by those working in this realm that there are choices galore. Choosing one of the zillion options available is a task too challenging and prone to errors.

Perfect Combination for a Successful Web Development Project

However, if there is one platform that has had the biggest share of proven success till now, it undoubtedly is PHP that rules over the rest. And the claim is proven by the sheer track record it boasts of and the number of exceptional web applications that have been floating around in the web verse that have the PHP stamp all over them.

And What Makes PHP Such a Good Choice

In the development market, there is also a lot of fluff in the form of web development software and platforms that hardly serves the purpose. Even though there is no dearth of brands that actually leverage these platforms to develop their web applications, the underlying truth is that these platforms toss at them various bottlenecks that make it seemingly impossible for them to achieve the level of results that they have invested for. These platforms aren’t as flexible as PHP and neither are they so powerful as to create some amazingly high scale applications that make a serious boast.

Now, PHP also happens to be one platform that not just makes a serious claim for being powerful, but developers also find it simpler and more practical to code using this platform. The intrinsic code set up in PHP is such that there isn’t a lot of scope for complications to creep in and confuse the coder in the loops. It is made with a straightforward approach with attention to details. But those details are not woven in a manner that would make it arduous for programmers to create a program that contains a fair bit of code quantity, but one which does not overshot the number of lines required.

And as far as the scalability of this platform is concerned, there is hardly an equal on that front either. There is an assured degree of flexibility to the PHP frameworks that lets them be stretched beyond the default levels and helps developers in getting amazingly creative, without having to worry about the seemingly bounding restrictions that other frameworks are characterized by.

One of the more serious concerns that troubles the developers of the world is the fact that they have to be content with the security threats that web applications are under. And this is again where they are looking for alternatives that can let this worry be out of the picture so that the developers can focus more on the core aspects of application development. And this is a definitely some where PHP scores emphatically. The whole suite of PHP security and authentication features prove to be handy in thwarting the hacking and intrusion attacks that trouble the developers much too often.

How Else Can You Ensure Good Quality

Now, having charted down all the incentives associated with choosing PHP for your web development project, what needs to be told with a equal degree of relevance and significance is how you can ensure that even after choosing PHP, you do not suffer from lack of project quality? Well, first of all, you need personnel you can trust with your platform, tools and the overall project requirements.

If you have the developers on board who are astutely expert in PHP and are experienced in developing the most large scale and powerful PHP applications, that takes care of all the major and minor facets of PHP development. Having reliable developers is a key to success in any PHP development project, and if you are handing over your project to novices instead, you are doing disservice to the whole project and its prospects.

When you are relying on a traditional recruiting method of hiring developers by advertising on job portals, you should be prepared in advance for handling the galore of applications that will come your way from the job seekers.

It is also advisable that you start looking for the preferred developers on the PHP communities that exist in abundance on the Internet. On these communities, you stand a better chance of hiring people who are adept at their job and have been answering queries of people asking questions regarding PHP on the public platform. You can scroll through the questions and answers on these communities which can give you a fair idea of which developer’s skills are more attuned to your project requirements. Also, their online portfolio can also give you an insight into their skill and their experience levels.

So, it mostly boils down to the development platform you choose – a decision that should be leaned towards PHP – and the kind of developers you hire based on their skill set and their experience. When you are sure that what you have at your behest conjures up the formula for success, you can kick off the project with greater surety.

remove default image sizes from wordpress theme

Share Article:

Why there’s a need to add tables into a WordPress website?

WpDataTables plugin- A look at its history

What’s wpDataTables plugin best suited for?

WpDataTables- A brief on its working

And now, some simple steps on using WpDataTables plugin

Step 1- After the download and installation of WpDataTables plugin, start off with creating a new table

Step 2- Set up the column properties

Step 3-Publish the table

What makes WpDataTables plugin a right fit for thousands of WordPress driven websites?

Wrapping it all up

Share Article:

how to create custom wordpress shortcodes

Share Article:

add feedburner email subscription popup wordpress without plugin

Share Article:

Why Broken links are not good for SEO.

How Broken links will be generated on wordpress website?

how to check broken links in wordpress website

How to Use Broken link checker plugin

Share Article:

download older version wordpress plugin and themes

Why older versions are needed?

Share Article:

how to limit number of wordpress posts in rss feed

Share Article:

how to configure SEO smart links in wordpress website

configure SEO smart links in wordpress

Settings section

Limits section

Share Article:

turn off wordpress comment email notification

Why turning off wordpress comment email notification is good?

Share Article:

Perfect Combination for a Successful Web Development Project

Share Article: