How to disable, limit and delete WordPress post revisions?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZE3nv-69neyHcs3G4CoimgTSplW5DUdmEj_SlXRcEXCzjqGU0HgGqbhQeDxu6BiHKC7iInuMmVwH6E97MDKFhKTp98BT2nCUnipQqfX8jYq1SNCDQnjaXPHzIdyFMyTPj6r9D04dHvwU/s1600/how-to-disable-limit-delete-wordpress-post-revisions.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="how-to-disable-limit-delete-wordpress-post-revisions" border="0" data-original-height="707" data-original-width="1097" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZE3nv-69neyHcs3G4CoimgTSplW5DUdmEj_SlXRcEXCzjqGU0HgGqbhQeDxu6BiHKC7iInuMmVwH6E97MDKFhKTp98BT2nCUnipQqfX8jYq1SNCDQnjaXPHzIdyFMyTPj6r9D04dHvwU/s640/how-to-disable-limit-delete-wordpress-post-revisions.jpg" title="how-to-disable-limit-delete-wordpress-post-revisions" width="640" /></a></div><br /><div style="text-align: justify;">If you are familiar with WordPress CMS, you might have observed that WordPress autsaves every edit by default. Post revisions is a good feature in WordPress to review and track changes. However, for some it may not be necessary as it is not required or due to database size concerns.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">In this post, we shall see how to disable WordPress post revisions, set WordPress post revision to a certain number, deleted previous WordPress post revisions. </div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">So, I have a WordPress website too and I saw that the revision of a particular post is 229 already! I am not sure if there is a limit in WordPress up to how many latest revisions are saved. I guess there is none by default. It would be awesome if there is a setting for admins to set the revisions in WordPress.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zd2Oqp5yPgz0RUQ_kQ8-veUsZng9nW-ave5fxkGZf_iTYjOzbWblutkq5lVKU3rjhk6mK3XPz27j90JI53nDNpcX-HXjbe7sbF3USSMlMqwsRwTdyt4dRs1SPq-PqezPNE8tFv5sLnw/s1600/wordpress-post-revisions-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="wordpress-post-revisions-1" border="0" data-original-height="450" data-original-width="767" height="374" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_zd2Oqp5yPgz0RUQ_kQ8-veUsZng9nW-ave5fxkGZf_iTYjOzbWblutkq5lVKU3rjhk6mK3XPz27j90JI53nDNpcX-HXjbe7sbF3USSMlMqwsRwTdyt4dRs1SPq-PqezPNE8tFv5sLnw/s640/wordpress-post-revisions-1.jpg" title="wordpress-post-revisions-1" width="640" /></a></div><br /><br />Anyway, I decided I do not need that many post revisions in my database. I also do not want to disable post revisions completely. You may want to completely disable revisions as per your need. Follow the steps below as per you need.<br /><br /><span style="font-size: large;"><b>1) Disable WordPress post revisions</b></span><br />As discussed WordPress keeps post revisions by default. There is no UI to disable it. However, it can be defined in wp-config.php file.<br /><br />Add the following line of code at the bottom of the wp-config.php file just above (require_once( ABSPATH . 'wp-settings.php' );) to disable WordPRess post revisions.<br /><br /><blockquote class="tr_bq">define('AUTOSAVE_INTERVAL', 300 ); // seconds<br />define('WP_POST_REVISIONS', false ); </blockquote><br />Place the code above the line: <i><b>require_once( ABSPATH . 'wp-settings.php' ); </b></i><br /><br />This code will disable all future revisions to be saved and it will also increase the autosave interval from 60 seconds to 300 seconds. The post will be auto-saving every 5 minute instead of every minute. <br /><br /><span style="font-size: large;"><b>2) Set WordPress post revision to a certain number</b></span><br />In my case, I did not disable the post revisions. I wanted to reduce the number of post revisions to keep.  To limit the number of WordPress post revisions, add the following line of code at the bottom of the wp-config.php file.<br /><br /><blockquote class="tr_bq">/** No. of revisions to keep */<br />define( 'WP_POST_REVISIONS', 2 ); </blockquote>Place the code above the line: <i><b>require_once( ABSPATH . 'wp-settings.php' ); </b></i><br /><br />This will keep only two post revisions in the database.<br /><br /><span style="font-size: large;"><b>3) Delete previous WordPress post revisions</b></span><br /><br />As discussed above, we can disable and limit the post revisions. However, doing the above changes does not remove the previous post revisions already saved in the database, which are occupying unnecessary space.<br /><br />To delete the previous post revisions from WordPress database, do the following:<br /><ul style="text-align: left;"><li>Login to your host Control Panel</li><li>Launch phpMyAdmin</li></ul><b>See the post revisions in WordPress database:</b><br /><br />Launch phpMyAdmin > Click on SQL tab and run the query:<br /><br /><blockquote class="tr_bq">SELECT ID,post_title,post_type FROM `<b>wp</b>_posts` where post_type="revision";</blockquote><br /><i>Note: If table prefix (wp) has been changed, use appropriate table prefix in your case.</i><br /><br />This query will show you all the posts which are of type - post revisions.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4r8Q7VtbClLYq2sDHvoPVKMJRd6XtFF4uXRHE9dKoG4giH3FYcZyQyWUzDxlEK-omBt7SXxShVmsn-9Lgzlt0I4Q9a7J4KFZcNx86e4R_guI8ZEKwwBMoly8rZXBciujsHSXHFqO7Rc/s1600/wordpress-post-revisions-phymyadmin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="wordpress-post-revisions-phymyadmin" border="0" data-original-height="551" data-original-width="888" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4r8Q7VtbClLYq2sDHvoPVKMJRd6XtFF4uXRHE9dKoG4giH3FYcZyQyWUzDxlEK-omBt7SXxShVmsn-9Lgzlt0I4Q9a7J4KFZcNx86e4R_guI8ZEKwwBMoly8rZXBciujsHSXHFqO7Rc/s640/wordpress-post-revisions-phymyadmin.jpg" title="wordpress-post-revisions-phymyadmin" width="640" /></a></div><br /><br /><br /><br /><br /><b>Find out how many post revisions are there in the WordPress database:</b><br /><br />Launch phpMyAdmin > Click on SQL tab and run the query:<br /><br /><blockquote class="tr_bq">SELECT count(*) FROM `wp_posts` where post_type="revision";</blockquote><br /><i>Note: If table prefix (wp) has been changed, use appropriate table prefix in your case.</i><br /><br />This query will display the number of post revisions in the database.<br /><br /><b>Delete the post revisions from database:</b><br /><br />To delete the post revisions, run the following query from phpMyAdmin:<br /><br /><blockquote class="tr_bq">DELETE FROM wp_posts WHERE post_type = "revision";</blockquote><div><br /><i>Note: If table prefix (wp) has been changed, use appropriate table prefix in your case.</i><br /><br />The steps in this post should disable Post revisions, set a limit to the number of post revisions to keep and delete all previously saved post revisions stored in the WordPress database.<br /><br />Post revisions may be a useful feature but if it is not necessary for you, you may following the steps above to disable or limit the post revisions as discussed. <br /><br /><br /></div></div>

How to disable, limit and delete WordPress post revisions?

If you are familiar with WordPress CMS, you might have observed that WordPress autsaves every edit by default. Post revisions is a good feat...

Read more »

WordPress: How to display only limited number of most popular tags in WordPress Tag Cloud and keep same font size?

