• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Thêm hoặc chỉnh sửa màu sắc trong Block Editor
hosting-tot-nhat-danh-cho-wordpress

Thêm hoặc chỉnh sửa màu sắc trong Block Editor

Cập nhật: 05/03/2023 Trung Hiếu 2 Bình luận

Mục lục Hiện
  • 1. Tại sao bạn nên chọn Block Editor Colors?
  • 2. Thêm hoặc chỉnh sửa màu sắc mặc định với Block Editor Colors

Thêm hoặc chỉnh sửa màu sắc mặc định trong Block Editor một cách đơn giản.

them-hoac-chinh-sua-mau-sac-mac-dinh-trong-block-editor

Không biết vì lý do gì mà kể từ phiên bản 6.0, WordPress đã loại bỏ tính năng cho phép lựa chọn màu sắc tùy chỉnh trong Block Editor. Cộng thêm với việc plugin Advanced Editor Tools (tên gọi cũ là TinyMCE Advanced) đã hơn 2 năm không được cập nhật, khiến cho người dùng không thể lựa chọn được màu sắc theo ý thích trong trình soạn thảo (ngoại trừ các màu đã được theme thiết lập sẵn và sẽ bị thay đổi tùy theo theme). Thật may mắn khi MotoPress đã đưa ra một giải pháp hoàn toàn miễn phí giúp giải quyết khó khăn này. Nó có tên là Block Editor Colors.

Tham khảo thêm:

  • Chuyển từ Classic Editor sang Block Editor (Gutenberg)
  • Gỡ bỏ Gutenberg stylesheet khỏi website WordPress

Tại sao bạn nên chọn Block Editor Colors?

  • Hoàn toàn miễn phí, tất nhiên rồi.
  • Cho phép thêm cả màu mới theo nhu cầu, lẫn tùy chỉnh các màu sắc mặc định của theme.
  • Hỗ trợ màu sắc cho gần như mọi thành phần trong Block Editor: màu văn bản, màu nền văn bản, màu nền block, màu văn bản trong block, màu các nút bấm…

Thêm hoặc chỉnh sửa màu sắc mặc định với Block Editor Colors

1. Đầu tiên, các bạn phải cài đặt và kích hoạt plugin Block Editor Colors (download).

cai-dat-va-kich-hoat-plugin-block-editor-colors

2. Truy cập Settings => Editor Colors. Tại đây, các bạn sẽ nhìn thấy giao diện như sau:

thiet-lap-plugin-block-editor-colors

Trong đó, hãy chú ý 2 mục:

  • Custom Colors: cho phép các bạn tạo thêm màu sắc theo ý thích. Hãy chọn màu trong mục Color, đặt tên trong mục Name và đường dẫn trong mục Slug. Cuối cùng, click vào nút Add Color để thêm. Những màu sắc này sẽ chỉ có thể áp dụng theo cách thủ công và không bị thay đổi khi bạn đổi theme.
  • Default Colors: cho phép các bạn thay đổi các màu sắc mặc định của theme. Những thay đổi này sẽ được áp dụng tự động trên toàn trang. Tuy nhiên, chúng cũng sẽ bị mất khi bạn đổi theme khác.

3. Quay trở lại trình soạn thảo Block và kiểm tra kết quả.

  • Đây là một ví dụ về trình lựa chọn màu sắc mặc định của WordPress:

mau-sac-mac-dinh-tren-block-editor

  • Còn đây là ví dụ về một màu sắc tùy chỉnh được thêm bởi Block Editor Colors:

mau-sac-tuy-chinh-duoc-them-boi-block-editor-colors

Giờ đây, bạn đã có thể lựa chọn những màu sắc yêu thích của mình một cách nhanh chóng mà không phải mất công nhớ mã màu hexa nữa. Thật tuyệt vời phải không nào? Chúc các bạn thành công!

Bạn biết giải pháp khác đơn giản và hiệu quả hơn để thêm hoặc chỉnh sửa màu sắc trong Block Editor? Đừng quên chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Chuyển từ Classic Editor sang Block Editor (Gutenberg)
Chuyển từ Classic Editor sang Block Editor (Gutenberg)
Cài đặt trình soạn thảo cổ điển (Classic Editor) cho WordPress
Cài đặt trình soạn thảo cổ điển (Classic Editor) cho WordPress
Mang nút Justify và Underline trở lại trình soạn thảo WordPress
Mang nút Justify và Underline trở lại trình soạn thảo WordPress

Chuyên mục: Thủ thuật WordPress Thẻ: Trình soạn thảo WordPress

dich-vu-wordpress-hosting-chong-ddos-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « 4 Lớp bảo vệ website WordPress mà bạn nên có
Bài viết sau Tích hợp CloudFlare Turnstile vào website WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Kenivinh 16 bình luậnviết

    17/05/2023 lúc 18:17

    Từ khi làm quen với Gutenberg, thấy nó tiện hơn rất nhiều trình soạn thảo cũ, lúc trước mình chê lên bờ xuống ruộng vì dùng khó khăn và vướng víu.

    Bình luận
    • Trung Hiếu Quản lýviết

      17/05/2023 lúc 18:26

      Tiện nhưng vẫn hơi nặng và nhiều lỗi khi so với Classic Editor. Nếu chỉ đơn thuần là viết blog thì Classic Editor vẫn tối ưu hơn. Còn nếu muốn dựng page với bố cục tùy biến + nhiều tính năng thì tất nhiên là nên dùng Block Editor.

      Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Tham gia cùng 10.000+ người khác.

Theo dõi qua mạng xã hội

Facebook Group

wpcanban-facebook-group

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Plugin chống copy nội dung siêu nhẹ cho WordPress 20/05/2025
  • Tự động tạo alt-text cho hình ảnh trong WordPress 18/05/2025
  • Năm 2025 rồi, có nên viết blog nữa không? 07/05/2025
  • Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản 16/04/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Khánh trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tuấn Kỷ Nguyên Blog trong Năm 2025 rồi, có nên viết blog nữa không?

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.001 Bài viết - 35.504 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting