, ,

WooCommerce Beautifier : Beautify your shop

Today, WooCommerce become popular e-commerce platform on internet.Because,  It’s easy to make an E-Commerce site by using WooCommerce plugin. However, customization of WooCommerce shop is not easy. Therefore, WooCommerce Beautifier plugin gives you opportunities to customize your WooCommerce Shop within few minutes.  You can change your “Shop page” content, “Minicart” content, “Cart” page content. Like product title, price, add to cart button, sale badge, page title and so on. This amazing tool offers you to change color, font style, and many more options to customize your online shop pages.

WooCommerce_Beautifier

WooCommerce Beautifier’s Special Features

WooCommerce Beautifier  offers you a numbers of magical features like –

  • Customize your Shop/ Mini Cart/Cart/Checkout /Shop/Single Product/Category/Tag pages.
  • Customize all pages content by using Global Setting.
  • Customize specific page content.
  • Beautify page content by changing BG color, Font color, padding, font size, font style and so on.
  • User friendly interface.
  • Reset you current setting for all tabs.
  • Reset the current settings of selected tab only.
  • All Themes supported.
  • Import / Export the settings.
  • Save as new template feature.
  • Save change as template and apply saved template in future.

Today, I wanna show you how you can use WooCommerce Beautifier in your WooCommerce sites. Let’s start –

Installation

For installing WooCommerce Beautifier you should follow the following steps –

Step 1: After downloading the zip file from the Codecanyon you will get a full zip file of Codecanyon. When you will extract that zip file you will get another zip file “WooCommerce_Beautifier_V1.0_02.25.2019.zip”.

 

 

 

 

 

 

Step 2: Go to your website’s dashboard > Plugins > Installed Plugins .

 

 

 

 

 

 

 

Step 3: In the top of the page you will find “Add New” button. After click on “Add New” button you will get “Upload Plugin” button.

 

Step 4: Click on Upload plugin and browse the file “WooCommerce_Beautifier_V1.0_02.25.2019.zip’. That file you will get before from Codecayon.zip folder. Make sure that WooCommerce Beautifier plugin file is in .zip format. Upload that and click on “Install Now” button.

After Installation you need to active plugin by click on “Active Plugin” button.

Well Done!!! You successfully install your WooCommerce Beautifier Plugin!!!

Let’s Start

After successfully installation you will get a WooCommerce Beautifier plugin menu in your dashboard. Like – Dashboard>WC Beautifier. Click on that and you will get the magical settings!!!

Global Setting 

Global setting is mainly impact on all pages settings of your WooCommerce websites – by default. Moreover,In the global setting you get many options for change like –

  • General – Customize your rating color, in stock color, in stock Font weight, in Stock Font Style, Out of Stock Color, out of Stock Font weight, Out of Stock Font style for all pages.
  • Sale badge – Customize your sales badge text color, BG color, border color, border radius, Font Weight, Font style, Font size, padding for all pages.
  • Price –Customize your product price color, font weight, font style for all pages.
  • Add to cart button – Customize your Add to cart button color, BG color, font size and so on for all pages.
  • Add to cart button hover –Customize your add to curt button hover color, BG color, Font Weight, Font style, Font size and padding of your WooCommerce site’s all pages.
  • Success message box –Customize your success message box’s text color, link color, BG color.
  • Warning message box – Customize your warning message box’s text color, link color, BG color.

Mini Cart

‘Global setting’ provides the default style/design for all pages of your WooCommerce site. Like – if you change your price color from global setting it also apply into your Mini Cart price. However, if you change only Mini Cart price it applies into your Mini Cart price setting only.  From Mini Cart setting you will get various setting options like –

 

  • Basic – Customize your Mini Cart’s remove button color, product name color, product name hover color from this.
  • View Cart button – Customize your view cart button color, BG color, Font Weight, Font Style, Font Size, padding from this option.
  • View Cart button hover – Customize your View Cart button hover color, BG color, Font Weight, Font style, Font size, padding from this.
  • Checkout button – Customize your checkout button color, BG color, Font Weight, Font style, ,Font size, padding from this.
  • Checkout button hover – Customize your checkout button hover color, BG color, Font weight, Font style, Font size, padding from this.

Cart page

The default setting come from “global setting” .But if you want to change the only cart page setting that can be possible by this option. This tab gives you a number of options like –

 

  • Basic – Customize you remove button color, remove button cross color from this.
  • Page title – Customize you page title color, BG color, Font weight, font style, font size and padding by this option.
  • Checkout button – Customize your checkout button color, BG color, Font weight, Font style, Font size and padding by this option.
  • Checkout button hover – Customize your checkout button hover color, BG color, Font Weight, Font style, Font size, padding by this option.
  • Cart Table Head – Customize your cart table head color, BG color, Font Weight, Font Style, Font Size, padding by this option.
  • Cart table body – Customize your cart table body color, link color, BG color, Font Weight, Font style, font size and padding by this option.