<div dir="ltr" style="text-align: left;" trbidi="on"><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjphz19XUYtun9pwHvZmNYgdmCbJy8_sMbm77k_bwaEWCNXIBEA7HQPCyPLdDbfneoRngQO2gdKsd5Phyphenhyphenvm5x9A3khNStwCCsOSuF6Thbrg3rRun3rZ7552Jrz-P07Jgl5kMvWRHDVSuWk/s1600/wordpress-tag-cloud.jpg" imageanchor="1"><img alt="wordpress-tag-cloud" border="0" data-original-height="442" data-original-width="722" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjphz19XUYtun9pwHvZmNYgdmCbJy8_sMbm77k_bwaEWCNXIBEA7HQPCyPLdDbfneoRngQO2gdKsd5Phyphenhyphenvm5x9A3khNStwCCsOSuF6Thbrg3rRun3rZ7552Jrz-P07Jgl5kMvWRHDVSuWk/s640/wordpress-tag-cloud.jpg" title="wordpress-tag-cloud" width="640"></a></div><br><span style="font-size: large;">I</span>n WordPress, there is a widget called "Tag Cloud" which displays the Tags used in posts. This is useful when we want to display a list of Tags in widget areas so that visitors can quickly find related posts by Tag. In this post, we shall see -<br><ul style="text-align: left;"><li><b>How to limit the number of most popular tags to display in the Tag Cloud widget?</b></li><li><b>How to keep the same font size of the Tags in the display?</b></li></ul></div></div><a href="https://techubber.blogspot.com/2019/04/wordpress-how-to-display-only-limited-popular-tags-wordpress-tag-cloud.html#more">Read more »</a>

WordPress: How to display only limited number of most popular tags in WordPress Tag Cloud and keep same font size?

I n WordPress, there is a widget called "Tag Cloud" which displays the Tags used in posts. This is useful when we want to display ...

Read more »

Solution for: Error: Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUS98Y4n40Ob1ELPaK4ar-_W7s3L_Czo-sbDmQEazYg0KmNz-hbYFteRiS2T3youQQ7TqhB9P2fLoCKrS7vRYR_DLViucJ120qYGInRTbpj_6GprAKpisq6Zwa1ozwr9TqbOOzTDedeo/s1600/cookies-blocked-not-supported-browser-enable-to-use-wordpress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cookies-blocked-not-supported-browser-enable-to-use-wordpress" border="0" data-original-height="570" data-original-width="486" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUS98Y4n40Ob1ELPaK4ar-_W7s3L_Czo-sbDmQEazYg0KmNz-hbYFteRiS2T3youQQ7TqhB9P2fLoCKrS7vRYR_DLViucJ120qYGInRTbpj_6GprAKpisq6Zwa1ozwr9TqbOOzTDedeo/s400/cookies-blocked-not-supported-browser-enable-to-use-wordpress.png" title="cookies-blocked-not-supported-browser-enable-to-use-wordpress" width="340"></a></div><br>On some clients' website built using WordPress, there was this error:<br><blockquote class="tr_bq">Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress</blockquote><br>If you also have a WordPress website where you are seeing the error "Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress" when attempting to login, please find the solution below.<br></div><a href="https://techubber.blogspot.com/2018/09/solution-for-error-cookies-blocked-not-supported-enable-cookies-wordpress.html#more">Read more »</a>

Solution for: Error: Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress

On some clients' website built using WordPress, there was this error: Cookies are blocked or not supported by your browser. You must ena...

Read more »

How to add custom ads.txt to Blogger / WordPress / Other websites?

<div dir="ltr" style="text-align: left;" trbidi="on"> <br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIy6wJrbRpwQZzbK3UB9j-SC9vLN0G1vShwWw2tlvDbBNVjYKbK1pWdMyV55T-4G-0dhPwAVnKrUd6rP4X8YXPHyNqIf4Z9lH-lwWqmwIBUfoxYhsYKbLhqCrZIF0M5S6_-poVTTjjHqA/s1600/how-to-add-custom-ads-txt-blogger-wordpress-website.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="how-to-add-custom-ads-txt-blogger-wordpress-website" border="0" data-original-height="519" data-original-width="719" height="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIy6wJrbRpwQZzbK3UB9j-SC9vLN0G1vShwWw2tlvDbBNVjYKbK1pWdMyV55T-4G-0dhPwAVnKrUd6rP4X8YXPHyNqIf4Z9lH-lwWqmwIBUfoxYhsYKbLhqCrZIF0M5S6_-poVTTjjHqA/s640/how-to-add-custom-ads-txt-blogger-wordpress-website.jpg" title="how-to-add-custom-ads-txt-blogger-wordpress-website" width="640"></a></div><br><p><b><span style="font-size: x-large;">What is Ads.txt ?</span></b></p><br><p>Authorized Digital Sellers, or ads.txt is an IAB initiative that helps ensure that the digital ad inventory is only sold through sellers you identify as authorized. Creating your own ads.txt file gives you more control over who is allowed to sell ads on your website and helps prevent counterfeit inventory from being presented to advertisers. An ads.txt file can help buyers identify genuine inventory and help publisher receive more advertiser spend that otherwise might have gone toward counterfeit inventory.</p><p>In this post we shall see "How to add ads.txt to Blogger / WordPress / Other websites?"..</p><br></div><a href="https://techubber.blogspot.com/2018/05/how-to-add-custom-ads-txt-to-blogger-wordpress-websites.html#more">Read more »</a>

How to add custom ads.txt to Blogger / WordPress / Other websites?

What is Ads.txt ? Authorized Digital Sellers, or ads.txt is an IAB initiative that helps ensure that the digital ad inventory is only sold ...

Read more »

How to stop spam subscribers on WordPress email subscribe form?

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGRgHNk8OkBfAj4YHSKumdtI5R1TqU-4ED3jqkVoLW1I94zy1LMTfGbTueSWGMjfcCKWTirti6rMSpC-pTBR-kDOQrfJvKPK9Dh3rgIQeJ4DKBvHCbH4auSTW8GD3HRGsIPEqJSS-r70/s1600/wordpress-stop-spam-subscribers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="wordpress-stop-spam-subscribers" border="0" data-original-height="517" data-original-width="691" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGRgHNk8OkBfAj4YHSKumdtI5R1TqU-4ED3jqkVoLW1I94zy1LMTfGbTueSWGMjfcCKWTirti6rMSpC-pTBR-kDOQrfJvKPK9Dh3rgIQeJ4DKBvHCbH4auSTW8GD3HRGsIPEqJSS-r70/s400/wordpress-stop-spam-subscribers.png" title="wordpress-stop-spam-subscribers" width="400"></a></div><br>Email subscription forms are very essential for any website to let visitors subscribe to new contents. Email subscription forms will also let website owners collect emails which can be used for online marketing. However, mail subscribe forms may also attract a lot of spam subscribers. In this post, we shall see how to stop spam subscribers on WordPress email subscribe form using free plugins.<br><br>Before we discuss how to stop spam subscribers, let's discuss briefly how to include a Subscribe Form in WordPress. <br></div></div><a href="https://techubber.blogspot.com/2018/04/how-to-stop-spam-subscribers-wordpress-form-security-plugin.html#more">Read more »</a>

How to stop spam subscribers on WordPress email subscribe form?

Email subscription forms are very essential for any website to let visitors subscribe to new contents. Email subscription forms will also le...

Read more »

Useful WordPress PLugin to resolve HTTPS insecure content and mixed content warnings on WordPress

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0j1gZV_cb5VvBPbl8rssMtUMyR7PX-mEMCQFm8IyCPobcQ6LkZX3-r22A1aWQM9elrmLCYwM_mkcSuKfO5iZ_R_P5OTIxUOHA2N4Jqj44zgQksMs0iHyQCNV6wl2h5f7ywwUlHRLrSy8/s1600/wordpress+logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="wordpress-plugin-insecure-mixed-content-errors" border="0" data-original-height="225" data-original-width="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0j1gZV_cb5VvBPbl8rssMtUMyR7PX-mEMCQFm8IyCPobcQ6LkZX3-r22A1aWQM9elrmLCYwM_mkcSuKfO5iZ_R_P5OTIxUOHA2N4Jqj44zgQksMs0iHyQCNV6wl2h5f7ywwUlHRLrSy8/s1600/wordpress+logo.png" title="wordpress-plugin-insecure-mixed-content-errors"></a></div><div style="text-align: justify;"><br></div><div style="text-align: justify;">Nowadays, most recent browsers expect websites to have HTTPS in the URL, meaning SSL certificate installed on server, which makes websites which used to be accessible over simple, insecure HTTP protocol to more secured HTTPS. In one of the previous post -I posted about <a href="http://techubber.blogspot.com/2017/09/how-to-fix-partially-encrypted-mixed-content-after-switching-from-HTTP-to-HTTPS.html"><b><i>"How to fix partially encrypted/mixed content errors after switching from HTTP to HTTPs (SSL)".</i></b></a> In this post, we shall discuss particularly on <i><b>"How to resolve HTTPS insecure content and mixed content warnings on WordPress Websites?"</b></i></div></div><a href="https://techubber.blogspot.com/2017/11/wordpress-plugin-to-resolve-https-insecure-content-mixed.html#more">Read more »</a>

