Thêm logo và sửa footer trong trang quản trị WordPress

Bài này thuộc phần 3 của 4 phần trong serie Tùy biến trang quản trị WordPress

Trong bài tùy biến trang đăng nhập của WordPress chúng ta đã thành công trong việc đổi logo và thay đổi lại màu sắc tổng thể của trang đó. Tiếp tục từ trong bài này, chúng ta sẽ tiến hành tùy biến các thành phần bên trong trang quản trị, và đầu tiên là chúng ta sẽ thay đổi lại chữ dưới footer trang quản trị và thêm một logo của website vào trong đó cho nhìn thương hiệu hóa hơn.

Note

Bài này bạn sẽ viết code vào plugin mà chúng ta đã tạo ở bài 2 của serie này.

Thêm logo vào trang quản trị

Vẫn là việc quen thuộc, trước tiên chúng ta tạo một hàm để làm việc này và móc vào action hook tên admin_notices.

/**
 * Thêm logo vào trang quản trị WordPress
 */
 function tp_admin_logo() {
     
 }
add_action( 'admin_notices', 'tp_admin_logo' );

Trong hook này, nếu chúng ta in một cái gì đó ra thì nó sẽ hiển thị ra đầu trang quản trị, nên nếu chúng ta in một tấm hình logo ra thì chúng ta sẽ có logo thôi, đơn giản phải không.

/**
 * Thêm logo vào trang quản trị WordPress
 */
 function tp_admin_logo() {
    echo '<br/> <img src="' .plugins_url('images/logo.png', __FILE__). '"/>';
 }
add_action( 'admin_notices', 'tp_admin_logo' );

Kết quả ta có:

custom-admin-01

Và dựa theo cách này, chúng ta có thể chèn bất cứ thứ gì nữa lên trên khu vực đó nhé.

Đổi chữ dưới footer của trang quản trị

Tham khảo trước: Hướng dẫn Filter Hook

Không giống như logo, mặc định WordPress đã có một dòng chữ dưới footer của trang quản trị mà bạn có thể nhìn thấy khi kéo xuống dưới cuối trang. Bây giờ chúng ta có thể dễ dàng đổi lại nó bằng cách sử dụng filter hook và móc vào hook admin_footer_text . Mình xin nhắc lại, tại sao lại dùng filter hook mà không dùng action? Vì nó đã có nội dung sẵn rồi, bây giờ chúng ta cần “filter” qua để chèn nội dung chúng ta muốn hiển thị thay vì mặc định nên dùng filter hook là vậy.

/**
 * Sửa chữ dưới footer của trang quản trị
 */
 function tp_admin_footer_credits( $text ) {
    $text = '<p>Chào mừng bạn đến với website thachpham.com</p>';
     return $text;
 }
add_filter( 'admin_footer_text', 'tp_admin_footer_credits' );

Khi filter chúng ta nên gán cho hàm một tham số tên tùy ý, rồi thiết lập nội dung vào tham số đó và dùng return để hiển thị nội dung ra nhé, đó là cách dùng filter thông dụng nhất.

Kết quả ta có:

custom-admin-02

Vậy là xong rồi đó, trong bài này chúng ta chỉ làm vậy thôi cho đỡ mệt mỏi. Ở các bài sau mình sẽ có thêm những hướng dẫn để bạn tùy biến lại trang quản trị WordPress nhiều hơn nữa.

Thạch Phạm

AZDIGI's CEO. Đam mê công nghệ, WordPress, Server và xăm mình nữa.

Xem thêm bài viết Subscribe

Để lại bình luận

21 Bình luận trên "Thêm logo và sửa footer trong trang quản trị WordPress"

avatar
Sắp xếp theo:   mới nhất | cũ nhất | đánh giá nhiều
Kien Nguyen
Khách

Chào ad, e mới tự học wp, e muốn thêm 1 ảnh vào phần footer mà ko biết cái húc. hay gì gì đó để up ảnh vào đó ntn?,
ad hỗ trợ giúp em

Kien Nguyen
Khách

cụ thể là em muốn thêm ảnh số điện thoại nhu sau
http://chuyenphatquoctenhanh.com/wp-content/uploads/hd.jpg

đức
Khách

a ơi làm sao để cái widget thông báo đó nó mặc định sẽ ở vị trí trên cùng?

igood
Khách

Cám ơn thachpham nhiều nha!

The Golden Palm
Khách

hi. học wordpress từ thạch rất nhiều , cảm ơn!

Roman Plaza
Khách

cách nhập lệnh khó quá

thai
Khách

mình viết lệnh, và nhập lệnh ở đâu vậy bạn

Trung
Khách

Gỡ bỏ dòng chữ này “You can use WP menu builder to build menus” thế nào vậy anh Thạch? Dùng trên theme Sahifa

Phương
Khách

Bài viết rất hay ạ 🙂
benhtrivn.com

Tuấn Anh
Khách

Bài viết hay quá anh Thạch Phạm , học toàn từ anh ra rồi đi làm đến giờ.

Brian Oneil
Khách

a cho e hỏi với ạ! e muốn định dạng lại cho các text của main menu thành thẻ h2 thì làm sao ạ ?

Tai
Khách

lý do bạn xài thẻ h2 trong menu là gì ? vì h1->h6 có cách dùng riềng cho định dạng

thanh
Khách

Thử vào file funstion.php sửa xem.

Trần Đình Đức
Khách

Bài viết rất hay, mình xin phép reup bài viết của Thạch nha.

NguyenHao
Khách

Thách cho mình hỏi dùng plugin hay code gì để ẩn thông tin Plugin và Theme mình dùng trên website wordpres , mình có tham khảo plugin Hide My WP bên codecanyon.net nhưng nó làm thay đổi toàn bộ bố cục và gây lỗi nhiều trên web mình , ko biết bạn có giải pháp nào hay ko , hướng dẫn mình với . Thanks

Trang
Khách

Nội dung này của bạn viết hay quá, mình áp dụng thử xem sao nhỉ

dan
Khách

Thạch ơi, chỉ giùm cách đổi hình trên trang home với

Thinkahead
Khách

Cảm ơn anh Thạch. Bài hướng dẫn dễ hiểu.Hy vọng anh sẽ sớm ra nhiều bài mới nữa nha 🙂

wpDiscuz
menu
menu