Checkout Page

Firstly, design /style come from global setting. But if you want to change only the style of the checkout page that can be possible by this tab. This checkout page tab gives you a number of options like –

 

  • Page title – You can customize your checkout page title color, BG color, Font weight, Font style, Font size, padding by this option.
  • Coupon section – You can customize your checkout page coupon box BG color, coupon box padding, apply button color, apply button BG color, Apply button Font Weight, Apply button Font Style, Apply button Font size Apply button padding by this option.
  • Payment method section – If you want to make your payment method section more attractive you can customize your selected icon color, BG color, label color by this option.
  • Place order button – you can customize your place order button by changing text color, Button BG, Font Weight, Font style, Font size, padding by this option.
  • Place order button hover – you can customize your place order button hover color, BG color, Font Weight, Font Style, Font size and padding by this option.

Shop page

The shop page design/style come from global setting by default. But if you want to change only shop page style you can customize this tab option. This tab provides you several of options like –

  • Page title – If you want to customize shop page title color, BG color, Font Weight, Font style, Font Size, Padding you can use this option.
  • Product name – If you want to customize your shop page product name color, hover color, font weight, font style, font size, padding you can change the setting from there.
  • Price – If you want to customize your shop price color, Weight, Font style, Font Size, Padding you can use this option.
  • Add to cart button – If you want to customize your shop page’s add to cart button color, BG color, Font Weight, Font style, Font Size, Padding you can use this option.
  • Add to cart button hover – If you want to customize your shop page’s add to cart button hover.You can customize it by changing color, BG color, Font Weight, Font style, Font Size, Padding by this option.

Single Product Page

The default design/ style come from global setting but if you want to change only single page setting that also possible by this single product page tab. In this tab you get a number of options like –

  • Product name –Customize your single product page product name color, hover color, font weight, font style, font size, padding by this option.
  • Price – Customize your single product page price color, Font Weight, Font style, Font Size, Padding by this option.
  • Add to cart button –Customize your single product page’s add to cart button color, BG color, Font Weight, Font style, Font Size, Padding by this option.
  • Add to cart button hover –Customize your single product page’s add to cart button hover color, BG color, Font Weight, Font style, Font Size, Padding by this option.

Category page

The category page default design/ style come from global setting. Therefore, if you want to change only category page setting that also possible by this category page tab. In this tab you get a number of options like –

  • Page title – You can change your category page title color, BG color, Font Weight, Font style, Font Size, Padding by this option.
  • Product name – You can change your category page product name color, hover color, font weight, font style, font size, padding by this option.
  • Price – You can change your category page price color, Font Weight, Font style, Font Size, Padding by this option.
  • Add to Cart button – You can change your category page add to curt button color, BG color, Font Weight, Font style, Font Size, Padding by this option.
  • Add to Cart button hover – You can change your category page add to cart button hover color, BG color, Font Weight, Font style, Font Size, Padding by this option.

Tag page

Firstly, the design/style of tag page comes from global setting by default. However, if you want to change the style of tag page only that can be possible by this tab. This tab provides you various options like –

  • Page title – You can customize your tag page title by changing color, BG color, Font Weight, Font Style, Font Size, Padding by this option.
  • Product name – You can customize your tag page product name by changing color, hover color, Font Weight, Font Style, Font Size, Padding by this option.
  • Price – You can customize your tag page price by changing color, Font Weight, Font Style, Font Size, Padding by this option.
  • Add to Cart Button -You can customize your tag page add to cart button by changing color, BG color, Font Weight, Font Style, Font Size, Padding by this option.
  • Add to cart button hover -You can customize your tag page add to cart button hover by changing color, BG color, Font Weight, Font Style, Font Size, Padding by this option.

Save Current Setting As New Template

You can save your customize style as a template easily. Give a setting name and click on “save as Template” button.

 

Manage saved Template  

If you want to apply from your saved template, click on WC Beautifier> Templates. Click on “Apply This Style” from your saved template. And it will apply in your WooCommerce site. Simple!!

Import and Export your current settings Easily

You can import your current style for all pages easily. Go to WC Beautifier> Import/Export. Here, you see the some code inside the export field. Copy the code and save it in your computer to use later. When you need to import the style you just paste it into the import field. And click on import. That’s it.

 

I try to provide you full tutorial about WooCommerce Beautifier. If you have any query comment below. Thanks …

Read another article at Code Astrology blog

 

 

 

 

, ,

I would like to show product attributes as individual columns instead of all attributes within one cell

Plugin: Woo Product Table Pro – Making Quick Order Table

I would like to show product attributes as individual columns instead of all attributes within one cell.

Question: is it possible?
Answer: yes!

Yes, you can do that.
WooCommerce Store product attribute as Taxonomy. and you know that in our plugin, you able to show Taxonomy as individual column.

