NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
30/06/2023
Lượt xem

Cách thay đổi màu giao diện quản trị trong WordPress

30/06/2023
10 phút đọc
Lượt xem

Đánh giá

5/5 - (70 bình chọn)

Bằng cách thay đổi màu sắc trang quản trị, bạn có thể tạo nên một giao diện điều khiển mang đậm màu sắc thương hiệu của doanh nghiệp, hoặc chỉ đơn giản là đem đến nguồn cảm hứng làm việc qua những tone màu ấn tượng cho cả team. Trong bài viết này, Vietnix sẽ hướng dẫn bạn cách thay đổi màu giao diện quản trị trong WordPress đơn giản và nhanh chóng nhất, mời bạn cùng tham khảo.

Vì sao nên thay đổi màu giao diện quản trị trong WordPress

Bạn có thể thay đổi màu trang quản trị thành một màu sắc phù hợp với thiết kế của theme WordPress, hay chỉ đơn giản là đổi thành một gam màu yêu thích và có khả năng mang lại nguồn cảm hứng cho bạn. Ngoài ra, WordPress còn có dark mode (chế độ tối) để người dùng có thể sử dụng khi cần.

Đặc biệt, việc thay đổi màu trang quản trị sẽ cực kỳ hữu ích đối với những trang web thành viên hoặc cửa hàng trực tuyến – nơi mà người dùng có thể đăng nhập vào bảng điều khiển quản trị viên. Trong trường hợp này, giao diện trang web và giao diện quản trị viên nên có sự tương đồng nhau về màu sắc, thiết kế để người dùng có thể dễ dàng điều hướng và sử dụng các chức năng một cách dễ dàng nhất. 

Bên cạnh đó, bạn cũng có thể sử dụng các màu trang quản trị khác nhau để dễ dàng phân biệt các staging site với trang web chính. 

Cách thay đổi màu trang quản trị trong WordPress

Tại phần này, Vietnix sẽ cung cấp cho bạn các cách thay đổi màu trang quản trị đơn giản, nhanh chóng nhất, cụ thể là:

Cách thay đổi màu trang quản trị theo cài đặt mặc định

WordPress cho phép người dùng chọn một trong số các bảng màu có sẵn để áp dụng cho bảng điều khiển quản trị viên WordPress của mình. Để thay đổi màu trang quản trị, bạn thực hiện như sau:

  • Bước 1: Đăng nhập vào admin dashboard WordPress.
  • Bước 2: Đến mục Users và chọn Profile.
  • Bước 3: Click vào các nút radio để chọn bảng màu bạn muốn trong phần Admin Color Scheme.
  • Bước 4: Tại đây có 9 màu khác nhau để bạn có thể lựa chọn. Bạn có thể xem trước bằng cách click vào các màu, giao diện bảng quản trị sẽ thay đổi theo.
Thay đổi màu giao diện quản trị trong WordPress
Thay đổi màu giao diện quản trị trong WordPress
  • Bước 5: Sau khi chọn được màu ưng ý, bạn kéo xuống cuối trang và bấm vào Update Profile.
Chọn Update Profile để thay đổi cài đặt
Chọn Update Profile để thay đổi cài đặt

Ngoài ra, đối với những ai muốn thiết lập cài đặt màu trang quản trị cho người dùng đã đăng ký trên trang web, bạn có thể thực hiện theo hướng dẫn sau:

  • Bước 1: Truy cập vào Users, chọn All Users.
  • Bước 2: Click vào Edit ở bên dưới từng người dùng.
Thay đổi màu cho người dùng
Thay đổi màu cho người dùng
  • Bước 3: Làm theo quy trình tương tự bên trên để thay đổi màu trang quản trị cho người dùng đó. 
  • Bước 4: Cuối cùng, chọn Update Profile để lưu thay đổi.

Cách tạo màu trang quản trị tùy chỉnh trong WordPress

Ngoài các bảng màu có sẵn, bạn cũng có thể tự tạo màu tùy chỉnh theo sở thích, sau đó tải chúng lên WordPress và áp dụng cho bảng điều khiển quản trị viên của trang web.

  • Bước 1: Truy cập vào trang web WordPress Admin Colors (free) và click vào Start Creating.
  • Bước 2: Nhập tên vào phần Color Scheme Name. Tên được nhập sẽ hiển thị trong bảng quản trị WordPress dưới dạng một tùy chọn màu sắc mới. 
Nhập tên Color Scheme Name
Nhập tên Color Scheme Name
  • Bước 3: Nhấp vào các tùy chọn Choose your colors để điều chỉnh bảng màu theo ý muốn. Nếu bạn muốn thay đổi một trong các màu đang có click vào màu đó và chọn màu (hoặc nhập mã màu) mới từ cửa sổ xuất hiện.
Tùy chỉnh bảng màu theo ý muốn
Tùy chỉnh bảng màu theo ý muốn
  • Bước 4: Sau khi hoàn tất, hãy click vào Generate Color Scheme để bắt đầu tạo bảng màu mới.
Nhấn chọn Generate Color Scheme
Nhấn chọn Generate Color Scheme
  • Bước 5: Lúc này, sẽ có hai file code khác nhau xuất hiện. Bạn cần tải xuống file CSS, đồng thời copy code snippet và paste nó vào trong trình soạn thảo văn bản. 

Bạn có thể thêm code snippet vào file functions.php của mình hoặc sử dụng plugin code snippet. Tại hướng dẫn này, Vietnix sẽ sử dụng plugin WPCode. Các bước thực hiện cụ thể sẽ là:

  • Bước 1: Cài đặt và kích hoạt plugin WPCode.
  • Bước 2: Sau khi kích hoạt thành công, bạn sẽ nhìn thấy một tab mới là Code Snippets tại khu vực quản trị WordPress. Hãy click vào đó để xem danh sách các code snippet bạn đã lưu trên web của mình. Nếu như bạn mới cài đặt lần đầu, danh sách này thường sẽ trống.
  • Bước 3: Click vào Add New để thêm code snippet mới vào WordPress.
Thêm code snippet vào WordPress
Thêm code snippet vào WordPress
  • Bước 4: Tại trang Add Snippet, bạn chọn Add Your Custom Code (New Snippet), sau đó click vào Use snippet.
  • Bước 5: Đặt tên cho code snippet để nhớ mục đích sử dụng mã của bạn.
  • Bước 6: Dán code snippet đã sao chép ban nãy vào phần Code Preview. Ngoài ra, tại danh sách thả xuống phía bên tay phải, hãy chọn PHP Snippet.
Dán code vào phần Code Preview
Dán code vào phần Code Preview
  • Bước 7: Bây giờ, bạn cần chọn phương thức chèn cho code snippet. Bạn có thể chọn Auto Insert để code snippet tự động được chèn và thực thi tại vị trí phù hợp nhất. 
  • Bước 8: Chuyển nút Inactive thành Active và lưu lại bằng cách click vào Save Snippet ở phía trên bên phải của màn hình. 
Chọn Active và lưu code
Chọn Active và lưu code

Sau thao tác trên, bạn đã lưu và kích hoạt thành công màu trang quản trị mới. Lúc này, bạn cần tải file CSS trước đó lên thư mục theme trong tài khoản WordPress hosting của mình thông qua FTP client hoặc tùy chọn trình quản lý file trong bảng điều khiển WordPress hosting.

  • Bước 1: Kết nối trang web với FTP Client hoặc trình quản lý file trong cPanel. Sau đó, bạn đến thư mục /wp-content.
Chọn thư mục /wp-content
Chọn thư mục /wp-content
  • Bước 2: Trong thư mục /wp-content, bạn sẽ nhìn thấy một thư mục có tên Theme. Đây là thư mục lưu trữ tất cả theme mà trang web của bạn đã hoặc đang sử dụng. Hãy bấm vào thư mục đó rồi mở thư mục con chứa theme bạn đang dùng.
  • Bước 3: Tải lên file display.css. Trong đó, file CSS sẽ có tên bạn đã chọn trước đó.

Lưu ý: Nếu như bạn thay đổi theme WordPress thì cần tải file CSS lên thư mục theme tương ứng.

  • Bước 4: Đến Users rồi chọn Your Profile, sau đó chọn màu trang quản trị bạn vừa tạo rồi click vào Update Profile để sử dụng bảng màu đó.
Tùy chọn màu trang quản trị
Tùy chọn màu trang quản trị

Cách kiểm soát màu trang quản trị cho người đăng ký mới

Khi người dùng tạo tài khoản trên trang web của bạn, họ thường được tùy chỉnh bản màu trang quản trị của riêng mình. Tuy nhiên, trong trường hợp muốn kiểm soát màu trang quản trị mặc định hoặc ngăn người dùng thay đổi bảng màu, bạn có thể nhờ đến sự trợ giúp của một plugin miễn phí có tên là Force Admin Color Scheme.

  • Bước 1: Cài đặt và kích hoạt plugin Force Admin Color Scheme.
  • Bước 2: Đến Users rồi chọn Profile, sau đó chọn Admin Color Scheme của bạn rồi click vào ô Force this admin color scheme on all users.
Kiểm tra hộp kiểm phối màu quản trị viên bắt buộc
  • Bước 3: Chọn Update Profile để lưu thay đổi. 

Như vậy, bạn đã cài đặt màu trang quản trị mặc định để tất cả người dùng, dù là người dùng mới hay người dùng cũ đều cũng đều sẽ sử dụng chung bảng màu này. Không ai có thể thay đổi màu trang quản trị, ngoại trừ người có quyền truy cập admin.

Lời kết

Trên đây là hướng dẫn cách thay đổi màu sắc giao diện quản trị trong WordPress đơn giản, dễ thực hiện mà bạn có thể tham khảo. Ngoài ra, bạn có thể tham khảo thêm các bài viết khác trên website Vietnix để biết cách lựa chọn plugin, theme phù hợp cho website của mình. Đừng quên để lại bình luận tại phần comment trong bài viết nếu có bất cứ thắc mắc hay gặp khó khăn gì khi thực hiện theo các hướng dẫn nhé.

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG