Cách tùy chỉnh CSS cho trang Admin Wordpress

[rs_lyly2009]

Nay lang thang trên mấy blog Wordpress thì tình cờ phát hiện bài viết ngắn này

Cách để các bạn có thể thay đổi css cho một số thành phần trong trang Admin Wordpress

Cách 1.
Chỉ cần thêm dòng này vào file functions.php (nhớ thêm vào Child Theme để khi update không bị mất nhá).

add_action('admin_head', 'my_custom_fonts');

function my_custom_fonts() {
  echo '<style>
    body, td, textarea, input, select {
      font-family: "Lucida Grande";
      font-size: 12px;
    }
  </style>';
}

) Nhìn vào đây chắc bạn sẽ hiểu được sửa thế nào rồi

Cách 2.
B1. Tạo ra 1 file CSS với tên admin.css, nội dung thì tùy bạn thôi, ví dụ:

.wp-admin .comment pre {
  background: pink; /* they forgot the language! */
  padding: 6px 10px;
  font-size: 16px;
  border: 1px solid #-censor-;
}

.wp-admin .comment pre[class] {
  background: #fff; /* language (likely) there */
}

B2. Thêm đoạn code này vào functions.php

// Update CSS within in Admin
function admin_style() {
  wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');

trong đó /admin.css là url đến file css. Nếu bạn gặp khó khăn phần này thì cứ đặt nó ngang hàng file functions
À, nhớ xài Plugin này nếu bạn lo lắng việc sửa file functions bị lỗi và không truy cập được website nhé: https://wordpress.org/plugins/code-snippets/

Bài viết được dịch từ 2 nguồn sau:

https://css-tricks.com/snippets/wordpress/apply-custom-css-to-admin-area/

và

https://davidwalsh.name/add-custom-css-wordpress-admin

Tham khảo thêm

https://codex.wordpress.org/Creating_Admin_Themes