So you able to do it.
Suppose your attribute is: color,  your probable taxonomy key will be pa_color,
what will be taxonomy , you able to find it easily.
See following screenshot:
Woo product Table Attribute - Taxonomy as Column
For any new question about this topic, Please write your comment, We will try to solve it via comment.

AND how to add Taxonomy as column, See Following screenshot:

Taxonomy adding as column in basic tab
Hope: Everything is clear.
Thanks
Write your comment, if you have any question.
, , ,

E-commerce: A new door of Business

E-commerce (Electronic Commerce) becomes popular today. Many people who are even not thought about doing business, are now trying to involve into e-commerce. E-commerce is the easy, smart process that actually attracts the people.

E-commerce is buying and selling products on the online platform or using internet. You can use your personal computer, laptop even mobile for operating your daily business work. In e-commerce you need not mandatory office room or employees. You can handle all the transactions by setting your home. Today, e-commerce creates a wide market place and anyone like – small businessman, freelancers or even though large corporation knocking the door of e-commerce. Therefore, in global economy e-commerce is now fastest growing industries and every year it grows 23%.

E-Commerce Models

There are four main categories of Electronic Commerce. Its transactions involve simple classification. So, the four basic electronic commerce models are given below –

  1. B2B (Business to Consumer) – In business to business transactions companies doing business with business. In this process the final consumer is not involve. It’s only involving manufacturers, wholesalers, and retailers and so on.
  2. B2C (Business to Consumer) – In the process of business to consumer the company directly sell their products to the consumers by using their personal websites or using internet. Like – Amazon, Jabong, Flipkart and so on.
  3. C2C (Consumer to Consumer) – In this process the consumer directly contract with other consumers. It helps general people to buy and sell their personal products like – OLX, Quikr, Bikroy.com and many like this.
  4. C2B (Consumer to Business) – In Consumer to Business process consumers provide products for sell to the company. like– IT freelancer

Top E-commerce builder site – Wix.com, BigCommerce, Shopify, WooCommerce, Weebly, Volusion, 3dcart

Why people think about E Commerce

  • Scope of business is huge. People can reach a wider market place as well as remove the geographical barrier.
  • Transactional cost would be lower. In addition, people can possible get higher margin.
  • Quick response to customer can possible that can saves your times, money and energy.
  • Serve customers 24 hours. That actually helps to engage with the customers all the time.

 

,

How to Resolve 404 Error in WordPress Site

There are some common issues that the beginner face in WordPress. “404 Error” is one of them. But, don’t be scared. Like every issue and bug, this problem is also easy  to resolve.

Why 404 Error happened?

There are many reasons that’s why “404 error” shows  in your site. Like- May be you typed a url that doesn’t existed or changed or maybe your Permalink has been changed.

Now let’s see how to solve the issue.

Solution 1: Fix 404 Error by changing Permalink

Go to your WordPress Dashboard and click on Settings->Permalinks. From the Common Settings select Post Name.

 

Change Permalink Type

 

Click on “Save Changes” Button.

This will update your permalink settings which works for most of the 404 error. In case this doesn’t works, you can follow the second method.

Solution 2: Update .htaccess file

If first solution doesn’t work, try to update your .htaccess file. Login to your CPanel and connect to your WordPress root directory. Where you will find a file named .hcaccess. Download this file.

Update .htaccess file

 

Check if there has the following lines of code. Add the code if not exist.

# BEGIN WordPress

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

 

How to Import and Export Gutenberg Blocks

Do you know that the new blocks from Gutenberg is reusable? Yes, you can reuse the blocks in the updated version of WordPress. Today I’m going to show you how to reuse the Gutenberg blocks.

So, from the last WordPress update you can see that Gutenberg block editor is set as default editor. With the changes of time this block editor has added some advanced feature. Now you can use your blocks later on your site or another site.

What is reusable Gutenberg Blocks?

You can Import and Export your Gutenberg Blocks easily. This reusable Gutenberg blocks lessen the time to reuse a special section of your site frequently. The Gutenberg blocks can be used for a call-to-action in any place of your blog post, testimonial, widget area, feedback, header, footer etc.

Now lets see how to import and export Gutenberg blocks.

Step 1: Save your blocks to use later

If you want to use a block later on WordPress, then save the blocks giving a unique name. For this, when working on a blocks click on the three dot icon above your block (see the screenshot below).

There will be a window from which click on Add to Reusable Blocks.

 

Add to reusable blocks

 

Now, input the block name in text field and save the changes.

 

Save as reusable blocks

 

So, your block is now saved as reusable which you can use as a template later.

Step 2: Export your Gutenberg block

To export a block click on the (+) sign of your blocks left to your page. From there click on Reusable.

 

Export reusable blocks

 

Now, a window will appear, from where you can search blocks or click on Manage All Reusable Blocks button.

 

Manage all reusable blocks

 

You can see all the blocks you have saved before. Click on the block which one you want to Export.

 

Export blocks as JSON file

 