Useful WordPress PLugin to resolve HTTPS insecure content and mixed content warnings on WordPress

Nowadays, most recent browsers expect websites to have HTTPS in the URL, meaning SSL certificate installed on server, which makes websites w...

Read more »

Remove or modify Copyright From WordPress Free Theme's Child Theme Footer

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0j1gZV_cb5VvBPbl8rssMtUMyR7PX-mEMCQFm8IyCPobcQ6LkZX3-r22A1aWQM9elrmLCYwM_mkcSuKfO5iZ_R_P5OTIxUOHA2N4Jqj44zgQksMs0iHyQCNV6wl2h5f7ywwUlHRLrSy8/s1600/wordpress+logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="225" data-original-width="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0j1gZV_cb5VvBPbl8rssMtUMyR7PX-mEMCQFm8IyCPobcQ6LkZX3-r22A1aWQM9elrmLCYwM_mkcSuKfO5iZ_R_P5OTIxUOHA2N4Jqj44zgQksMs0iHyQCNV6wl2h5f7ywwUlHRLrSy8/s1600/wordpress+logo.png"></a></div><br><span style="font-size: large;">R</span>emove or modify Copyright or credit links from WordPress Theme's Child Theme Footer? The title seems a little confusing, but what I mean is if you want to remove or modify the copyright link in the footer of a child theme whose parent theme is a WordPress Theme wherein the creators allow editing or removing the credit links. Phew! Well, I specifically mentioned "allow to remove the credits" because, "free theme" doesn't mean we can always freely remove credits from themes wherever we want. And since it is the work of others, it is recommended to credit the creators though I know many people remove the credits just like that. </div><br><div style="text-align: justify;">Anyway, in this post we shall discuss how to remove or modify the copyright credit link from the footer of a child theme of a WordPress theme, which allows removing the credit links.<br></div></div><a href="https://techubber.blogspot.com/2017/11/remove-modify-copyright-credit-link-footer-wordpress-child-theme-footer.html#more">Read more »</a>

Remove or modify Copyright From WordPress Free Theme's Child Theme Footer

R emove or modify Copyright or credit links from WordPress Theme's Child Theme Footer? The title seems a little confusing, but what I ...

Read more »

Some steps to prevent Open Source CMS websites from hacking

<div dir="ltr" style="text-align: left;" trbidi="on"><br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCDOT1trVehCJH0Gyu6WAPzTEwEpw-PlCceSFEBvqMnMel3FdWCJ3jospxwTTFEuOlfoVA1o0-EwHVxXMUetecOeqrW0mQk6ox7mVpr5ZGweCQ8HV912f-64Pf-9uw715q_oXi10tIvuw/s1600/websie-hacker-hacker-cms.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="websie-hacker-hacker-cms" border="0" data-original-height="331" data-original-width="508" height="416" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCDOT1trVehCJH0Gyu6WAPzTEwEpw-PlCceSFEBvqMnMel3FdWCJ3jospxwTTFEuOlfoVA1o0-EwHVxXMUetecOeqrW0mQk6ox7mVpr5ZGweCQ8HV912f-64Pf-9uw715q_oXi10tIvuw/s640/websie-hacker-hacker-cms.png" title="websie-hacker-hacker-cms" width="640"></a></div><br><br><span style="font-size: x-large;">Some factors that makes Open Source CMS vulnerable to hacking attacks:</span><br></div><a href="https://techubber.blogspot.com/2017/11/steps-to-prevent-open-source-cms-website-hacking.html#more">Read more »</a>

Some steps to prevent Open Source CMS websites from hacking

Some factors that makes Open Source CMS vulnerable to hacking attacks: Read more »

Read more »

Drupal 8 Tips: Display only one image from multifield image on teaser

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2D62otJTILabVv7MI8bghCvCDSK9g1pN_KjTF6_bgPezaJkFUu4GR-pa4_lpFptNVwouxyxoydy9Izod5fQdT365yQBEQh9QOdrgWKKuMm0QWo3ywRLEVnAZzlWp1Lpv65BPYv9Y5TiM/s1600/drupal8_display_one_image_multi_image_upload_views.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="drupal8_display_one_image_multi_image_upload_views" border="0" data-original-height="368" data-original-width="738" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2D62otJTILabVv7MI8bghCvCDSK9g1pN_KjTF6_bgPezaJkFUu4GR-pa4_lpFptNVwouxyxoydy9Izod5fQdT365yQBEQh9QOdrgWKKuMm0QWo3ywRLEVnAZzlWp1Lpv65BPYv9Y5TiM/s640/drupal8_display_one_image_multi_image_upload_views.png" title="drupal8_display_one_image_multi_image_upload_views" width="640"></a></div><br>On Drupal 8, there is a useful feature in Views Module (now in Core) settings called "<b>Multiple field settings</b>" with which we can  display only one image from multifield image on teaser. As seen in the image above, each of the content has multiple images but only one is displayed in the teasers.<br></div><a href="https://techubber.blogspot.com/2017/10/drupal-8-tips-display-only-one-image-multiple-image-upload-content-type-views-module.html#more">Read more »</a>

Drupal 8 Tips: Display only one image from multifield image on teaser

On Drupal 8, there is a useful feature in Views Module (now in Core) settings called " Multiple field settings " with which we can...

Read more »

How to access a website that shows "Your connection is not secure"?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJPdHKPh64ETTyftCbUsHvDiwfr3UARVhHbopgOU6O9Vd5v7fyARuIo0GTM5PvqmxHn7f6x7zdp6RVLEA8MXFmkcgFrX9PNXZttVRSORwlXC92QVeKtifJ2xPLCSN4-yA91GE2W8EvY8/s1600/your+connection+is+not+secure+http+https.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="557" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJPdHKPh64ETTyftCbUsHvDiwfr3UARVhHbopgOU6O9Vd5v7fyARuIo0GTM5PvqmxHn7f6x7zdp6RVLEA8MXFmkcgFrX9PNXZttVRSORwlXC92QVeKtifJ2xPLCSN4-yA91GE2W8EvY8/s400/your+connection+is+not+secure+http+https.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><b style="font-size: x-large;">When I browse a website I see "Your connection is not secure". What to do?</b><br />If you are trying to access a website served on HTTP then most probably you would see "Your connection is not secure" or "Your connection is not private". In some cases, the reason for the error could be due to the following reasons.<br /><br />Browsers today indicate whether a website is secure or not by the following icons on the left of the address bar:<br /><ul><li><img alt="Lock" height="18" src="https://storage.googleapis.com/support-kms-prod/9IKkC4co6mWlM461wyAF94BiF9nMmvcfaqUl" title="Lock" width="18" /> Secure</li><li><img alt="Info" height="18" src="https://storage.googleapis.com/support-kms-prod/rzP3Kj6ct8WH1Ez2S5wV6HCXQVJZg4z0dppd" title="Info" width="18" /> Info or Not secure</li><li><img alt="Dangerous" height="18" src="https://storage.googleapis.com/support-kms-prod/IFnvUSEwUHO4ppdhra3qLp1qTqnrZduuMwft" title="Dangerous" width="18" /> Not secure or Dangerous</li></ul><br /><span style="font-size: large;"><b>Reasons for "Your connection is not private " error could be due to:</b></span><br /><ul style="text-align: left;"><li><i><b>    Wrong date and time (User's end)</b></i></li><li><i><b>    Antivirus block SSL Connection</b></i><i><b> (User's end)</b></i></li><li><i><b>    Invalid Browser Cache and Cookies files</b></i><i><b> (User's end)</b></i></li><li><i><b>    SSL not implemented (Website owner's end)</b></i></li><li><i><b>    Expired SSL certificate</b></i><i><b> (Website Owner's end)</b></i></li><li><i><b>    Invalid SSL Certificate Setup (Website Owner's end)</b></i></li></ul><a href="https://www.blogger.com/null" name="more"></a><b>Solutions for "Your connection is not secure" or "Your connection is not private" due to the above errors:</b><br /><br /> <i><b>   Wrong Date & Time:  </b></i>(User's end)<br />If computer or device's date & time is incorrect, the browser is unable to verify the SSL certificate. Check your system date and time and correct it. Then try again.<br />    <br /><i><b>    Antivirus Blocked SSL Connection:  </b></i>(User's End)<br />Besides wrong date & time, antivirus software may be blocking SSL connections. Disable the antivirus and try again. If it works with antivirus blocked, then you need to check your antivirus settings to allow SSL connections.<br />    <br />   <i><b> Invalid Browser's Cookies & Cached Files:</b></i><i><b> </b></i>(User's End)<br />Invalid Cache and cookies can also cause this error. Try clearing cookies and cached files in the browser and then try again.<br />    <br /><i><b>    Expired SSL Certificates: (Website owner's end)</b></i><br />In some cases, the owner of the website might have applied SSL but the certificate expired. In that case, the website link may have HTTPS in the URL but there will be a red mark in the URL. In this case, the user cannot do anything about it. A user may notify the website owner if there is a way to. As a user, if you need to access the website and the website is trusted, then you can proceed to access the website by:<br /><br /><ul><li><i>On Firefox browsers: click Advanced and add Exception. </i></li><li><i>On Chrome browsers: click "Proceed to www.websitename"</i>  </li></ul><i><b>    Invalid SSL Certificate Setup: </b></i><i><b>(Website owner's end)</b></i><br />In some cases, the "Your connection is not secure" or "Your connection is not private" error could be due to invalid setup of SSL certificate. As a user there is nothing you can do from your end.A user may notify the website owner if there is a way to. As a user, if you need to access the website and the website is trusted, then you can proceed to access the website by:<br /><ul><li><i>On Firefox browsers: click Advanced and add Exception. </i></li><li><i>On Chrome browsers: click "Proceed to www.websitename"</i>  </li></ul><br /><br /><b><span style="font-size: large;">How to access a website that shows </span></b><span style="font-size: large;"><b>"Your connection is not secure"?</b></span><br /><br /><span style="font-size: large;"><span style="font-size: small;">The </span></span><span style="font-size: large;"><span style="font-size: small;">"Your connection is not secure" or "Your connection is not private" error could be due to any of the reasons discussed above or something else. Users may check if the error is occuring from their end such as incorrect system date and time etc. But if the issue is from the website owner's end, there is nothing a user can do. </span></span><br /><br /><span style="font-size: large;"><span style="font-size: small;"> </span></span>If you trust the website (well, not the connection), and you have to access it, then you can go ahead by following the steps below in Firefox browser:<br /><ul style="text-align: left;"><li>On the page where "<b>Your connection is not secure</b>" message is displayed, click on "Advanced"</li><li>Now click on <b>Add Exception.</b></li><li>Click on <b>Confirm Security Exception</b>. </li><li>If you want, you can view more information regarding the problematic certificate by clicking the <b>View </b>button.</li></ul>Similarly in Chrome, you can click on "Proceed to www.website..." to continue accessing the website. <br /><br />There are some detailed steps to check more when you see "Your connection is not secure" <a href="http://windowsreport.com/your-connection-not-secure/">here</a>.<br /><br /></div>

How to access a website that shows "Your connection is not secure"?

When I browse a website I see "Your connection is not secure". What to do? If you are trying to access a website served on HTTP th...

Read more »

How to add a responsive slider on OSCLASS website (using contributed OSCLASS Slider plugin)?

<div dir="ltr" style="text-align: left;" trbidi="on"><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4X87Vvv3km5D41GtyEEeTNKLmTfqwUEuiC0TYpotvLjItoohpw-8y5i4SzDxLYWDGaNvg9v33UgtZQbfdEtzciLsFJwUtxtO2Wpuir4T_pK8CFuUoAPXIaHgLNCBkSl0p5upYsNJ5sds/s1600/How+to+add+a+responsive+slider+on+OSCLASS+website.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to add a responsive slider on OSCLASS website" border="0" data-original-height="446" data-original-width="611" height="466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4X87Vvv3km5D41GtyEEeTNKLmTfqwUEuiC0TYpotvLjItoohpw-8y5i4SzDxLYWDGaNvg9v33UgtZQbfdEtzciLsFJwUtxtO2Wpuir4T_pK8CFuUoAPXIaHgLNCBkSl0p5upYsNJ5sds/s640/How+to+add+a+responsive+slider+on+OSCLASS+website.jpg" title="How to add a responsive slider on OSCLASS website" width="640"></a></div><div style="text-align: justify;"><br></div><div style="text-align: justify;"><span style="font-size: large;">S</span>liders or Slideshows are dynamic elements usually displayed in home page of websites. Usually with a catchy background image and phrases, they grab attention. They are great additions to any websites to add more aesthetics to websites. Since they are dynamic, websites look more grand and alive. They can also be used to display important content and graphics to engage with visitors. And though sliders are not so good in terms of making websites easily accessible on mobiles over data network due to higher load times, it has still become a standard web design layout. </div></div></div><a href="https://techubber.blogspot.com/2017/06/how-to-add-responsive-slider-plugin-osclass-website.html#more">Read more »</a>

How to add a responsive slider on OSCLASS website (using contributed OSCLASS Slider plugin)?

S liders or Slideshows are dynamic elements usually displayed in home page of websites. Usually with a catchy background image and phrases, ...

Read more »

How to download a website from live server to development local server?

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYjgARlyOY6qfqAkWwxYqXKUUYjdrPdrBAbyTF1wN4Sw8mECYyyvTKXUA1eLpCra-zRKAK-otBhU4ygPBhueVjJwUulaW3yNT2LEgxnHEZutJKBK3aq7PDi6pk54wpwq7miSBhEHwQyuQ/s1600/download-move-website-from-live-server-to-local-development-server.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="download-move-website-from-live-server-to-local-development-server" border="0" data-original-height="487" data-original-width="755" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYjgARlyOY6qfqAkWwxYqXKUUYjdrPdrBAbyTF1wN4Sw8mECYyyvTKXUA1eLpCra-zRKAK-otBhU4ygPBhueVjJwUulaW3yNT2LEgxnHEZutJKBK3aq7PDi6pk54wpwq7miSBhEHwQyuQ/s640/download-move-website-from-live-server-to-local-development-server.jpg" title="download-move-website-from-live-server-to-local-development-server" width="640"></a></div><br><b><span style="font-size: large;">I</span></b>n this post, we shall see how to download a website from live server to development local computer. I will be using a Drupal website as an example. On the local machine, I am running XAMPP stack on Windows. But the process would generally be the same for any other CMS or website for that matter. If you are looking for how to move or upload a website from local development computer to a live production server, following the steps here.</div><div style="text-align: justify;"></div><div style="text-align: justify;"><br></div></div><a href="https://techubber.blogspot.com/2017/06/how-to-download-website-from-live-server-to-local-development-server-drupal.html#more">Read more »</a>

How to download a website from live server to development local server?

I n this post, we shall see how to download a website from live server to development local computer. I will be using a Drupal website as an...

Read more »

How to move website from XAMPP on one computer to XAMPP on another computer?

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-iO0gNEaUzm2Ru4G58xRaPw6lsjU0Vdsg6VZnZ2NPqLrsQDxmez5zDnW3VHybsGSYPcIZAlZB0SOfyVLEfl1ehaQr1Ymvo7z3i0hTL9_OObkblUgvS5rJ8VEtdk32wZv2N-mN5slvxek/s1600/How+to+website+from+XAMPP+on+one+computer+to+XAMPP+on+another+computer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to website from XAMPP on one computer to XAMPP on another computer?" border="0" data-original-height="466" data-original-width="744" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-iO0gNEaUzm2Ru4G58xRaPw6lsjU0Vdsg6VZnZ2NPqLrsQDxmez5zDnW3VHybsGSYPcIZAlZB0SOfyVLEfl1ehaQr1Ymvo7z3i0hTL9_OObkblUgvS5rJ8VEtdk32wZv2N-mN5slvxek/s640/How+to+website+from+XAMPP+on+one+computer+to+XAMPP+on+another+computer.jpg" title="How to website from XAMPP on one computer to XAMPP on another computer?" width="640" /></a></div><br /></div><div style="text-align: justify;"><span style="font-size: small;">I normally use XAMPP for web development on my local Windows machine. And I needed to move the website files from one computer to another as I have a new Windows laptop on which I would be doing my web development activities from now on. So, I needed to move the existing website files from the older computer to the new computer, along with the database of the website. If you are in a similar situation, refer to the steps below how to move the websites from XAMPP on one computer to XAMPP on another computer.<br /><br /><br />XAMPP is a free and open source cross-platform web server solution stack package developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB database (supports MySQL) , and interpreters for scripts written in the PHP and Perl programming languages.<br /><br /><b>    X = Cross Platform / Any Operating System<br />    A = Apache Web Server<br />    M = MySQL / Maria DB<br />    P = PHP Programming Language<br />    P = Perl Programming Language</b><br />XAMPP is easy to install and packages all the above requirements of web development out of the box. There is minimal configuration required to kick start web development on local machine instead of installing all the above requirements manually. <br /><br /><br /><b><span style="font-size: large;">How to move websites from XAMPP on one computer to XAMPP on another computer?</span></b><br /><br /><br /><span style="font-size: large;">Assumptions / Pre-Requisites:</span><br /><br />So, I have been using XAMPP for web development on my local computer. I use WordPress and Drupal mostly, but there are some custom PHP sites too. In this post, I will be using one of the WordPress CMS site for the purpose of illustration in this post. On my system, XAMPP is installed at C drive at C:/xampp. Thus, website files are located under C:\xampp\htdocs directory.<br /><br /><br />For the steps explained below, it is assumed that XAMPP is installed on both the computers already.<br /><br /><br /><span style="font-size: x-large;">Steps to move websites from XAMPP on one computer to XAMPP on another computer. </span><br /><br />This method is not only for WordPress shown in this example. It can be used for any other CMS or sites. The basic process in a nutshell is to move the website folder to the new computer under the same folder, that is under C:\xampp\htdocs and move the database to the new computer<br /><br /><br /><b><span style="font-size: large;">1) Move website files from computer 1 to computer 2:</span></b><br /><br />    Copy the website folder you want to move from C:\xampp\htdocs\. For this example, the website folder to be copied is "techblog". Thus, I copied the folder C:\xampp\htdocs\techblog<br />    Move the website folder from the computer 1 to C:\xampp\htdocs\ on the computer 2 using any medium. For this example, the website folder copied is "techblog". So, we should have the website files in C:\xampp\htdocs\techblog. <br /><br />That is all that is required as far as moving the website files from one computer to another for using with XAMPP is concerned.<br /><br /><br /><span style="font-size: large;"><b>2) Export database of the website from computer 1</b></span><br /></span></div><ul style="text-align: left;"><li><span style="font-size: small;">    Open phpMyAdmin in a browser on computer 1 by accessing http://localhost/phpmyadmin</span></li><li><span style="font-size: small;">    Login to phpMyAdmin if a password is set for root</span></li><li><span style="font-size: small;">    Select the  database from the left sidebar of phpMyAdmin</span></li><li><span style="font-size: small;">    Click on STRUCTURE and check how many tables the database has. It is displayed at the bottom of the STRUCTURE page. Compare  the number of tables during import on computer 2.</span></li><li><span style="font-size: small;">    Now to export, click on EXPORT tab</span></li></ul><div style="text-align: justify;"><span style="font-size: small;"><br /></span></div><blockquote class="tr_bq"><i><span style="font-size: small;">        Note: For some CMS (such as Drupal, WordPress etc.) it is recommended to clear cache from the admin interface before exporting database to avoid any import issues and/or site issues after import. </span></i></blockquote><div style="text-align: justify;"><span style="font-size: small;"><br /></span></div><ul style="text-align: left;"><li><span style="font-size: small;">    Keep default settings and just click "GO" to export and download the database.</span></li><li><span style="font-size: small;">    An SQL file will be exported. Save it to computer 1</span></li></ul><div style="text-align: justify;"><span style="font-size: small;"> </span></div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3vt4qm1Uj43zdJyGgHa2tCl6gQFmFcjKUgVP-pr7ivAFAHz5iiYbO-AzD5-wldWZ2YOI2MluuFaTejy_kaGlSzs4mTaE89T0Wmn3nInJoPnzFUgTk9CIPX3scPzPhCDGMC8g9nbE4-Jo/s1600/export+mysql+database+phpmyadmin+localhost.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="285" data-original-width="400" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3vt4qm1Uj43zdJyGgHa2tCl6gQFmFcjKUgVP-pr7ivAFAHz5iiYbO-AzD5-wldWZ2YOI2MluuFaTejy_kaGlSzs4mTaE89T0Wmn3nInJoPnzFUgTk9CIPX3scPzPhCDGMC8g9nbE4-Jo/s320/export+mysql+database+phpmyadmin+localhost.jpg" width="320" /></a></div><div style="text-align: justify;"><br /><br /><br /><br /><span style="font-size: large;"><b> 3) Import the exported database from computer 1 into computer 2</b></span><br /><br /><ul><li>    On computer 2, access http://localhost/phpMyAdmin and login if a password is set.</li><li>    Once logged in to phpMyAdmin, click on "databases" and create a new database. </li><li>    You can name the database whatever you want but preferably keep the same name so that settings need not be changed.</li><li>    Select the new database from the left sidebar</li><li>    Click Import.</li><li>    Click on the "Browse" button and locate the database we exported from the old computer.</li><li>    Keep default settings and just click "GO" to import the database.</li><li>    Once the database is installed, check the website on computer 2 by accessing http://localhost/techblog. If the database name was kept the same during new database creation on computer 2, there is no need to change database name in the website settings file.</li></ul><br /><b><span style="font-size: large;">Database import issues?</span></b><br /><br />Unable to import database into phpMyAdmin due to an error?<br /><br />If this is a new  XAMPP installation on the new computer without any setting changes so far, then the database might not have uploaded due to size limit. In that case, upload size need to be changed in php.ini file on computer 2.<br /><br /><br /><blockquote class="tr_bq"><i>        Error: No data was received to import. Either no file name was submitted, or the file size exceeded the maximum size permitted by your PHP configuration </i></blockquote><br /><span style="font-size: large;">If you are unable to import database into phpMyAdmin due to the above error, you would need to edit some settings in php.ini configuration file at C:\xampp\php\php.ini.</span><br /><br /><br /><ul><li>    Open php.ini in a notepad, preferably Notepad++ and edit the values of the following parameters. I increased the following parameters to:</li></ul><br /><blockquote class="tr_bq"><i>        post_max_size = 50M<br />        upload_max_filesize =50M<br />        max_execution_time=200<br />        max_input_time=200</i></blockquote><br />Since it is a development environment, you can set it to any reasonable value. On live server, these parameters will usually be controlled by your web host service provider. and you may not have access to php.ini. <br /><br /><ul><li>    After changing the values of the above parameters, restart Apache from XAMPP control panel.</li></ul><ul><li>    Retry the import of SQL database into phpMyAdmin. It should be resolved now.</li></ul><br /><br /><span style="font-size: large;">How to prepare the SQL database file before import if the XAMPP on the previous computer was using another port for such as "localhost:8080" instead of the default "localhost"</span><br /><br />If on the previous computer 1, XAMPP was set to use "localhost:8080" instead of "localhost" to access web pages but on the new computer it is using the default "localhost" to access web pages, then the website on computer 2 will not work properly as the database has referenced to "http://localhost:port-number/websitename". Sometimes, people have multiple web servers on a single computer such as IIS and Apache from XAMPP. In that case, the default HTTP port 80 may already be used by the other web server. So, Apache is assigned another port to use.<br /><br /><br />We can edit the URLs containing the "localhost:8080" from phpMyAdmin with simple SQL querries but I find it easier to edit it using text editors by using simpler "find and replace" feature. We can find all reference of "localhost:8080" and replace them with "localhost" only. For this purpose <a href="https://notepad-plus-plus.org/" rel="nofollow" target="_blank">Notepad++</a> is good instead of Notepad.<br /><br /><ul><li>    Open the databasename.sql exported from the previous XAMPP in a Notepad or Notepad++</li><li>    Press CTRL+F and search for "localhost:8080". You should be able to see some results.</li><li>    Now replace all instances of "localhost:8080" with "localhost" by doing replace all.</li><li>    Save the edited SQL file or "Save As" with a new name</li><li>    Use this edited SQL file in the phpMyAdmin import (described above).</li></ul><br /><br /><span style="font-size: x-large;">Other related posts:</span><br /><br />    <a href="https://techubber.blogspot.com/2013/07/How-to-install-and-run-XAMPP-on-Windows.html">How to install and run XAMPP on Windows?</a><br />    <a href="https://techubber.blogspot.com/2016/06/how-to-migrate-site-from-local-server-to-live-server.html">How to migrate site from local development machine to live site?</a><br />    <a href="https://techubber.blogspot.com/2013/09/how-to-install-and-run-wordpress-on-windows-using-xampp.html">How to install and run WordPress using XAMPP on Windows?</a><br /></div></div> <div><p> Popular computers on Amazon </p><script type="text/javascript">amzn_assoc_ad_type ="responsive_search_widget"; amzn_assoc_tracking_id ="techubber-21"; amzn_assoc_marketplace ="amazon"; amzn_assoc_region ="IN"; amzn_assoc_placement =""; amzn_assoc_search_type = "search_widget";amzn_assoc_width ="auto"; amzn_assoc_height ="auto"; amzn_assoc_default_search_category =""; amzn_assoc_default_search_key ="computer";amzn_assoc_theme ="light"; amzn_assoc_bg_color ="FFFFFF"; </script><script src="//z-in.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1&Marketplace=IN"></script></div>

How to move website from XAMPP on one computer to XAMPP on another computer?

I normally use XAMPP for web development on my local Windows machine. And I needed to move the website files from one computer to another as...

Read more »

How to move website from XAMPP on one computer to XAMPP on another computer?

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-iO0gNEaUzm2Ru4G58xRaPw6lsjU0Vdsg6VZnZ2NPqLrsQDxmez5zDnW3VHybsGSYPcIZAlZB0SOfyVLEfl1ehaQr1Ymvo7z3i0hTL9_OObkblUgvS5rJ8VEtdk32wZv2N-mN5slvxek/s1600/How+to+website+from+XAMPP+on+one+computer+to+XAMPP+on+another+computer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to website from XAMPP on one computer to XAMPP on another computer?" border="0" data-original-height="466" data-original-width="744" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-iO0gNEaUzm2Ru4G58xRaPw6lsjU0Vdsg6VZnZ2NPqLrsQDxmez5zDnW3VHybsGSYPcIZAlZB0SOfyVLEfl1ehaQr1Ymvo7z3i0hTL9_OObkblUgvS5rJ8VEtdk32wZv2N-mN5slvxek/s640/How+to+website+from+XAMPP+on+one+computer+to+XAMPP+on+another+computer.jpg" title="How to website from XAMPP on one computer to XAMPP on another computer?" width="640" /></a></div><br /></div><div style="text-align: justify;"><span style="font-size: small;">I normally use XAMPP for web development on my local Windows machine. And I needed to move the website files from one computer to another as I have a new Windows laptop on which I would be doing my web development activities from now on. So, I needed to move the existing website files from the older computer to the new computer, along with the database of the website. If you are in a similar situation, refer to the steps below how to move the websites from XAMPP on one computer to XAMPP on another computer.<br /><br /><br />XAMPP is a free and open source cross-platform web server solution stack package developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB database (supports MySQL) , and interpreters for scripts written in the PHP and Perl programming languages.<br /><br /><b>    X = Cross Platform / Any Operating System<br />    A = Apache Web Server<br />    M = MySQL / Maria DB<br />    P = PHP Programming Language<br />    P = Perl Programming Language</b><br />XAMPP is easy to install and packages all the above requirements of web development out of the box. There is minimal configuration required to kick start web development on local machine instead of installing all the above requirements manually. <br /><br /><br /><b><span style="font-size: large;">How to move websites from XAMPP on one computer to XAMPP on another computer?</span></b><br /><br /><br /><span style="font-size: large;">Assumptions / Pre-Requisites:</span><br /><br />So, I have been using XAMPP for web development on my local computer. I use WordPress and Drupal mostly, but there are some custom PHP sites too. In this post, I will be using one of the WordPress CMS site for the purpose of illustration in this post. On my system, XAMPP is installed at C drive at C:/xampp. Thus, website files are located under C:\xampp\htdocs directory.<br /><br /><br />For the steps explained below, it is assumed that XAMPP is installed on both the computers already.<br /><br /><br /><span style="font-size: x-large;">Steps to move websites from XAMPP on one computer to XAMPP on another computer. </span><br /><br />This method is not only for WordPress shown in this example. It can be used for any other CMS or sites. The basic process in a nutshell is to move the website folder to the new computer under the same folder, that is under C:\xampp\htdocs and move the database to the new computer<br /><br /><br /><b><span style="font-size: large;">1) Move website files from computer 1 to computer 2:</span></b><br /><br />    Copy the website folder you want to move from C:\xampp\htdocs\. For this example, the website folder to be copied is "techblog". Thus, I copied the folder C:\xampp\htdocs\techblog<br />    Move the website folder from the computer 1 to C:\xampp\htdocs\ on the computer 2 using any medium. For this example, the website folder copied is "techblog". So, we should have the website files in C:\xampp\htdocs\techblog. <br /><br />That is all that is required as far as moving the website files from one computer to another for using with XAMPP is concerned.<br /><br /><br /><span style="font-size: large;"><b>2) Export database of the website from computer 1</b></span><br /></span></div><ul style="text-align: left;"><li><span style="font-size: small;">    Open phpMyAdmin in a browser on computer 1 by accessing http://localhost/phpmyadmin</span></li><li><span style="font-size: small;">    Login to phpMyAdmin if a password is set for root</span></li><li><span style="font-size: small;">    Select the  database from the left sidebar of phpMyAdmin</span></li><li><span style="font-size: small;">    Click on STRUCTURE and check how many tables the database has. It is displayed at the bottom of the STRUCTURE page. Compare  the number of tables during import on computer 2.</span></li><li><span style="font-size: small;">    Now to export, click on EXPORT tab</span></li></ul><div style="text-align: justify;"><span style="font-size: small;"><br /></span></div><blockquote class="tr_bq"><i><span style="font-size: small;">        Note: For some CMS (such as Drupal, WordPress etc.) it is recommended to clear cache from the admin interface before exporting database to avoid any import issues and/or site issues after import. </span></i></blockquote><div style="text-align: justify;"><span style="font-size: small;"><br /></span></div><ul style="text-align: left;"><li><span style="font-size: small;">    Keep default settings and just click "GO" to export and download the database.</span></li><li><span style="font-size: small;">    An SQL file will be exported. Save it to computer 1</span></li></ul><div style="text-align: justify;"><span style="font-size: small;"> </span></div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3vt4qm1Uj43zdJyGgHa2tCl6gQFmFcjKUgVP-pr7ivAFAHz5iiYbO-AzD5-wldWZ2YOI2MluuFaTejy_kaGlSzs4mTaE89T0Wmn3nInJoPnzFUgTk9CIPX3scPzPhCDGMC8g9nbE4-Jo/s1600/export+mysql+database+phpmyadmin+localhost.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="285" data-original-width="400" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3vt4qm1Uj43zdJyGgHa2tCl6gQFmFcjKUgVP-pr7ivAFAHz5iiYbO-AzD5-wldWZ2YOI2MluuFaTejy_kaGlSzs4mTaE89T0Wmn3nInJoPnzFUgTk9CIPX3scPzPhCDGMC8g9nbE4-Jo/s320/export+mysql+database+phpmyadmin+localhost.jpg" width="320" /></a></div><div style="text-align: justify;"><br /><br /><br /><br /><span style="font-size: large;"><b> 3) Import the exported database from computer 1 into computer 2</b></span><br /><br /><ul><li>    On computer 2, access http://localhost/phpMyAdmin and login if a password is set.</li><li>    Once logged in to phpMyAdmin, click on "databases" and create a new database. </li><li>    You can name the database whatever you want but preferably keep the same name so that settings need not be changed.</li><li>    Select the new database from the left sidebar</li><li>    Click Import.</li><li>    Click on the "Browse" button and locate the database we exported from the old computer.</li><li>    Keep default settings and just click "GO" to import the database.</li><li>    Once the database is installed, check the website on computer 2 by accessing http://localhost/techblog. If the database name was kept the same during new database creation on computer 2, there is no need to change database name in the website settings file.</li></ul><br /><b><span style="font-size: large;">Database import issues?</span></b><br /><br />Unable to import database into phpMyAdmin due to an error?<br /><br />If this is a new  XAMPP installation on the new computer without any setting changes so far, then the database might not have uploaded due to size limit. In that case, upload size need to be changed in php.ini file on computer 2.<br /><br /><br /><blockquote class="tr_bq"><i>        Error: No data was received to import. Either no file name was submitted, or the file size exceeded the maximum size permitted by your PHP configuration </i></blockquote><br /><span style="font-size: large;">If you are unable to import database into phpMyAdmin due to the above error, you would need to edit some settings in php.ini configuration file at C:\xampp\php\php.ini.</span><br /><br /><br /><ul><li>    Open php.ini in a notepad, preferably Notepad++ and edit the values of the following parameters. I increased the following parameters to:</li></ul><br /><blockquote class="tr_bq"><i>        post_max_size = 50M<br />        upload_max_filesize =50M<br />        max_execution_time=200<br />        max_input_time=200</i></blockquote><br />Since it is a development environment, you can set it to any reasonable value. On live server, these parameters will usually be controlled by your web host service provider. and you may not have access to php.ini. <br /><br /><ul><li>    After changing the values of the above parameters, restart Apache from XAMPP control panel.</li></ul><ul><li>    Retry the import of SQL database into phpMyAdmin. It should be resolved now.</li></ul><br /><br /><span style="font-size: large;">How to prepare the SQL database file before import if the XAMPP on the previous computer was using another port for such as "localhost:8080" instead of the default "localhost"</span><br /><br />If on the previous computer 1, XAMPP was set to use "localhost:8080" instead of "localhost" to access web pages but on the new computer it is using the default "localhost" to access web pages, then the website on computer 2 will not work properly as the database has referenced to "http://localhost:port-number/websitename". Sometimes, people have multiple web servers on a single computer such as IIS and Apache from XAMPP. In that case, the default HTTP port 80 may already be used by the other web server. So, Apache is assigned another port to use.<br /><br /><br />We can edit the URLs containing the "localhost:8080" from phpMyAdmin with simple SQL querries but I find it easier to edit it using text editors by using simpler "find and replace" feature. We can find all reference of "localhost:8080" and replace them with "localhost" only. For this purpose <a href="https://notepad-plus-plus.org/" rel="nofollow" target="_blank">Notepad++</a> is good instead of Notepad.<br /><br /><ul><li>    Open the databasename.sql exported from the previous XAMPP in a Notepad or Notepad++</li><li>    Press CTRL+F and search for "localhost:8080". You should be able to see some results.</li><li>    Now replace all instances of "localhost:8080" with "localhost" by doing replace all.</li><li>    Save the edited SQL file or "Save As" with a new name</li><li>    Use this edited SQL file in the phpMyAdmin import (described above).</li></ul><br /><br /><span style="font-size: x-large;">Other related posts:</span><br /><br />    <a href="https://techubber.blogspot.com/2013/07/How-to-install-and-run-XAMPP-on-Windows.html">How to install and run XAMPP on Windows?</a><br />    <a href="https://techubber.blogspot.com/2016/06/how-to-migrate-site-from-local-server-to-live-server.html">How to migrate site from local development machine to live site?</a><br />    <a href="https://techubber.blogspot.com/2013/09/how-to-install-and-run-wordpress-on-windows-using-xampp.html">How to install and run WordPress using XAMPP on Windows?</a><br /></div></div>

