คุณสามารถเพิ่มโลโก้แดชบอร์ดที่กำหนดเองบน Wordpress ได้หรือไม่?

ฉันต้องการเปลี่ยนโลโก้ Wordpress ในแดชบอร์ดด้านซ้ายบนหรือไม่ ที่ไหนมี 'W'

เป็นไปได้ไหม?


person LZERO    schedule 12.01.2017    source แหล่งที่มา
comment
คำตอบสั้น ๆ : ใช่! ยังไง? เข้าสู่ Google ครั้งแรก: wpbeginner .com/wp-themes/   -  person Erik van de Ven    schedule 12.01.2017
comment
อาจซ้ำกันของ วิธีเปลี่ยนโลโก้เริ่มต้นของ wordpress จาก ผู้ดูแลระบบ?   -  person user3802077    schedule 12.01.2017


คำตอบ (2)


ใช่ คุณสามารถทำได้ 2 วิธี:

  1. ปลั๊กอิน: ปลั๊กอิน WordPress CMS ของ White Label
  2. ผ่านรหัส:

ขั้นแรก คุณต้องบันทึกโลโก้ที่กำหนดเองเป็นไฟล์ custom-logo.png บนคอมพิวเตอร์ของคุณ มันต้องมีขนาด 16 x 16px พอดี

เมื่อคุณมีโลโก้ที่กำหนดเองพร้อมแล้ว คุณจะต้องอัปโหลดไปที่โฟลเดอร์ /wp-content/themes/your-theme/images โดยใช้ FTP หากธีมของคุณไม่มีโฟลเดอร์รูปภาพ คุณจำเป็นต้องสร้างมันขึ้นมา

หลังจากอัปโหลดรูปภาพโลโก้ที่กำหนดเองของคุณแล้ว เพียงเพิ่มโค้ดนี้ลงในไฟล์ functions.php ของธีมของคุณหรือปลั๊กอินเฉพาะไซต์

function wpb_custom_logo() {
    echo '<style type="text/css">
    #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
    background-position: 0 0;
    color:rgba(0, 0, 0, 0);
    }
    #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    background-position: 0 0;
    }
    </style>
    ';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

คุณสามารถดูข้อมูลเพิ่มเติมได้ที่นี่: http://www.wpbeginner.com/wp-themes/adding-a-custom-dashboard-logo-in-wordpress-for-branding/

person Syden    schedule 12.01.2017
comment
คัดลอก/วางได้เลย :D - person Tobias Glaus; 12.01.2017
comment
เว้นแต่คุณจะแชร์แหล่งที่มา - person Syden; 12.01.2017

function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

เพิ่มโค้ดนี้ลงใน functions.php ของคุณหลังจากอัปโหลดโลโก้ของคุณ (16x16)

person Tobias Glaus    schedule 12.01.2017