Cách thay đổi màu văn bản trong WordPress (3 phương pháp dễ dàng)

Gần đây, một độc giả của chúng tôi đã hỏi liệu có cách nào dễ dàng để thay đổi màu văn bản trong WordPress không?

Other :

Câu trả lời là có. Bạn có thể dễ dàng thay đổi màu phông chữ của mình trong WordPress trên toàn bộ trang web của mình hoặc thậm chí chỉ cho một từ duy nhất bên trong nội dung bài đăng của bạn.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thay đổi màu văn bản trong WordPress theo từng bước.

Easily change text color in WordPress

Có rất nhiều lý do khiến bạn có thể muốn thay đổi màu văn bản trong các bài viết hoặc trang của mình. Có thể bạn muốn nhấn mạnh một từ khóa hoặc có thể bạn muốn sử dụng các tiêu đề phụ có màu trên một trang cụ thể.

Ngoài ra, bạn có thể muốn thay đổi màu văn bản trên toàn bộ trang web của mình. Có lẽ chủ đề của bạn sử dụng màu xám cho văn bản, nhưng bạn muốn đặt nó thành màu đen hoặc xám đậm hơn để dễ đọc hơn.

Trong hướng dẫn này, chúng tôi sẽ đề cập đến các phương pháp sau:

  • Thay đổi màu văn bản bằng trình chỉnh sửa trực quan (tuyệt vời để thay đổi một vài từ, một đoạn văn hoặc một tiêu đề khi viết nội dung).
  • Thay đổi màu văn bản trong công cụ tùy chỉnh chủ đề (cách tốt nhất để thay đổi màu phông chữ trên toàn bộ trang web của bạn, nhưng không được tất cả các chủ đề hỗ trợ).
  • Thay đổi màu văn bản bằng cách sử dụng mã CSS (thích hợp để thay đổi màu phông chữ trên toàn bộ trang web của bạn với bất kỳ chủ đề nào).

Chỉ cần nhấp vào một trong các liên kết đó để chuyển thẳng đến phương pháp đó.

Đăng ký WPBeginner

Nếu bạn muốn hướng dẫn bằng văn bản, chỉ cần tiếp tục đọc.

Phương pháp 1. Thay đổi màu văn bản bằng trình chỉnh sửa trực quan

Bạn có thể sử dụng trình chỉnh sửa WordPress mặc định để đặt các từ, đoạn văn hoặc thậm chí tiêu đề phụ bằng màu khác với văn bản chính của bạn.

An example of colored text in a WordPress page

Đây là cách bạn có thể thay đổi màu văn bản của mình bằng trình chỉnh sửa khối.

Trước tiên, bạn cần chỉnh sửa bài đăng hoặc trang mà bạn muốn thay đổi hoặc tạo một trang mới.

Tiếp theo, nhập văn bản của bạn. Bạn sẽ cần tạo một khối đoạn văn hoặc một khối tiêu đề nếu thích hợp. Để được trợ giúp về việc này, hãy xem hướng dẫn của chúng tôi về cách sử dụng trình chỉnh sửa khối WordPress.

Khi văn bản của bạn đã ở đúng vị trí, bạn có thể thay đổi màu sắc.

Thay đổi màu văn bản của một khối

Đối với ví dụ đầu tiên này, chúng ta sẽ thay đổi màu văn bản của toàn bộ khối.

Chỉ cần nhấp vào khối và bảng Cài đặt khối sẽ mở ra ở bên phải màn hình của bạn. Tiếp theo, nhấp vào mũi tên cho ‘Cài đặt màu’ để mở rộng tab đó. Bạn sẽ thấy cài đặt màu văn bản ở đây.

Picking a text color for the whole block in WordPress

Bây giờ, bạn có thể chọn một màu mới cho văn bản. Trình chỉnh sửa trực quan sẽ hiển thị cho bạn một số tùy chọn dựa trên chủ đề của bạn. Bạn có thể chỉ cần nhấp vào một trong số này để thay đổi màu văn bản của mình.

Ngoài ra, nếu bạn có ý nghĩ về một màu cụ thể, hãy nhấp vào liên kết ‘Màu tùy chỉnh’. Thao tác này sẽ mở ra một công cụ chọn màu, nơi bạn có thể chọn màu theo cách thủ công. Bạn cũng có thể sử dụng điều này để nhập mã hex.

Picking a custom text color for your block

Nếu bạn thay đổi ý định và muốn quay lại màu văn bản mặc định, chỉ cần nhấp vào nút ‘Xóa’ bên dưới các tùy chọn màu:

Setting your block back to the default text color

Mẹo chuyên nghiệp: Nếu bạn muốn thay đổi màu nền cho một khối, bạn cũng có thể thực hiện điều đó tại đây.

Thay đổi màu văn bản của từ hoặc cụm từ

Điều gì sẽ xảy ra nếu bạn chỉ muốn thay đổi màu sắc của một hoặc hai từ? Điều đó cũng dễ dàng bằng cách sử dụng trình chỉnh sửa khối.

Trước tiên, bạn cần đánh dấu (các) từ mà bạn muốn thay đổi. Sau đó, nhấp vào mũi tên nhỏ xuống trên thanh công cụ của trình soạn thảo nội dung.

Highlight the words that you want to change the color of

Tiếp theo, chỉ cần nhấp vào liên kết ‘Màu văn bản’ ở cuối danh sách thả xuống:

Click the 'Text Color' link at the bottom of the dropdown list

Bây giờ bạn sẽ thấy các tùy chọn màu tương tự như cho toàn bộ khối. Một lần nữa, bạn có thể chọn từ một trong các tùy chọn mặc định hoặc sử dụng liên kết ‘Màu tùy chỉnh’ để chọn bất kỳ màu nào bạn muốn.

Choose the text color for your highlighted word(s)

Các tùy chọn màu không giới hạn ở các khối đoạn văn. Bạn cũng có thể thay đổi màu văn bản của các khối tiêu đề. Như với khối đoạn văn, bạn có thể đặt màu văn bản cho toàn bộ khối trong cài đặt khối. Ngoài ra, bạn có thể đánh dấu các từ riêng lẻ và thay đổi màu của chúng.

Changing the text color of a heading block in WordPress

Lưu ý: Bạn không thể đặt màu nền cho các khối tiêu đề.

Bạn cũng có thể thay đổi màu văn bản trong một khối danh sách, nhưng chỉ bằng cách đánh dấu (các) từ và sử dụng thanh công cụ. Không có tùy chọn nào trong cài đặt khối để thay đổi màu văn bản cho toàn bộ khối danh sách.

Thay đổi màu phông chữ bằng trình chỉnh sửa cổ điển

Nếu bạn vẫn đang sử dụng trình chỉnh sửa WordPress cổ điển, thì bạn có thể thay đổi màu phông chữ bằng cách sử dụng thanh công cụ.

Trong trình chỉnh sửa cổ điển, nhấp vào Chuyển đổi Thanh công cụ ở ngoài cùng bên phải. Sau đó, bạn sẽ thấy hàng biểu tượng thứ hai:

Click the Toolbar Toggle button to see the second row of icons

Bây giờ, bạn có thể chọn văn bản của mình và thay đổi màu phông chữ bằng cách sử dụng menu màu phông chữ thả xuống.

Use the text color button in the classic editor

Phương pháp 2. Thay đổi màu văn bản trong tùy biến chủ đề

Điều gì sẽ xảy ra nếu bạn muốn thay đổi màu văn bản trên toàn bộ trang web của mình? Nhiều chủ đề WordPress tốt nhất sẽ cho phép bạn làm điều này bằng cách sử dụng công cụ tùy chỉnh chủ đề.

Đối với ví dụ này, chúng tôi đang sử dụng chủ đề OceanWP. Đây là một trong những chủ đề miễn phí hàng đầu có sẵn cho WordPress.

Trong bảng điều khiển WordPress của bạn, đi tới Giao diện »Tùy chỉnh để mở Công cụ tùy chỉnh chủ đề.

Go to Appearance then Customize in your WordPress dashboard

Tiếp theo, bạn cần tìm một tùy chọn chẳng hạn như ‘Kiểu chữ’. Các tùy chọn có sẵn và chúng được gọi là gì, sẽ khác nhau tùy thuộc vào chủ đề của bạn.

Select 'Typography' or a similar option in the theme customizer

Hãy tiếp tục và nhấp vào tab Kiểu chữ hoặc một tùy chọn tương đương. Tiếp theo, hãy tìm một cài đặt mà bạn có thể thay đổi văn bản của các bài đăng và trang của mình. Trong OceanWP, đây được gọi là văn bản ‘Nội dung’. Bạn cần nhấp vào đây để có thể tùy chỉnh màu phông chữ và hơn thế nữa.

Select the Body text to modify in the customizer

Khi bạn nhấp vào bộ chọn Màu Phông chữ, bạn sẽ thấy một bộ chọn màu. Chọn bất kỳ màu nào bạn muốn sử dụng cho văn bản của mình. Thao tác này sẽ thay đổi màu văn bản trong tất cả các bài đăng và trang của bạn.

Picking the color for your body text using the theme customizer

Bạn cũng có thể thay đổi màu tiêu đề của mình theo cách tương tự, bằng cách sử dụng các tùy chọn để thay đổi H1, H2, v.v.

Khi bạn hài lòng với các thay đổi của mình, hãy nhấp vào nút ‘Xuất bản’ ở đầu màn hình.

Publishing your changes to your website

Mẹo: Chọn văn bản màu đen hoặc xám đậm trên nền trắng hoặc rất sáng thường là tốt nhất để dễ đọc.

Phương pháp 3. Thay đổi màu văn bản bằng mã CSS

Điều gì sẽ xảy ra nếu chủ đề của bạn không có tùy chọn thay đổi màu văn bản?

Bạn vẫn có thể thay đổi màu phông chữ trên toàn bộ trang web bằng cách sử dụng công cụ tùy chỉnh chủ đề. Chuyển đến Giao diện »Tùy biến trong bảng điều khiển WordPress.

Ở cuối danh sách các tùy chọn, bạn sẽ thấy một tab có nội dung ‘CSS bổ sung’.

Open up the Additional CSS section of the theme customizer

Tiếp theo, nhấp vào tab CSS bổ sung và bạn sẽ thấy một số hướng dẫn cùng với một hộp để bạn có thể nhập mã CSS.

Đối với người mới bắt đầu, bạn có thể sao chép mã này vào hộp. Sau đó, bạn có thể thay đổi 6 số thành mã hex của màu bạn đã chọn.

p { color:#990000; }

Enter the CSS for changing the paragraph color into the theme customizer

Thao tác này sẽ thay đổi màu phông chữ của văn bản thông thường trong tất cả các bài đăng và trang của bạn thành màu đỏ sẫm (hoặc bất kỳ màu nào bạn chọn), như sau:

Text color customized site-wide using CSS code

Nếu bạn muốn thay đổi màu của các tiêu đề trong bài đăng của mình, bạn có thể thêm mã này để thay thế:

h2 { color:#990000; }

Một lần nữa, thay đổi mã hex thành bất kỳ màu nào bạn muốn.

Nếu bạn không quen thuộc với CSS hoặc muốn có một trình chỉnh sửa CSS thân thiện với người mới bắt đầu cho phép bạn dễ dàng tùy chỉnh toàn bộ kiểu trang web của mình, thì chúng tôi khuyên bạn nên xem xét CSS Hero. Đó là một trình chỉnh sửa trực quan mạnh mẽ cho phép bạn tùy chỉnh các kiểu của toàn bộ trang web của mình.

CSS Hero plugin

Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách thay đổi màu văn bản trong WordPress. Bạn cũng có thể thích hướng dẫn của chúng tôi về cách thay đổi kích thước phông chữ trong WordPress và cách thêm phông chữ tùy chỉnh trong WordPress.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Free Download Cách thay đổi màu văn bản trong WordPress (3 phương pháp dễ dàng) :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

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

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress