WordPress Toolbar / Adminbar Ko Hide Aur Customize Kaise Kare

WordPress Toolbar / Adminbar Ko Hide Aur Customize Kaise Kare

Hello Friends, if you are a wordpress user, whenever you are logged in to the site, then after visiting the site, the adminbar shows up. Many people are upset by this and think about hiding. If you too are thinking about disable / remove or customize your site adminbar, then read this post till last.
wordpress toolbar ko hide kaise kare
When you are logged in WordPress, toolbar shows automatically at the top of the site. These show in both the dashboard and front page area of ​​the toolbar site. Some important links are added to it. Some users do not like this.
You all must know that wordpress is an open source cms. In this, you are allowed manual customization. That is, you can easily customize it even without a plugin. For this, you should have knowledge of coding.
If you are a developer, it is very easy for you to customize the wordpress site. There should be knowledge of coding like html, php, javascript for its development. This will make it very easy for you to customize the wordpress site.
Table of Contents
Many people may not know the wordpress toolbar properly yet. Therefore, you have been told that when you login in wordpress, after that the toolbar shows in the top of the site. First of all, understand from the example below.
WordPress Toolbar / Adminbar Ko Hide Aur Customize Kaise Kare 1
In the screenshot above, you can see that the toolbar at the top of the site is showing. There are some important links in it. Like in it you can visit page / post / media, edit your profile and site / dashboard. The Admin bar was introduced in wordpress 3.1 version only. It shows all logged in users of wordpress. You can also show / hide it according to user permission.
There are many methods to disable it. We will tell you some method below, by which you will be able to manually hide or remove the toolbar. Let us know all the methods one by one. You can disable the WordPress Toolbar by following what you find easy.

Method 1: Through WP Dashboard:

This method is the simplest and easiest. It will not take you even 1 minute. Anyone will easily understand this method.
For this, first you have to login to your WordPress site and enter in the dashboard. Now you Users »Your Profile Have to go in
WordPress Toolbar / Adminbar Ko Hide Aur Customize Kaise Kare 2
Now you here “Show Toolbar when viewing the site” Will have to be unchecked. after that Save changes Click on After that the toolbar will have been hidden from the front-end of your site. But toolbar will not be hidden from the dashboard area of ​​your site. That is, it will be hidden from the front-end of the site and will be displayed in the back-end.

Method 2: By Adding Code in Theme Functions:

This method may be more difficult for the new wordpress user. Because in this you should know a little bit of coding. We will tell you a code below, which you will need to add to your theme's functions.php. After this the toolbar will be hidden from your site.
First login to your site, after that you will Appearance »Editor I have to go. Now open the Functions.php file and add the following code to it.
add_filter ('show_admin_bar', '__return_false');
After adding this code Save changes Please do it.
Or
Apart from this, you can also hide the adminbar with the help of the code given below. For this, you add this code to functions.php.
function hide_admin_bar () {return false; }
add_filter ('show_admin_bar', 'hide_admin_bar');

Method 3: Hide Toolbar with CSS:

This method is also similar to the other method. In this also, you have to add a code to the CSS file of the incoming theme. After that the toolbar will be hidden from the front-end of your site but it will show in the back-end.
After login to the blog for this Appearance »Editor Go to and open the Style.css file and add the codes below.
@media screen and (max-width: 675px) {
    #wpadminbar {
display: none;
}
html {
position: absolute;
top: -28px;
}
}
Now Save changes Please click on
After that you can now see that the toolbar has been hidden from the front-end in your site. In this way you can easily hide the toolbar. If you want to customize the toolbar or add a new link to it, then below we are going to tell you about it.
If you want to remove the wordpress logo from the toolbar of your site, then for this I am going to tell you a very simple method. With which you will be able to remove the logo from the toolbar even without the plugin.
First of all, login to your wordpress. after that Appearance »Editor Go into and open the functions.php and add the code below.
add_action ('admin_bar_menu', 'remove_wp_logo', 999);
function remove_wp_logo ($ wp_admin_bar) {
    $ wp_admin_bar-> remove_node ('wp-logo');
}
Now after that click on Save Changes.
You all know that only some important links are added in the adminbar. In this, you will get a link to Dashboard, Front Site, Post, Comment, Customize and Your Profile. If you want to add an important link to yourself, you can do it.
However, more level plugin is used for this but you can easily do it without plugin. Just you have to add some codes to your theme's functions.php. Let us know very well.
First you login to your blog Dashboard »Appearance» Editor Go into functions.php Open the file. In this, you have to add the following code.
add_action ('admin_bar_menu', 'Toolbar_link_to_mypage', 999);
function Toolbar_link_to_mypage ($ wp_admin_bar) {
$ args = array (
'id' => ' my_page',
'title' => 'My page',
'href' => 'Link address',
'meta' => array ('class' =>' my-toolbar-page')
);
$ wp_admin_bar-> add_node ($ args);
}
In this code red color Put your own value in place of words. and now Save changes Click on
Now, try visiting your blog. In this way you can easily remove or customize toolbar. This was very easy method, which you will understand easily.
In this way the wordpress user can hide or remove toolbar from their site. You can also hide it through the plugin. But manually it is better. So, you can hide the toolbar by any of the three methods mentioned above.

Friends, how did you like this post? Do let us know in the comment. If you like this post, then share it in social media. If you have any questions related to blogging and internet, then comment.

Comments

Popular posts from this blog

Gujarat Technological University (gtu) Exam Results 2019

Engineering Mathematics - IV: Strictly as per requirements

GTU - Gujarat Technological University, Gandhinagar