Hovering mouse on the blocks you can see the Edit, Trash and Export as JSON option. Click on Export as JSON to export the blocks. From your downloaded folder see the JSON file.

Step 3: Import Your Gutenberg Blocks

To Import blocks from your HDD navigate to block section (see the first two images of Step 2). Then click on Import from JSON button. A small window will appear from where click on Choose File Button.

 

Import from JSON

 

Now, choose the file from your HDD location.

 

Choose the JSON file to Import Block

 

Finally, click on Import Button to import your block file.

Click on Import Button

 

And finally you have successfully imported block to your site.

Using this technique you can Import and Export Gutenberg Blocks to another site or reuse the blocks later on your same site. You can also see my previous article on Disabling Gutenberg Editor and Replace Gutenberg Editor with Classic Editor.

 

 

,

How to Add Social Media Icons To WordPress

Do you want to increase visitors on your WordPress site? There are many ways to do that. One of them is to add a social media icons to WordPress site. It’s easiest and most important way to increase visitor on your site.

In this article I’ve used Social Media Share Buttons & Social Sharing Icons to create the social media icons. Let’s see how does it work.

Step 1: Install and activate the plugin

First of all, install Social Media Share Buttons & Social Sharing Icons from WordPress plugins archive. You may go through how to Install a WordPress plugin.

 

Social Media Share Buttons & Social Sharing Icons

Social Media Share Buttons & Social Sharing Icons

 

Step 2: Configure the plugin

Please configure the plugin following the sub-steps below.

Select the the social media

After activating the plugin, head over to Dashboard of your site. Then, from the left panel click on Ultimate Social Media Icons.

 

choose which icons to share

Choose which icons to share

 

Then, there will be several settings to configure. Click on the first item saying ‘Which icons do you want to show on your site?’. From there choose the social media icons that you want to show in your site.

 

Choose icons

 

Select the action

Now click on second question from the same page as shown in the picture below. There will be several checkbox from which choose the action you want. For instance, tick the third checkbox from Facebook option if you want to share your your blog with Facebook Friends.

 

share with facebook

Share with facebook

 

Choose the Position

Then from the third option choose your desired position. There are many ways to choose position. You can show the share icon through widget area, define the location on the page, place it via shortcode or show icons after post. Choose your best one.

 

Choose the position

Choose the position

 

Here I’ve marked widget, so I need to select to widget area.

Choose sidebar area to show icon

Choose sidebar area to show icon

Choose widget area to show icon

Choose widget area to show icon


Step 3: Publish the post

At last, publish the post. You are done. See how does it look in the left sidebar.

You may like to read how to Add Click To Tweet Button on WordPress and The top 9 Social Media Plugins of WordPress.

I hope you have got how to add Social Media Icons to WordPress site. If you have any question, let me know that in comment section.

Change the WooCommerce Add To Cart Text

Are you fed up with the default add to cart button on your site? If yes, then follow this article. In this step by step article I’m going to show you how to change the woocommerce add to cart text.

Change the WooCommerce Add To Cart Text for Single Product page

You can easily change the add cart button text editing your functions.php file. Just add the code below in your themes functions.php file. Also you may navigate to Your_Site->wp-includes->functions.php

 

 /**
Change the Button label.
 */
function thenga_single_add_to_cart_text( $text ) {
    return __( 'Buy', 'textdomain' );
}
add_filter( 'woocommerce_product_single_add_to_cart_text', 'thenga_single_add_to_cart_text', 10, 1 );

If you need another label than replace ‘Buy’ with your selected one.

Change the WooCommerce Add To Cart Text for Archive Products/Shop Page

You may need to change the add to cart button label for archive products. To change the button label for archive products simply add these line below in your functions.php file in your themes directory.

/**
Add to cart button label for archive products
*/

add_filter( 'add_to_cart_text', 'woo_custom_product_add_to_cart_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_product_add_to_cart_text' );
  
function woo_custom_product_add_to_cart_text() {
  
    return __( 'Buy Now', 'woocommerce' );
  
}

If you want to use any other label then change the word ‘Buy Now’ to your preferred one.

Change for variable Product

You can change add to cart button for variable product for variable product. Just use the code below.

/**
Change add to cart button for variable product
*/
add_filter('variable_add_to_cart_text', 'my_custom_cart_button_text');

function my_custom_cart_button_text() {

        return __('Select Product', 'woocommerce');

}

 

Change the WooCommerce Add To Cart Text by Plugin

If you are not familiar with coding you can do all the stuff with plugin. There are couple of plugins to do this. Among them I recommend you using WooCommerce add to cart Text change plugin. With this plugin you can change your default WooCommerce text on various page like shop page, archive page and product page. There is a advantage that you can use only cart icon on add to cart button.

 

woocommerce add to cart text change

Dashboard of woocommerce add to cart text change

See how does it looks after changing the selected option.

 

woocommerce add to cart text change

Changed Add To Cart Text

Related article: If you don’t know how to install a WordPress plugin please see Managing a WordPress Plugin.

