Cách thay đổi màu lựa chọn văn bản mặc định trong WordPress
Bạn đang tìm cách thay đổi màu lựa chọn văn bản mặc định trong WordPress?
Bạn có thể làm cho trang web WordPress của mình nổi bật bằng cách chú ý đến các chi tiết nhỏ, chẳng hạn như sử dụng màu chọn văn bản phù hợp với thiết kế trang web của bạn.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thay đổi màu lựa chọn văn bản mặc định trong chủ đề WordPress của bạn.
Tại sao thay đổi màu lựa chọn văn bản mặc định?
Màu sắc là một phần quan trọng trong thương hiệu của bạn, vì vậy điều quan trọng là chọn cách phối màu hoàn hảo cho trang web WordPress của bạn. Điều này có thể giúp trang web của bạn nổi bật và khiến khách truy cập ở lại trang web của bạn lâu hơn.
Bằng cách này, cách phối màu trang web của bạn thậm chí có thể tăng số lượt xem trang và giảm tỷ lệ thoát.
Khi nói đến thiết kế, bạn rất dễ quên mất màu sắc của văn bản. Tuy nhiên, không có gì đảm bảo rằng màu lựa chọn văn bản mặc định của chủ đề sẽ trông đẹp trên blog WordPress, phù hợp với thương hiệu của bạn hoặc thu hút đối tượng mục tiêu của bạn.
Như đã nói, hãy xem cách bạn có thể thay đổi màu lựa chọn văn bản mặc định trong WordPress. Chỉ cần sử dụng các liên kết bên dưới để chuyển sang phương pháp bạn muốn sử dụng:
Phương pháp 1: Sử dụng Cài đặt chủ đề WordPress (Dễ dàng)
Một số chủ đề WordPress cho phép bạn thay đổi màu lựa chọn văn bản mặc định. Để kiểm tra xem chủ đề của bạn có đúng như vậy hay không, bạn cần truy cập Giao diện » Tùy chỉnh.
Tại đây, hãy tìm bất kỳ cài đặt nào có nhãn 'Màu sắc'.
Nếu bạn thấy tab 'Chung', 'Toàn cầu' hoặc tab tương tự thì tab này thường chứa cài đặt màu của chủ đề.
Ví dụ: nếu bạn đang sử dụng chủ đề Astra WordPress phổ biến thì bạn sẽ cần chọn tab ‘Toàn cầu’.
Sau đó, nhấp vào ‘Màu sắc’ để xem tất cả các màu khác nhau tạo nên chủ đề WordPress đáp ứng này.
Tiếp theo, bạn phải nhấp vào ‘Dấu’.
Thao tác này sẽ mở bộ chọn màu nơi bạn có thể chọn màu chọn văn bản mới.
Khi bạn thực hiện thay đổi, bản xem trước trực tiếp sẽ tự động cập nhật. Vì vậy, bạn có thể thử các cài đặt khác nhau để xem cái nào phù hợp nhất cho trang web WordPress của mình.
Khi bạn hài lòng với những thay đổi của mình, chỉ cần nhấp vào ‘Xuất bản’ để chúng hiển thị.
Sau đó, bạn sẽ thấy màu lựa chọn văn bản mới trực tiếp trên blog hoặc trang web WordPress của bạn.
Ngay cả khi bạn không thấy bất kỳ cài đặt màu nào trong tùy biến chủ đề WordPress, bạn vẫn nên kiểm tra tài liệu về chủ đề của mình để xem liệu có cách nào để thay đổi màu chọn văn bản mặc định hay không.
Bạn thậm chí có thể liên hệ với nhà phát triển chủ đề để được trợ giúp. Để biết thêm thông tin, vui lòng xem hướng dẫn của chúng tôi về cách yêu cầu hỗ trợ WordPress đúng cách và nhận được nó.
Phương pháp 2: Sử dụng mã để thay đổi màu lựa chọn văn bản (Hoạt động với tất cả các chủ đề)
Nếu bạn không thấy cách thay đổi màu lựa chọn văn bản trong tùy biến chủ đề thì có một tùy chọn khác là sử dụng mã CSS.
Thông thường, bạn sẽ tìm thấy các đoạn mã CSS trong phần hướng dẫn về WordPress kèm theo hướng dẫn cách thêm chúng vào tệp functions.php của chủ đề.
Vấn đề lớn nhất là ngay cả một lỗi nhỏ trong đoạn mã cũng có thể phá hủy hoàn toàn trang web WordPress của bạn. Chưa kể, bạn sẽ mất tất cả mã tùy chỉnh khi cập nhật chủ đề WordPress.
Đó là lúc WPCode xuất hiện.
Plugin đoạn mã này giúp bạn dễ dàng thêm CSS, PHP, HTML tùy chỉnh, v.v. vào WordPress mà không làm hỏng trang web của bạn hoặc khiến trang web không thể truy cập được.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin WPCode miễn phí. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt, hãy đi tới Đoạn mã » Thêm đoạn mã trong bảng điều khiển quản trị viên WordPress của bạn.
Tại đây, chỉ cần di chuột qua ‘Thêm mã tùy chỉnh của bạn’.
Khi nó xuất hiện, hãy nhấp vào nút ‘Sử dụng đoạn mã’.
Để bắt đầu, hãy nhập tiêu đề cho đoạn mã tùy chỉnh. Đây có thể là bất kỳ thứ gì giúp bạn xác định đoạn mã trong bảng điều khiển WordPress.
Sau đó, bạn cần mở menu thả xuống ‘Loại mã’ và chọn ‘Đoạn CSS’.
Sau đó, bạn có thể thêm CSS sau vào hộp Xem trước mã:
::-moz-selection {
background-color: #FFA500;
color: #fff;
}
::selection {
background-color: #FFA500;
color: #fff;
}
Lưu ý rằng chúng tôi đã thêm hai kiểu. Bộ chọn CSS ::moz-selection hoạt động với trình duyệt Firefox và bộ chọn CSS ::selection hoạt động với các trình duyệt phổ biến khác như Google Chrome, Safari, IE9+ và Opera.
Trong ví dụ trên, mã # hex sẽ thay đổi màu liên kết thành màu cam, vì vậy bạn sẽ cần thay đổi màu nền: #FFA500 thành màu bạn muốn sử dụng cho văn bản được đánh dấu.
Nếu không chắc chắn nên sử dụng mã hex nào thì bạn có thể khám phá các màu khác nhau và lấy mã của chúng trên trang web Mã màu HTML.
Khi bạn hài lòng với giao diện mã của mình, chỉ cần nhấp vào nút chuyển đổi 'Không hoạt động' để hiển thị 'Hoạt động'.
Cuối cùng, nhấp vào ‘Save Snippet’ để hiển thị đoạn mã CSS.
Bây giờ bạn có thể truy cập trang web của mình để xem những thay đổi đang hoạt động.
Đây là giao diện trên trang web demo của chúng tôi.
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 lựa chọn văn bản mặc định trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách tạo biểu mẫu liên hệ trong WordPress và xem danh sách các plugin tạo trang kéo và thả WordPress tốt nhất của chúng tôi.
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 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.