[Ad_1]
Lời khuyên chung về bảng màu
Cho dù bạn có dễ dàng thêm bảng màu vào trang web Divi của mình hay không, bạn bắt buộc phải sử dụng đúng loại bảng màu cho ngành và thương hiệu của mình. Nếu bạn đã có những màu có thương hiệu, đây là sự lựa chọn hiển nhiên. Cũng như đi sâu vào lý thuyết màu sắc (nhân tiện, rất thú vị), chúng tôi có một số mẹo có thể giúp bạn tìm ra nơi bắt đầu với bảng màu mới của mình.
1. Chọn một trang web màu tối hoặc màu sáng
Trong bảng màu mà bạn sẽ sử dụng, chắc chắn bạn sẽ có các màu sáng và tối. Sự tương phản là bắt buộc trong bảng màu để nội dung viết không bị mất đi.
Bây giờ, điều đó ngay lập tức đưa chúng ta đến câu hỏi đầu tiên bạn cần tự hỏi khi muốn áp dụng bảng màu cho trang web của mình; bạn có muốn tạo một trang web màu tối hay màu sáng? Chỉ vì bạn chọn một cái không có nghĩa là bạn không thể kết hợp chúng, nhưng có một sự lựa chọn sẽ giúp bạn chọn cách phối màu dễ dàng hơn.
2. Lựa chọn màu sắc
Về lý thuyết, bạn có thể tự mình xác định xem bạn muốn có bao nhiêu màu trong bảng màu của mình. Không có phương pháp tiêu chuẩn để áp dụng hoặc xác định bảng màu. Tuy nhiên, để tạo sự cân bằng màu sắc đẹp với Divi, chúng tôi khuyên bạn nên sử dụng năm màu.
Để giúp bạn áp dụng bảng màu có năm màu cho trang web của mình, chúng tôi đã chọn một loại phương pháp mà chúng tôi sẽ áp dụng nhất quán cho cùng một bố cục khi trình bày các bảng màu khác nhau. Nhưng trước khi đi sâu vào vấn đề đó, chúng ta hãy xem xét các loại màu khác nhau mà bạn cần có trong bảng màu của mình nếu bạn định sử dụng phương pháp của chúng tôi.
Màu nền
Đảm bảo các màu nền bạn chọn phù hợp với nhau. Bạn sẽ sử dụng các màu nền này gần nhau và cho kết quả đẹp; chúng phải có một sự hòa hợp nhất định.
Màu chữ
Điều tiếp theo bạn sẽ cần phải chọn là màu chữ. Về mặt logic, màu chữ phụ thuộc vào màu nền bạn chọn. Nếu bạn đã chọn màu nền sáng, hãy đảm bảo rằng màu chữ của bạn là màu tối và ngược lại.
Màu siêu liên kết và CTA
Màu siêu liên kết bạn chọn là một trong những màu làm sống động trang web của bạn. Đảm bảo rằng màu này nổi bật so với các màu khác trong bảng màu của bạn, vì bạn sẽ sử dụng nó cho bất kỳ lời kêu gọi hành động nào mà bạn đưa vào trang web của mình.
Màu sắc cho những nét cuối cùng
Cuối cùng, bạn có thể chọn một màu làm sẵn khác sẽ mang lại màu sắc cho trang web của bạn. Mặc dù màu này không quan trọng bằng màu siêu liên kết nhưng nó sẽ giúp bạn hoàn thành việc cân bằng màu sắc trên trang web của mình.
3. Đảm bảo có đủ độ tương phản
Như đã đề cập trước đó, cung cấp độ tương phản giữa một số màu trong bảng màu của bạn là điều cần thiết. Nếu bạn đang sử dụng bảng màu cho một trang web, sự tương phản này chủ yếu sẽ giúp bạn làm cho nội dung bằng văn bản mà bạn chia sẻ có thể đọc được. Bởi vì, nếu nội dung của bạn không dễ đọc, thì vấn đề là gì?
4. Tìm sự cân bằng sử dụng màu sắc phù hợp
Có nhiều cách khác nhau để xác định tần suất bạn muốn sử dụng một màu cụ thể trong bảng phối màu của mình. Tạo sự cân bằng màu sắc tốt là cần thiết nếu bạn không muốn họ cảm thấy choáng ngợp bởi màu sắc bạn sử dụng trên trang web của mình.
Đảm bảo hầu hết thời gian sử dụng các màu trung tính nhất trong bảng màu của bạn và sử dụng các màu khác để làm nổi bật nội dung bạn cung cấp.
Cách thêm bảng màu vào trang web Divi của bạn
Với tất cả những điều đó, đã đến lúc tìm hiểu Divi và áp dụng bảng màu mới cho trang web của bạn!
Bảng màu Divi mặc định
Đầu tiên, hãy truy cập trang tổng quan WordPress của bạn và điều hướng đến Divi - Tùy chọn chủ đề. Phía dưới cái Chung , bạn sẽ thấy một mục có tiêu đề Bảng chọn màu mặc định. Điều này cho phép bạn chọn 8 màu mà bạn muốn truy cập nhanh chóng mỗi khi bạn mở các tùy chọn màu trong trình tạo Divi. Theo mặc định, đây là những màu sáng được nhiều người sử dụng, nhưng chúng không phải là một bảng màu hoàn chỉnh nên được sử dụng trên một trang web duy nhất.
Xin lưu ý rằng điều này không áp dụng màu sắc cho chính trang web của bạn. Nó chỉ trình bày chúng dưới dạng các tùy chọn nhanh trong hàm tạo.
Nhập hàm tạo Divi
Cho dù bạn có xác định bảng màu trong cài đặt Divi hay không, bạn sẽ luôn có khả năng áp dụng các màu khác nhau cho các phần tử của trang web của mình. Để thực hiện việc này, hãy vào Divi Builder và nhập các thông số của bất kỳ mô-đun nào bạn muốn điều chỉnh trong bảng màu mới của mình.
Dưới màu hiện được chọn cho bất kỳ phần tử nào, bạn sẽ thấy biểu tượng dấu chấm lửng (ba chấm). Khi bạn nhấp vào nó, bạn sẽ xuất hiện công cụ Magic Color từ Divi. Trình tạo sẽ tính đến các màu được sử dụng gần đây của bạn và các màu trên chính trang để cung cấp cho bạn một loạt nhiều bảng được tạo thành từ các màu bổ sung sẽ hoạt động với nhau khá tốt.
Xác định màu sắc toàn cầu
Khi bạn đã quyết định màu nào bạn muốn sử dụng, đã đến lúc thiết lập chúng thành màu toàn cầu. Màu toàn cục có thể được định cấu hình để thay đổi trên toàn bộ trang bất kể mô-đun hoặc phần tử. Điều này có nghĩa là nếu bạn muốn hoán đổi 5 màu khác nhau, bạn sẽ không phải làm điều đó hơn 100 lần, riêng lẻ trên các trường hợp của màu đó. Bạn sẽ làm điều này 5 lần.
Để bắt đầu, hãy chuyển đến bất kỳ mô-đun nào có bộ chọn màu. Dưới đây bạn sẽ thấy một liên kết có tên Toàn cầu. Nhấp vào nó và bảng màu toàn cầu biến mất. Từ đó, bạn sẽ xác định các màu bạn muốn cung cấp trên toàn cầu bằng cách nhấp vào nút thêm + biểu tượng.
Khi bộ chọn mới xuất hiện, hãy nhấp vào nút đánh dấu xanh để thêm màu hiện tại dưới dạng tùy chọn chung.
Vòng tròn màu trắng ở đâu không quan trọng. Giá trị thập lục phân là giá trị được thêm vào các màu toàn cục. Bây giờ bạn sẽ thấy màu mặc định được thêm vào bên cạnh biểu tượng dấu cộng. Và bạn có thể thấy rằng màu đã được áp dụng cho trang web vì biểu tượng thả trên màu thay vì hình tròn thông thường.
Ngoài ra, bạn có thể nhấp chuột phải vào màu đã chọn và chọn "Chuyển đổi sang toàn cầu" để thêm màu đó vào danh sách.
Lặp lại quy trình này cho từng màu trong bảng màu bạn đã chọn để toàn bộ bảng màu của bạn cuối cùng được lưu dưới liên kết Toàn cầu. Điều này rất quan trọng khi bạn áp dụng bảng màu mới cho tất cả các phần tử trên một trang.
Áp dụng màu toàn cầu
Sau đó, bạn muốn thay thế tất cả các trường hợp cùng màu trên trang của bạn có thể được điều chỉnh trên toàn cầu. Những gì bạn muốn làm là chuyển đến phần tử có màu bạn muốn thay đổi và nhấp chuột phải vào nó. Sau đó bạn sẽ chọn Tìm và thay thế từ menu ngữ cảnh. Không chuyển đổi màu này thành toàn cục ở đây. Đây là một phần của bước tiếp theo.
Màn hình tiếp theo sẽ là nơi bạn chọn để thay thế màu này bằng màu tổng thể của bạn. Đảm bảo rằng dưới Thay bằng bạn bấm vào Toàn cầu sau đó chọn màu tổng thể bạn muốn mở rộng trên trang. Đảm bảo bạn chọn hộp có nội dung "Thay thế tất cả các giá trị được tìm thấy trong mỗi loại tùy chọn, không giới hạn ở [chèn loại phần tử hiện tại]." Điều này sẽ đảm bảo rằng không có vấn đề gì, màu đó sẽ được thay thế.
Bây giờ bạn có thể thay đổi màu tổng thể cụ thể đó và khi bạn làm vậy, mọi trường hợp của nó sẽ thay đổi. Hãy cẩn thận, bạn không chọn một màu mới từ bảng màu. Điều này sẽ chỉ thay đổi màu hiện tại. Bạn Biên tập màu để thay đổi nó ở mọi nơi vì bạn đã đánh dấu từng trường hợp của màu đơn đó là toàn cục.
Bạn có thể chỉnh sửa nó chung bằng cách sử dụng công cụ chọn màu. Chỉ cần nhấp vào giọt để chọn một hình mới.
Sau đó, chỉ cần lặp lại quy trình này cho từng màu trong bảng màu mới của bạn. Chỉ một thay đổi cho mỗi màu trong bảng màu của bạn. Không phải là một sự trao đổi của từng mặt hàng cụ thể của một màu nhất định.
gói
Việc chọn và áp dụng bảng màu toàn cầu cho trang Divi của bạn chưa bao giờ dễ dàng hơn thế. Bạn có thể sử dụng tính năng Magic Color của chúng tôi để giúp bạn chọn bảng màu và sau đó bạn có thể đặt chúng làm màu tổng thể cho trang web của mình. Sau khi hoàn tất, tất cả những gì bạn phải làm là chọn màu bạn đang hoán đổi và sử dụng chức năng tìm kiếm và thay thế tích hợp của Divi để thay thế các màu đó trên trang. Với quy trình làm việc này, bạn chắc chắn sẽ tiết kiệm được nhiều thời gian khi thiết kế lại các trang web khác nhau và sửa đổi một số gói bố cục miễn phí của chúng tôi.
Thưởng thức!
Hình ảnh nổi bật của bài báo của ART.ICON / shutterstock.com
[Ad_2]