Thiết lập màu sắc, kiểu chữ và bố cục
Dùng tab Thiết kế trang web để đặt màu sắc, kiểu chữ, cỡ chữ và độ bo góc của cửa hàng một lần, cho mọi trang cùng lúc.
Thiết kế trang web giữ các cài đặt làm cho toàn bộ cửa hàng trông như một thương hiệu: màu sắc, kiểu chữ, cỡ chữ và độ bo góc. Bạn đặt mỗi cài đặt một lần, và mọi trang đều theo đó. Từng khối vẫn có thể ghi đè các cài đặt này khi bạn muốn.
Mở Thiết kế trang web
- Mở trình chỉnh sửa. Xem Tổng quan về trình chỉnh sửa.
- Trong bảng cài đặt bên phải, nhấp tab Thiết kế trang web.
- Nhấp vào một tiêu đề để mở: Nhận diện, Màu sắc, Kiểu chữ hoặc Bố cục.
Thay đổi hiển thị ngay trên trang và được lưu tự động. Cửa hàng trực tuyến của bạn chỉ thay đổi khi bạn xuất bản.
Màu sắc
Mở Màu sắc để xem bảy màu mà mọi trang được xây dựng từ đó.
- Màu nhấn: màu chính của cửa hàng. Nút và liên kết dùng màu này.
- Chữ trên màu nhấn: màu của chữ nằm trên màu nhấn, chẳng hạn nhãn nút.
- Nền trang: màu phía sau các trang của bạn.
- Bề mặt: màu của thẻ và bảng, chẳng hạn thẻ sản phẩm và hộp biểu mẫu.
- Chữ: màu của tiêu đề và các văn bản chính khác.
- Chữ phụ: màu nhạt hơn dùng cho đoạn mô tả, mô tả sản phẩm và chữ nhỏ.
- Viền: màu của các đường mảnh và khung viền.
Chọn màu
- Nhấp vào một ô màu.
- Trong bộ chọn màu mở ra, làm bất kỳ việc nào sau đây:
- Nhấp hoặc kéo trong ô vuông lớn để đặt độ sáng và độ đậm của màu, rồi kéo thanh bên dưới để đổi chính màu đó.
- Gõ hoặc dán một mã hex, chẳng hạn
#2B2622, vào ô. - Nhấp một ô mẫu dưới Màu giao diện để dùng lại màu bạn đã có, hoặc một ô dưới Gần đây cho màu bạn vừa chọn.
- Nhấp bất kỳ đâu bên ngoài bộ chọn, hoặc nhấn Esc, để đóng nó.
Kiểm tra chữ có dễ đọc không
Bên dưới bảy màu, Payly kiểm tra xem mỗi màu chữ có dễ đọc trên màu nền phía sau hay không. Nếu mọi thứ ổn, bạn sẽ thấy Mọi cặp màu đều dễ đọc. Nếu một cặp quá nhạt, danh sách sẽ nêu tên cặp đó, hiển thị tỷ lệ tương phản và mức cần thiết, rồi đưa ra nút Sửa để tự động điều chỉnh màu chữ cho bạn.
Payly không ngăn bạn chọn một cặp có độ tương phản thấp, nhưng chữ xám nhạt trên nền sáng rất khó đọc, nhất là trên điện thoại dưới ánh nắng.
Kiểu chữ
Mở Kiểu chữ để chọn phông và cỡ chữ.
- Kiểu chữ nội dung: phông cho đoạn văn, menu và nút.
- Cỡ chữ cơ bản: cỡ của chữ thông thường.
- Chiều cao dòng nội dung: khoảng cách giữa các dòng chữ. Số lớn hơn cho nhiều khoảng trống hơn.
- Kiểu chữ tiêu đề: phông cho tiêu đề. Chọn Dùng kiểu chữ của trang web để dùng phông nội dung cho tiêu đề luôn.
- Cỡ tiêu đề: làm mọi tiêu đề lớn hơn hoặc nhỏ hơn, tính theo phần trăm.
- Độ đậm tiêu đề: tiêu đề đậm đến mức nào.
- Khoảng cách chữ tiêu đề: thu hẹp hoặc nới rộng khoảng cách giữa các chữ cái của tiêu đề.
Chọn kiểu chữ
- Nhấp vào ô Kiểu chữ nội dung hoặc Kiểu chữ tiêu đề.
- Cuộn danh sách, trong đó mỗi tên được hiển thị bằng chính phông của nó. Nhóm Được đề xuất ở đầu có các phông phù hợp với đa số cửa hàng.
- Để tìm phông theo tên, gõ vào Tìm kiểu chữ….
- Nhấp vào một phông để dùng.
Danh sách bao gồm toàn bộ thư viện Google Fonts. Các phông bạn dùng được đưa vào cửa hàng khi bạn xuất bản. Nếu một phông không có trong danh sách, hãy gõ đúng tên phông trên Google Fonts vào ô tìm kiếm và chọn phông đó dưới Vẫn dùng.
Bố cục
Mở Bố cục để có hai cài đặt:
- Bo góc đặt mức bo tròn các góc của nút, thẻ và ảnh. Kéo về 0 để có góc vuông và kéo sang phải để có góc mềm. Các khối có độ bo góc riêng là Tự động sẽ theo cài đặt này.
- Hướng văn bản là Trái sang phải với đa số ngôn ngữ. Phải sang trái đảo ngược toàn bộ bố cục cho tiếng Ả Rập, tiếng Do Thái, tiếng Ba Tư và tiếng Urdu.
Nhận diện
Mở Nhận diện để đặt Biểu tượng trình duyệt, hình nhỏ hiển thị trên tab trình duyệt. Hãy dùng một ký hiệu đơn giản thay vì toàn bộ logo, vì nó hiển thị với kích thước khoảng 16 pixel. Nhấp Tải ảnh lên hoặc Xem ảnh đã tải lên, như mô tả trong Thêm hình ảnh và dùng thư viện phương tiện. Nếu để trống, logo của bạn sẽ được dùng.
Logo của bạn không nằm ở đây. Nó nằm ở đầu trang, nơi nó được hiển thị. Xem Tùy chỉnh đầu trang và chân trang.
Chỉ đổi một khối
Mọi khối văn bản, tiêu đề và nút đều có thể ghi đè kiểu chữ, cỡ chữ và màu sắc của trang. Chọn khối và mở nhóm Kiểu chữ hoặc Giao diện của nó. Xem Chỉnh sửa văn bản, tiêu đề và nút.
Mẹo: Nếu bạn muốn một diện mạo hoàn toàn khác, bạn có thể bắt đầu lại từ một trong các thiết kế có sẵn. Xem Chuyển sang mẫu thiết kế trang web khác.