How to move website from XAMPP on one computer to XAMPP on another computer?

I normally use XAMPP for web development on my local Windows machine. And I needed to move the website files from one computer to another as...

Read more »

Drupal Tips - How to redirect user to Drupal frontpage after login

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkjlVLPE5ItwhDjZT2l8GHxHaj1pgx2DMiSUSUj1GlD1DCqZri8NqXBZ6jOkzvIFE8Ofuol0rDgFurK_KF9UxoE7FEKAFftcD_T_kxbej_MF0CFyR8jqJSL77rPe7JSdt7B-WlIPHTmYM/s1600/drupal+tips+hwo+to+redirect+user+to+frontpage+after+login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Drupal tips how to redirect user to frontpage after login.png" border="0" data-original-height="457" data-original-width="690" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkjlVLPE5ItwhDjZT2l8GHxHaj1pgx2DMiSUSUj1GlD1DCqZri8NqXBZ6jOkzvIFE8Ofuol0rDgFurK_KF9UxoE7FEKAFftcD_T_kxbej_MF0CFyR8jqJSL77rPe7JSdt7B-WlIPHTmYM/s400/drupal+tips+hwo+to+redirect+user+to+frontpage+after+login.png" title="Drupal tips how to redirect user to frontpage after login.png" width="400"></a></div><br>Drupal usually redirects a user after login to the account information page. But if you would like users to redirect to the Drupal<span style="font-weight: normal;"><span style="font-size: small;"> Frontpage</span></span><span style="font-size: small;"> </span>after login, the this post is just about that.<span style="font-weight: normal;"><span style="font-size: small;"> In this Drupal Tips , we shall discuss how to redirect user to Drupal </span></span><span style="font-weight: normal;"><span style="font-size: small;">Frontpage after login.</span></span><span style="font-weight: normal;"><span style="font-size: small;"> </span></span><br></div><a href="https://techubber.blogspot.com/2017/03/drupal-tips-how-to-redirect-user-frontpage-after-login.html#more">Read more »</a>

Drupal Tips - How to redirect user to Drupal frontpage after login

Drupal usually redirects a user after login to the account information page. But if you would like users to redirect to the Drupal Frontpag...

Read more »

How to create sliders in Drupal 7 using Views Slideshow?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxC7214iLD0c3PVaQ696sLXGlB2HVR50uSRtfkMTh8RNJL0LVZqRtufW8tyZ8HldLo2zXgm4xgZ90OmaMDa0N2rM_W34RjkFl4AnshRJ5orLdTmOtuqx5T_YMHDZTR6rDpopltdNcRyxU/s1600/How+to+create+sliders+in+Drupal+7+using+Views+Slideshow.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create sliders in Drupal 7 using Views Slideshow" border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxC7214iLD0c3PVaQ696sLXGlB2HVR50uSRtfkMTh8RNJL0LVZqRtufW8tyZ8HldLo2zXgm4xgZ90OmaMDa0N2rM_W34RjkFl4AnshRJ5orLdTmOtuqx5T_YMHDZTR6rDpopltdNcRyxU/s640/How+to+create+sliders+in+Drupal+7+using+Views+Slideshow.jpg" title="How to create sliders in Drupal 7 using Views Slideshow" width="640"></a></div><div style="text-align: justify;"><br><span style="font-size: x-large;">S</span>liders or Slideshows are dynamic elements usually displayed in home page of websites. Usually with a catchy background image and phrases, they grab attention. They are great additions to any websites to add more aesthetics to websites. Since they are dynamic, websites look more grand and alive. They can also be used to display important content and graphics to engage with visitors. And though sliders are not so good in terms of making websites easily accessible on mobiles over data network due to higher load times, it has still become a standard web design layout.</div><div style="text-align: justify;"><br></div><div style="text-align: justify;">In this post we shall discuss how to create testimonial sliders in Drupal 7 using Views Slideshow. Though the usual sliders we see are catchy background images with catchy phrases, sliders are not only meant for images. They can be any thing, almost. We can also display text such as testimonials, images, quotes etc.</div><br></div><a href="https://techubber.blogspot.com/2017/01/how-to-create-sliders-in-drupal-7-using-views-slideshow.html#more">Read more »</a>

