DEV Community: Aman Mehra

How to Hide Admin Bar in WordPress?

Aman Mehra — Tue, 10 Aug 2021 08:18:47 +0000

There are many ways to hide the admin bar and many reasons you may want to hide the admin bar. You can do this by adding some code in your theme’s functions.php file.

Disable the WordPress Admin Bar for All Users

add_filter(‘show_admin_bar’, ‘__return_false’);

Disable the WordPress Admin Bar for Specific User Roles

function hide_admin_bar( $show ) {
    if ( current_user_can( 'subscriber' ) || current_user_can( 'author' ) ) :
        return false;
    endif;

    return $show;
}
add_filter( 'show_admin_bar', 'hide_admin_bar' );

Disable the WordPress Admin Bar for All Users Except Administrators

function hide_admin_bar( $show ) {

    if ( ! current_user_can( 'administrator' ) ) :
        return false;
    endif;

    return $show;

}
add_filter( 'show_admin_bar', 'hide_admin_bar' );

You can hide admin bar on any condition based. More wordpress tutorial on www.yourblogcoach.com

Custom WooCommerce Product View Counter

Aman Mehra — Sat, 07 Aug 2021 08:27:45 +0000

The product view counter is a count of the total page view of that specific product page. This means when someone visits your product page then this counter will auto-increment each time. It will increment one by one and show you the total views of that page.

Why you should add it? Because it is a very powerful impression for visitors and when they look this product has that many views then it will think about to go with this product and have it.

Custom WooCommerce Product View Counter

To make a custom product view counter in woocommerce, we will make a hook function to add a post meta field in the wp_postmeta table.

Functions reference:

To get the post meta field based on product ID get_post_meta()
To update the post meta field update_post_meta()
To show counter on product page woocommerce_before_add_to_cart_button
To show counter on shop page or archove page woocommerce_after_shop_loop_item

add_action('wp', 'product_view_counter'); 
function product_view_counter() { 

         global $post; 
         if ( is_product() ){ 
             $meta = get_post_meta( $post->ID, '_total_views_count', TRUE ); 
             $meta = ($meta) ? $meta + 1 : 1;  
             update_post_meta( $post->ID, '_total_views_count', $meta ); 
         } 

}

Add the above code in your active theme’s functions.php file, I’ll recommend using a child theme for any functionality.

Show them on the product page.

add_action( 'woocommerce_before_add_to_cart_button', 'show_product_view_counter_on_product_page', 10); 
    function show_product_view_counter_on_product_page() { 

        global $product; 
        $id = $product->id;          
        $meta = get_post_meta( $id, '_total_views_count', true); 
        if(!$meta) { 
            $count = 0; 
        } else {         
            $count = $meta;  
        }        
        echo "<div class="custom-visitor-count"><i class="fa fa-eye"></i><span class="counter-value">".$count." Views</span></div>"; 

}

You can also show the counter on product archive page/shop page with this action hook woocommerce_after_shop_loop_item.

And also make a conditions in the code for product view counter based on IP address.

How to Disable Widget Block Editor in WordPress?

Aman Mehra — Fri, 06 Aug 2021 11:04:44 +0000

In the latest version of WordPress 5.8 comes with some new features and one of them is Widget Block Editor. Widget block editor has based on the Gutenberg editor that you have in post add/edit.

So here, we will see how to disable the widget block editor in WordPress and get back to the classic editor.

Using the use_widgets_block_editor

Just add the following one-line code in your active theme’s functions.php file and save it.

add_filter( 'use_widgets_block_editor', '__return_false' );

Using the rempove_theme_support

The function remove_theme_support(‘widget-block-editor’) will disable the block editor. See the code below.

function disable_wbe_theme_support() {
    remove_theme_support( 'widgets-block-editor' );
}
add_action( 'after_setup_theme', 'disable_wbe_theme_support' );

Using the Plugins

You can also use the plugin to disable the block widget editor and get back your classic widget area.

You need to just install the plugins and activate it and follow the settings if they have one.

The are the two plugin to disable the widget block editor.

You can see full tutorial on disable widget block editor and how to install plugins.