I hope you have got the point to Change the WooCommerce Add To Cart Text. If you have any related issue leave a comment below.

, ,

How to Disable Gutenberg and Keep the WordPress Classic Editor

Do you want to disable Gutenberg and keep the WordPress Classic Editor? Go through the step by step article. WordPress 5.0 has been released. In this update WordPress has used Gutenberg as their default editor. But some users like the old Classic editor. Though Gutenberg is mainly an advanced page builder, it needs some time to fit it completely with core WordPress.

How to Disable Gutenberg and Keep the WordPress Classic Editor?

Following this process your default editor will be classic editor but you can switch to Gutenberg anytime. For this you just need install and activate Classic Editor of WordPress.

To install Classic editor head over to Plugins directory from your Dashboard. You can navigate to Dashboard->Plugins->Add New and here type the keyword Classic Editor in the search box.

 

Install Classic Editor

Install Classic Editor

 

After installation activate the newly installed plugin. For this you can go to Dashboard->Plugins->Installed Plugins

 

Activate Classic Editor

Activate Classic Editor

 

Then click on Activate button of Classic editor as shown in the screenshot.

You’re done. Activating Classic editor will replace Gutenberg from default editor. But you use Gutenberg whenever you want.

 

Notice: If you don’t know how to install a WordPress Plugin, you can go through How to manage WordPress Plugin.

 

How to Switch from Classic editor to Gutenberg?

 

|Following the steps above you can switch to Gutenberg from Classic editor anytime. You can use Gutenberg while writing a Page/Post.

To move to Gutenberg just move to to bottom of a page or post. At the right sidebar of a Page/Post you can see a section named Editor. From there click on Switch to Block Editor.

Switch to Gutenberg Editor

Switch to Gutenberg Editor

 

This will switch your Classic editor to Gutenberg. At the same time you can back to Classic editor.

 

Switch to Gutenberg Editor

Switch to Gutenberg Editor

 

This is all for now. You may also like to read how to replace Gutenberg with Classic editor.

I hope you this will help you to Disable Gutenberg and Keep the WordPress Classic Editor. If you have any questions beyond this article, feel free to leave a comment below.

, ,

How to Replace Gutenberg With Classic Editor

Have you upgraded your WordPress to 5.0? If yes, then you may notice some changes in the upgraded version like in the editor section. Since Gutenberg is set as default editor in the latest version of WordPress, some are trying to back to classic editor. In this step by step guide I’m going to show you how to Replace Gutenberg With Classic Editor.

Do you want to disable Gutenberg and back to Classic editor for your WordPress site? You can use classic editor in two ways.

  • Disable Gutenberg & use only Classic editor
  • Use Gutenberg along with Classic WordPress editor

However, in this article I’m showing how to disable Gutenberg and use only Classic editor. In another article I’ll show how to use Classic editor along with Classic WordPress editor.

Disable Gutenberg & use only Classic editor

Follow the steps below to disable Gutenberg and use only the Classic editor. Remember, you can come back to Gutenberg whenever you want.

Step 1: Install and Activate Disable Gutenberg Plugin

First of all install Disable Gutenberg plugin. To install go to WordPress Plugins directory from your Dashboard. For this you can navigate to Dashboard->Plugins->Add New and in the search box type the keyword Disable Gutenberg.

You will see a couple of plugins. Install the right one like given in the screenshot.

 

Disable Gutenberg plugin

Disable Gutenberg plugin

 

After successful installation Activate the plugin from there. You can also do it from Plugin section of WordPress Dashboard.

 

Notice: If you don’t know how to install a WordPress Plugin, you can go through How to manage WordPress Plugin.

 

Step 2: Complete Disable Gutenberg from Settings

Now head over to Disable Gutenberg Tab from Settings of Dashboard. You can also navigate to Dashboard->Settings->Disable Gutenberg

 

Complete disable Gutenberg

Complete disable Gutenberg

 

From this page tick the Checkbox named for Complete Disable. This will Disable Gutenberg everywhere of your WordPress site. Finally click on the the Save Changes button.

Doing this you will be back to old Classic editor of WordPress.

If you want to switch to Classic editor but keep the Gutenberg read disable Gutenberg and keep the WordPress Classic Editor.

This is all for today. I hope you have got how to Replace Gutenberg With Classic Editor. If you have any issue around this leave a comment here.

,

How to Clone WordPress with Wp Clone in a Single Click

There are several plugin to clone your WordPress site. Some of them are paid and some are free to use. But most of the time beginner fall in trouble with the procedure of taking backup and restore WordPress site. Today I’ll show you how to clone a WordPress site in step by step.

What is cloning? Why should you clone your site?

If you are using WordPress for a long time then you may fall in trouble with your site. It may be hacked, infected by malware or any types of issue with your site. In that case your all valuable information may be lost.

For this reason you should make a backup of your WordPress site to make it sure your site is secured to restore anytime.