How to create sliders in Drupal 7 using Views Slideshow?

S liders or Slideshows are dynamic elements usually displayed in home page of websites. Usually with a catchy background image and phrases, ...

Read more »

How to make Blogger widgets visible in Blogger Mobile template (also make Adsense visible in mobile template)?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOt3bRqx6QHK8K3AJhSzLHfqf9s8bsOVn1xZ6hlfzoM5SoRwBJu2-U80MORFrYzH2fDQOoiTcuL015IkNe820E5qEgS3E57KLbBCTJb03sjTsFXZLTaMUYKbcs-_mQhBpULSZOagLkdoE/s1600/How+to+make+Blogger+widgets+visible+in+Blogger+Mobile+template+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span id="goog_1251077980"></span><img border="0" height="563" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOt3bRqx6QHK8K3AJhSzLHfqf9s8bsOVn1xZ6hlfzoM5SoRwBJu2-U80MORFrYzH2fDQOoiTcuL015IkNe820E5qEgS3E57KLbBCTJb03sjTsFXZLTaMUYKbcs-_mQhBpULSZOagLkdoE/s640/How+to+make+Blogger+widgets+visible+in+Blogger+Mobile+template+.jpg" width="640"><span id="goog_1251077981"></span></a></div><br><div style="text-align: justify;"><b><span style="font-size: x-large;">I</span></b>n Blogger, the view on desktop computers and mobile devices are shown differently. By default, the template on mobile devices are stripped down and responsive. Not all sections or widgets displayed on desktop computers are visible on mobile devices. Most widgets manually added to Blogger will not be view-able on mobile devices. Adsense added from Blogger's Adsense widgets are visible however their display regions are only on the top and bottom of the page. Google Adsense code if added manually to the blog using Blogger HTML/JavaScript widget won't display on mobile devices. In order to show widgets visible on desktop to also show on mobile devices, including Google Adsense widgets, do the following changes.</div><br><span style="font-size: x-large;"><b>How to enable widgets to display on mobile devices?</b></span><br></div><a href="https://techubber.blogspot.com/2016/04/how-to-make-blogger-widgets-visible-in.html#more">Read more »</a>

How to make Blogger widgets visible in Blogger Mobile template (also make Adsense visible in mobile template)?

I n Blogger, the view on desktop computers and mobile devices are shown differently. By default, the template on mobile devices are stripped...

Read more »

How to create or save favicon or icons using Photoshop?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTqOLKy-hd3Cmd8-i9GNHZD4BYvcUBatTqrSG5V2RKAzUzdk0BFPTaLPY0SgxDfCaZwBXfKrs3WGweWZ41xwj9WOp8zjHj-_EoJbiVOMEyfLXGAzoIVKHRFe1OWtCKoFSwGE05o5KrLk/s1600/How+to+create+or+save+favicon+or+icons+using+Photoshop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span id="goog_543438550"></span><img alt="How to create or save favicon or icons using Photoshop" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTqOLKy-hd3Cmd8-i9GNHZD4BYvcUBatTqrSG5V2RKAzUzdk0BFPTaLPY0SgxDfCaZwBXfKrs3WGweWZ41xwj9WOp8zjHj-_EoJbiVOMEyfLXGAzoIVKHRFe1OWtCKoFSwGE05o5KrLk/s400/How+to+create+or+save+favicon+or+icons+using+Photoshop.jpg" title="How to create or save favicon or icons using Photoshop" width="400"><span id="goog_543438551"></span></a></div><b><span style="font-size: large;">How to create or save favicon or icons using Photoshop? </span></b><br><br>Favicon is a small image that is used on websites and are displayed in browser tabs. In this video, we discuss how to create Favicon or icon files using Photoshop. Icons by default have .ICO file extension. By default, Photoshop does not allow creation of icons. To create or save image as icon, we will be using a plug-in in Photoshop.<br></div><a href="https://techubber.blogspot.com/2016/11/how-to-create-or-save-favicon-or-icons-ico-using-photoshop.html#more">Read more »</a>

How to create or save favicon or icons using Photoshop?

How to create or save favicon or icons using Photoshop?  Favicon is a small image that is used on websites and are displayed in browser tabs...

Read more »

OSCLASS Tips : How to move OSCLASS website from live server to localhost development server ?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSxrL5bOXUfu8aBzAVDb_jIdBwCJeK62Bq_UfBQjYlovRXy3qA83jai9PdevbcKlJtFVmiNFIdY1Nag61h2ZwvpWZUMm2y4mD8OMSWeNhlfI6CGZwLq_WzgRvPmBJhyfstrPTMvl0Bw0/s1600/osclass_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSxrL5bOXUfu8aBzAVDb_jIdBwCJeK62Bq_UfBQjYlovRXy3qA83jai9PdevbcKlJtFVmiNFIdY1Nag61h2ZwvpWZUMm2y4mD8OMSWeNhlfI6CGZwLq_WzgRvPmBJhyfstrPTMvl0Bw0/s400/osclass_logo.png" width="400"></a></div><br><div style="text-align: justify;">This post is about how to move OSCLASS website from live server to local development server. The process in a nutshell is pretty forward that is, to download the website files and put them in the local website directory, export database from the live server to the local server and update configuration files on development server. But there are some minute updates or changes required to let OSCLASS work on localhost development server, which we will see in brief in this post.</div></div><a href="https://techubber.blogspot.com/2016/11/osclass-tips-how-to-move-osclass-live-production-development-local-server.html#more">Read more »</a>

OSCLASS Tips : How to move OSCLASS website from live server to localhost development server ?

This post is about how to move OSCLASS website from live server to local development server. The process in a nutshell is pretty forward tha...

Read more »

Free Responsive Mobile Menu Plugin For WordPress

<div dir="ltr" style="text-align: left;" trbidi="on"><div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A1__XUs_pUQlIDEtpbossNEZrZof-lAxG1sMe1vtqkhigh17ABueDXiu-Re2KZHcJiYz43hYJN7zTsNSWUQbSZS190UHbw2KvvLDgnjvdehEM6TnMM1u8yBxy9GAEY9hKEklnAxoDYY/s1600/wordpress+responsive+menu+plugin+for+mobile+%25282%2529.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A1__XUs_pUQlIDEtpbossNEZrZof-lAxG1sMe1vtqkhigh17ABueDXiu-Re2KZHcJiYz43hYJN7zTsNSWUQbSZS190UHbw2KvvLDgnjvdehEM6TnMM1u8yBxy9GAEY9hKEklnAxoDYY/s400/wordpress+responsive+menu+plugin+for+mobile+%25282%2529.png" width="400"></a></td></tr><tr><td class="tr-caption" style="text-align: center;">WordPress Plugin for responsive menu</td></tr></tbody></table><div style="text-align: justify;">With the increasing use of mobile phones, there is a lot of importance now on responsive web design. In the recent years, there is a lot of emphasis on responsive web design, so that the experience on mobile devices is smooth and user friendly. Keeping that in mind, it is better to have a responsive menu for mobile users instead of the default menu layout even for our WordPress sites. Luckily, there are responsive menu plugins out there for WordPress! There may be a lot out there, but in this post, we'll see one particular WordPress plugin that will enable responsive menu for mobile devices for a WordPress website.</div><div style="text-align: justify;"><br></div>While some WordPress themes takes care of responsive menu in their template design itself, most themes may not. For this example, I am using one of the default WordPress themes - Twenty Eleven. We will see how the WordPress menu looks like on mobile and how the menu is neatly displayed responsively after installing the plugin.<br></div></div></div><a href="https://techubber.blogspot.com/2016/10/free-responsive-mobile-menu-plugin-for-wordpress.html#more">Read more »</a>

Free Responsive Mobile Menu Plugin For WordPress

WordPress Plugin for responsive menu With the increasing use of mobile phones, there is a lot of importance now on responsive web design. In...

Read more »