ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৫] :: কিভাবে Admin Bar Color পরিবর্তন করবেন?

ওয়ার্ডপ্রেস ডেভলপমেন্ট

• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০১] :: এ্যাডমিনবার থেকে 28px রিমোভ করুন
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০২] :: এ্যাডমিনবারে নতুন মেনু যোগ করার পদ্ধতি
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৩] :: ওয়ার্ডপ্রেস লোগো রিমোভ করুন এ্যাডমিনবার থেকে
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৪] :: ওয়ার্ডপ্রেস সাইটে ইউজাররা পোস্ট লিখলে পেন্ডিং থাকবে এ্যাডমিন পাবলিশ করবে, পদ্ধতিটি কিভাবে করবেন? দেখুন
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৫] :: কিভাবে Admin Bar Color পরিবর্তন করবেন?
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৬] :: কিভাবে আপনার ওয়ার্ডপ্রেস সাইটের এ্যাডমিন বারে নতুন মেনু যোগ করবেন?
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৭] :: সকল ভিজিটরদের থেকে কিভাবে এ্যাডমিনবার হাইড করবেন
• ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৮] :: শুধু এ্যাডমিনদের জন WordPress Adminbar শো করাবেন যেভাবে

সবাই কেমন আছেন? আশা করি সবাই ভালো আছেন, আজ আপনাদের দেখাবে কিভাবে আপনার ওয়ার্ডপ্রেস ওয়েব সাইটের Admin Bar Color পরিবর্তন করবেন? যারা ওয়ার্ডপ্রেস কোডিং জানে না তাদের জন্য হয়তো অনেক কিছু/কষ্টের/ভ্যাঝাল মনে হবে 🙂 কিন্তু এটা সহজ জিনিস।

শুধু আপনার ওয়েব সাইটের একটিভ থিমটির functions.php ফাইলটি ওপেন করুন এবার একদম নিচে দেখুন ?> চিহ্ন আছে, সেই চিহ্নটির উপরে আমাদের দেয়া কোড গুলো কপি করে পেষ্ট করুন, এবং সেভ করুন, এবার রিলোড দিয়ে দেখুন, আশা করি পরিবর্তন হয়ে যাবে 🙂

/*
* Change the Admin Bar Color Scheme
*/
function change_adminbar_colors() {
$change_adminbar_colors = '<style type="text/css">
#wpadminbar *, #wpadminbar{ color:#ffffff;text-shadow:#444444 0 -1px 0;
}
#wpadminbar{
background-color:#003399;
background-image:-ms-linear-gradient(bottom,#000033,#003399
5px);
background-image:-moz-linear-gradient(bottom,#000033,#003399
5px);
background-image:-o-linear-gradient(bottom,#000033,#003399
5px);
background-image:-webkit-gradient(linear,left bottom,left
top,from(#000033),to(#003399));
background-image:-webkit-linear-gradient(bottom,#000033,#003399
5px);
background-image:linear-gradient(bottom,#000033,#003399 5px);
}
/* menu separators */
#wpadminbar .quicklinks>ul>li{border-right:1px solid #003399;}
#wpadminbar .quicklinks>ul>li>a,#wpadminbar .quicklinks>ul>li>.abempty-
item{border-right:1px solid #000033;}
#wpadminbar .quicklinks .ab-top-secondary>li{border-left:1px solid
#000033;}
#wpadminbar .quicklinks .ab-top-secondary>li>a,#wpadminbar
.quicklinks .ab-top-secondary>li>.ab-empty-item{border-left:1px solid #003399;}
/* menu hover color and hover link color */
#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar
.ab-top-menu>li.menupop.hover>.ab-item{background:#333333;color:#ffffff;}
#wpadminbar .hover .ab-label,#wpadminbar.nojq .ab-item:focus .ablabel{
color:#ffffff;}
#wpadminbar .menupop.hover .ab-label{color:#ffffff;}
/* menu, on mouse over hover colors */
#wpadminbar .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-topmenu>
li.hover>.ab-item,#wpadminbar .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq
.quicklinks .ab-top-menu>li>.ab-item:focus{
color:#fafafa;
background-color:#000033;
background-image:-ms-linear-gradient(bottom,#003399,#000033);
background-image:-moz-linear-gradient(bottom,#003399,#000033);
background-image:-o-linear-gradient(bottom,#003399,#000033);
background-image:-webkit-gradient(linear,left bottom,left
top,from(#003399),to(#003399));
background-image:-webkit-lineargradient(
bottom,#003399,#000033);
background-image:linear-gradient(bottom,#003399,#000033);
}
/* menu item links hover color */
#wpadminbar .menupop li:hover,#wpadminbar .menupop li.hover,#wpadminbar
.quicklinks .menupop .ab-item:focus,#wpadminbar .quicklinks .ab-top-menu .menupop .abitem:
focus{background-color:#ccffcc;}
/* menu item non-link colors */
#wpadminbar .ab-submenu .ab-item{color:#333333;}
/* menu item link colors */
#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks
.menupop ul li a strong,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs
.quicklinks .menupop:hover ul li a{color:#0099cc;}
/* my sites hover color */
#wpadminbar .quicklinks .menupop .ab-sub-secondary>li:hover,#wpadminbar
.quicklinks .menupop .ab-sub-secondary>li.hover,#wpadminbar .quicklinks .menupop .absub-
secondary>li .ab-item:focus{background-color:#dfdfdf;}
/* update menu colors */
#wpadminbar .quicklinks a span#abupdates{
background:#eeeeee;color:#333333;}
#wpadminbar .quicklinks a:hover span#abupdates{
background:#ffffff;color:#000000;}
/* howdy menu */
#wpadminbar .ab-top-secondary{
background-color:#003399;
background-image:-ms-linear-gradient(bottom,#000033,#003399
5px);
background-image:-moz-linear-gradient(bottom,#000033,#003399
5px);
background-image:-o-linear-gradient(bottom,#000033,#003399
5px);
background-image:-webkit-gradient(linear,left bottom,left
top,from(#000033),to(#003399));
background-image:-webkit-linear-gradient(bottom,#000033,#003399
5px);
background-image:linear-gradient(bottom,#000033,#003399 5px);
}
/* Howdy menu, username text color in dropdown */
#wpadminbar #wp-admin-bar-user-info .display-name{color:#333333;}
#wpadminbar #wp-admin-bar-user-info .username{color:#999999;}
/* search */
#wpadminbar #adminbarsearch .adminbar-input{color:#ccc;text-shadow:#444
0 -1px 0;background-color:rgba(255,255,255,0);}
#wpadminbar #adminbarsearch .adminbar-input:focus{color:#555;textshadow:
0 1px 0 #fff;background-color:rgba(255,255,255,0.9);}
#wpadminbar.ie8 #adminbarsearch .adminbar-input{backgroundcolor:#
003399;}
#wpadminbar.ie8 #adminbarsearch .adminbar-input:focus{backgroundcolor:#
fff;}
#wpadminbar #adminbarsearch .adminbar-input::-webkit-inputplaceholder{
color:#ddd;}
#wpadminbar #adminbarsearch .adminbar-input:-mozplaceholder{
color:#ddd;}
</style>';
echo $change_adminbar_colors;
}
/* wp-admin area */
if ( is_admin() ) {
add_action( 'admin_head', 'change_adminbar_colors' );
}
/* websites */
if ( !is_admin() ) {
add_action( 'wp_head', 'change_adminbar_colors' );
}