There are couple of plugins to backup and restore WordPress site. In this article I’ve used Wp Clone By Wp Academy

that is easy to use. Now let’s see how to clone your WordPress site. Why I’m using Wp Clone?

  • Because it is totally free
  • Easy to use
  • One click backup and restore feature
  • No need to sign up

Step 1: Install and activate Wp Clone

First of all go to WordPress plugin’s directory and search for the keyword Wp Clone. To do so navigate to Dashboard->Plugin->Add New.

Install and active Wp Clone

Install and active Wp Clone

A list of plugin will be available among them install and activate Wp Clone By Wp Academy.

If you don’t know how to install a plugin you can see our previous tutorial about How to Manage a WordPress Plugin.

Step 2: Create a backup of your site

Creating a backup is so easy that a beginner can easily manage this plugin. To create a backup just head over to Wp Clone from Dashboard. Also you may navigate to Dashboard->Wp Clone.

Create a backup

Create a backup

From the new page select the checkbox called Create Backup and click on Create Backup button. It will take some time upon your site size. If your site is large than you may take a custom backup. For example, if your site have some video file of about more than 1 GB then it may take a bit more time to create a backup. To reduce the backup size and required time just exclude those video files from backup.

After a successful backup you will be redirected to a page that says Backup Successful! You can see a backup url that you can use to restore your site.

Step 3: Restore from backup

You can Restore from backup in two ways.

  • From the zip file given in the table
  • From the backup url address

 

⇒ Restore backup from table’s zip file

To restore backup from the zip file shown in the table just tick the checkbox called Restore Backup. Then select the checkbox field I AGREE and finally click on Restore Backup button.  A popup message will appear asking restore permission. Allow the permission. Restoring the backup may take some time upon your backup size.

Restore backup from zip

Restore backup from table’s zip

After a successful restore page will reload automatically including a message Restore Successful!

 

⇒ Restore from the backup link

Restore from respected backup link is alike the previously described process. To restore from the respected backup link just copy the backup link url and paste it in box called Restore from URL. You can get the link from the tables column named log. Right click on that and copy that link address (Here I’m using chrome. So screenshot may changes upon your browser or browser version)

Restore backup from link

Restore backup from link

So this is the easiest way to clone a WordPress site. I hope you’ve gotten the procedure. If you found a more easy way to create backup and restore that please let us know so that we may update. Have any question? Leave a comment below.

 

,

How to Install and Manage WordPress Plugin – Beginner’s Guide

Managing a WordPress plugin is so easy but a beginner may face complication. In this step by step guide we will show how how to Install and Manage WordPress Plugin for beginners.

If you are using WordPress for a long time then then you’ve come across the time that some plugins we use regularly and some are less necessary to keep it in site. Some becomes unused and there are other plugins that we shift in. So we need to deactivate and uninstall those unused plugin.

How to Install a WordPress Plugin

You can Install a WordPress plugin in two ways. You may install the plugin from WordPress plugins page also you can directly install zip file of a plugin.

1. Install from WordPress Plugin’s Directory

Installing a plugin is a so easy task. Simply go to plugins page from Dashboard. Navigate to Dashboard->Plugins->Add New

Here in the search Search Plugin box type the plugin name you want to install.

 

Install a plugin

Install a plugin

 

Some plugins related with that keyword will be shown. Install the preferred one and click on Activate button.

 

activate plugin

Activate plugin

 

Here I’ve used Woo Product Table Plugin that are awesome to create WooCommerce Product Table.

 

2. Install a Zip file Manually

To install a plugin from a zip file, navigate to Dashboard->Plugins->Add New->Upload Plugin

Here click on choose file and select the file from your storage.

 

install from storage

Install from storage

Click on Install Now after the file is selected .

 

install now

Install plugin

 

Then click on activate to activate the plugin.

 

How to Uninstall a WordPress Plugin

To uninstall a  WordPress plugin first navigate to Dashboard->Plugin->Installed Plugin and from here click on the plugin to uninstall.

 

deactive plugin

Deactivate plugin

 

Here we’ll deactivate Akismet Anti-Spam plugin. So simply click on deactivate. Remember deactivate won’t make uninstall your plugin. It only close down its activity/functionality on WordPress. You need to go one more step to delete that if you found that plugin inappropriate for your website.

To delete the plugin from WordPress click on delete right to plugins activate option.

 

delete plugin

Delete plugin

 

How to Deactivate/Delete all Plugin at once

Times come up when you need to delete all plugin or  some plugin at once. Using the bulk action you can easily deactivate and delete all or some of your plugin as you want. Just go to plugins page from Dashboard.

Navigate to Dashboard->Plugin->Installed Plugin. Here appear a list of your installed plugins. You can see a checkbox left to the plugins name. Tick the check boxes which you want to deactivate/delete. Then  click on Bulk Actions drop-down menu. A list appear including Activate and Deactivate option. Select Deactivate and click on apply right to the drop-down menu.  Thus you can Deactivate your selected plugins.

 

bulk deactive plugin

Bulk deactivate plugin

 

If you wish to Delete those plugin select Delete from the drop-down menu and click apply.

Drop from Database

After deleting plugins sometimes there may additional file created outside the plugin folder. So it’ll be better to delete them  from database. To delete from database simply go to your phpmyadmin. Before changing anything make sure you have backed up your database.

Go to your database and  tick the checkbox you want to delete the database relate with. And from below the table click on With selected text-box. A drop-down menu will appear there from which select Drop.

 

drop database column

Drop database column

 

A warning will be given from which choose Yes. Now your selected database table will be dropped and deleted.

 

Confirmation delete database

Confirmation delete database

 

So managing a WordPress plugin is so easy, right? If you have a particular question about managing a plugin leave a comment bellow.

I hope you have got how to install and manage WordPress plugin. If you like this article you may also like Must have free WordPress Plugin for your site.  Have any question about managing a plugin? leave a comment below.

, ,

How To Fix White Screen Of Death Of WordPress

If you’re using WordPress for a long time then you may come across the term named The White Screen Of Death (WSOD). This is a one of the worst error that a beginner falls in and get in deep trouble. Following some steps this error can be fixed. Today we’ll go through the possible ways to Fix White Screen Of Death error in WordPress.

First let’s have a look why this problem occur. The WSOD can cause for some couple of reason. Probable reasons are listed below.

  • Poor memory limit
  • Incompatibility between Themes or Plugins
  • Syntax error

 

In five steps we’ll try to Fix White Screen Of Death issue.

  1. Increase Memory Limits

  2. Disable Themes and Plugins

  3. Fix in Syntax Errors

  4. Enable Debug Mode

  5. Check File Permission

1. Increase Memory Limits

Most of the time we use a shared hosting server that are given a lower memory to function properly a for a wide range of plugins or themes. Then the exhausted memory causes this problem.

To resolve this problem you need to increase the memory. Locate your wp-config.php file using your FTP manager and edit this file. Add the code given below to the file.

define(‘WP_MEMORY_LIMIT’, ‘64M’);

If this doesn’t resolve the problem you can increase memory limit through .htaccess file that are in your sites root directory. Simply add the following line in your .htaccess file.

php_value memory_limit 64M

If you have issue with poor memory hope this’ll Fix White Screen Of Death issue.

 

2. Disable Themes and Plugins

Sometimes this problem may cause for incompatibility of themes or plugins. To find the culprits you’ve to do the followings.

First of all deactivate all your themes installed in WordPress and refresh the page where the problem occur. See whether the problems fixes or not. If it is ok then the problem lies in your themes. To find the individual one causing problem activate your theme one by one. After activating the theme if the White Screen Of Death occurs again then the theme is responsible for causing the error.

After you find the accused theme for the error you can contact with it’s developer to solve this issue.

Same problem may lies in for a specific plugin. Solve for this issue is same as for theme. Follow those steps to find the theme responsible for the error.

3. Fix in Syntax Errors

If you use a poorly coded themes or plugin that may also cause the The White Screen Of Death may occurs. When there is a character less or more than it demands then the error occurs. If the error is relate to wp-config.php or functions.php then find the associated file by FTP manager and look into that if there is a blank line before opening or after closing a php tag. Delete those blank line and saving the file reload the page. Hope this will fix the issue if it relates with Syntax Error.

4. Enable Debug Mode

If you failed to detect the problem lies in then enable  WP_DEBUG feature to find it. Open your wp-config.php file through FTP manager once again and add the line below

define('WP_DEBUG', true);

define('WP_DEBUG_LOG', true);

define('WP_DEBUG_DISPLAY', false);

 

Save the file and reload the page. Now you will be given the clue where the problem hidden in. Locate that file and if you are familiar with coding a bit then resolve the issue

5. Check File Permission

If all the attempts go in vain then check your file permission. A wrong file permission may cause this error. Check and reconfigure your file if it have any issues. For instance

  • Change File Permission value to 644
  • Folder Permission value to 755

 

We know that this is one of the most confusing errors of WordPress. But we hope that one of the solutions above will help you to Fix White Screen Of Death Of WordPress error. If you find this article useful that stay tuning with Code Astrology blog.

, ,

Common Errors in WordPress and How to Fix Them

Sometime we face problems in our WordPress site. Today i’ll discuss three common error of WordPress and possible ways to fix them.

How to fix WordPress Syntax Errors

Most of the time a beginner face the syntax error. It’s a common problem in WordPress. Most of the time the problem caused in php file. When there is a missing syntax like semicolon, colon,underscore or any types of syntax that are used in php we get a error message on browser. If you face the same problem don’t be panicked. It’s easy to solve .

( ! ) Parse error: syntax error, unexpected ‘,’ in C:\wamp64\www\test_site\wp-content\themes\twentyseventeen\functions.php on line 376

There is a syntax/parse error in my twentyseventeen theme’s functions.php file on line 376.

So we’ll locate functions.php file find the problem and fix it.

syntax error

Syntax error


Here in the function.php’s 376 number line there is an additional comma(,) that is causing the error. Just remove the comma(,) and save the file. Then reload the page. And it works fine.

How to Fix 404 Not Found Error

 

Fix in Permalinks

Most of the time this error is caused for your permalinks structure. If the problem caused in permalinks then simply navigate to Dashboard->Settings->Permalinks. Set the permalinks type to Post name as shown below and save changes.

Permalinks structure

Permalinks structure


Hope this will work.

Edit .Htaccess

Sometimes this problem is caused for .Htaccess file in your theme. Modifying that file may solve the problem. Make your .Htaccess file like shown below.

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /test_site/
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /test_site/index.php [L]
</IfModule>

# END WordPress

Note: Here tests_site is my site directory on localhost. Use your own.

How to Fix Connection Timed Out Error

Sometime we face this error that say Connection Timed out. This may cause for exceeding maximum execution time but no response from server.

May be you are using a shared bandwidth that are slowing down your server. In that case upgrade your hosting plan.

Sometimes it may caused for a plugin. To solve this deactivate your plugin one by one and detect where it lies in.

Increasing your php memory may solve the issue. Just go to  wp-config.php file and add the line below.

define( ‘WP_MEMORY_LIMIT’, ’64M’ );

 

To get more tips and tricks like this stay with Code Astrology.

 

, , ,

WooCommerce Custom Taxonomy – Adding And Customizing

WooCommerce Custom Taxonomy is the feature to show extra product data based on a class. It may be your product color, size or may be style.

 

What is WooCommerce Custom Taxonomy/WooCommerce Custom Field?

Most WordPress beginner face conflict between Custom Taxonomy and Custom Field. So let’s clear the conflict in a brief.

First of all, the both items are used to show extra product data. But there are some types of data we use for each product individually like product title, price, e-mail, maps. In that case use Custom Field.

On the other hand, sometimes we need to classify a group of product like color, size, category etc. Use Custom Taxonomy to classify a group of product.

So you can use WooCommerce Custom Taxonomy and WooCommerce Custom Field to show extra product information. Use Custom Taxonomy to show the info of a group of product and Custom Field to show individual info of a single product.

However, this article is about using Custom Taxonomy. If you want to know more about Custom Field see How to Use Custom Fields?

 

How to add WooCommerce Custom Taxonomy?

Adding a WooCommerce Custom Taxonomy requires a plugin. There are some plugin to perform that. Among them I suggest to use Custom Post Types and Custom Fields creator – WCK as it is user friendly.

Now I’ll show step by step how to add and show Custom Taxonomy in WooCommerce.

Step 1: Installation the required plugin

First navigate to Dashboard->Plugin->Add New and in the Search Plugin text-box type WCK. There will appear some plugin. Among them install and active Custom Post Types and Custom Fields creator – WCK.

 

install custom field creator

Installation of custom field creator

 

Step 2: Create Custom Taxonomy

Follow the steps below to create custom Taxonomy

  • Navigate to Dashboard->WCK->Taxonomy Creator
  • From here create a Taxonomy Name (The name of the taxonomy. Name must not contain capital letters or spaces.)
  • Input the Singular Label
  • Input the Plural Label
  • Select Attach to option. Also Select product if you want to add the taxonomy for product.
  • Select Hierarchical true

And finally add the entry.

 

create taxonomy

Create custom taxonomy

 

I want to add custom Taxonomy to my product to show the products color information. So in the picture given above I’ve added a Taxonomy named color and attached it to product.

Step 3: Add product

Now head over to Dashboard->Product->Add New (or edit an existing one)

Input the Product Name in Add New Product text-box.

 

add product name

Add product name

 

Step 4: Add Product image

Head over to sidebar and click on Set product image from product image section.

 

set product image

Set product image

 

Click on Upload Files->Select Files and select the image file for your product.

After selecting the image file click on Set product image button as given in screenshot.

 

upload product image

Uploading product image

 

Step 5: Input the Taxonomy for product

Here the created value taxonomy was Color (in step 2). So at the sidebar there will be a section called Color.

Now we’ll input the value of color for this product. To input the color name click on +Add New Color and input the value in the text-box. Finally click on the Add New Color button.

 

input color name

Image input color name

 

Now click on Publish button from top right sidebar.
Click on View Page to see the changes done.

There is a plugin named Woo Product Table Pro by which you can show the Custom Taxonomy in a Product Table in a dynamic way. Using the plugin the product table may look like

 

 Color variation in product table

Color variation in product table

 

In the table you can see a column red marked Color showing the color of different product.

So isn’t it easy to make WooCommerce Custom Taxonomy and show the Custom Taxonomy in product table. Whatever I know making some easy tasks beginner falls in problem. If you face any problem please go through the comment section.