Latest Update

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

Linux Host Lab Ads

সবাই কেমন আছেন? আশা করি সবাই ভালো আছেন, আজ আপনাদের দেখাবে কিভাবে আপনার ওয়ার্ডপ্রেস ওয়েব সাইটের 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' );
}

Series Navigation<< ওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৪] :: ওয়ার্ডপ্রেস সাইটে ইউজাররা পোস্ট লিখলে পেন্ডিং থাকবে এ্যাডমিন পাবলিশ করবে, পদ্ধতিটি কিভাবে করবেন? দেখুনওয়ার্ডপ্রেস ডেভলপমেন্ট [পর্ব-০৬] :: কিভাবে আপনার ওয়ার্ডপ্রেস সাইটের এ্যাডমিন বারে নতুন মেনু যোগ করবেন? >>

Linux Host Lab Offer

Leave a Reply

Your email address will not be published. Required fields are marked *

ক্যাপচাটি লিখুন * Time limit is exhausted. Please reload CAPTCHA.