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

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).

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>';
}

Nội dung như thế nào thì các bạn tự chỉnh sửa.

Cách 2

Bước 1: Tạo ra 1 file CSS với tên admin.css, nội dung thì tùy bạn xây dựng, 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 */
}

Bước 2: 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.php là được

Bạn hãy dùng thử plugin bên dưới, nếu bạn lo lắng việc sửa file functions bị lỗi và không truy cập được website.

Plugin: https://wordpress.org/plugins/code-snippets/