Trang chủ WordpressHướng dẫn Wordpress Thêm logo và sửa footer trong trang quản trị WordPress

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

bởi Thạch Phạm
21 bình luận 6722 views

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.

21 bình luận

Có thể bạn quan tâm

0 0 vote
Article Rating
guest
21 Comments
mới nhất
cũ nhất đánh giá nhiều
Inline Feedbacks
View all comments
Kien Nguyen

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

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

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

igood

Cám ơn thachpham nhiều nha!

The Golden Palm

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

Roman Plaza

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

thai

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

Trung

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

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

Tuấn Anh

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

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 ạ ?

thanh

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

Tai

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

Trần Đình Đức

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

NguyenHao

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

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

dan

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

Thinkahead

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 🙂

21
0
Would love your thoughts, please comment.x
()
x