Trình tùy chỉnh Storefront

Có thể điều chỉnh giao diện Storefront chỉ với cho vài click bằng cách sử dụng WordPress Customizer. Cài đặt và Cấu hìnhCài đặt cho Storefront nằm trong WordPress Customizer, có thể truy cập từ hai vị trí:

• Trên frontend, trong Admin bar, hãy đến: Customize

• Trên backend Dashboard, hãy đến: Appearance > Customize

Điều Customizer hiển thị:

Cài đặt Storefront

Dưới đây là danh sách các cài đặt Storefront có thể thay đổi.

Nền

• Background image – Cho phép bạn đặt hình ảnh nền, bao gồm lặp lại, vị trí, và đính kèm.
• Background color – Cho phép bạn thay đổi màu nền của trang web.

Đầu trang

• Header background image – Xem Hình ảnh Đầu trang phần bên dưới để tìm hiểu thêm.
• Background color – Kiểm soát màu nền của đầu trang.
• Text color – Kiểm soát màu của văn bản trong đầu trang. Cũng ảnh hưởng đến màu của mục thứ cấp trong menu.
• Link color – Kiểm soát màu của links trong menu chính.

Hình ảnh Đầu trang

Cho phép bạn tải lên hình ảnh xuất hiện dưới dạng hình ảnh nền được áp dụng vào .site-header .Đối với kết quả hiện thị tốt nhất với hình ảnh nền, hãy sử dụng hình ảnh không bao gồm bất kỳ văn bản nào trong hình ảnh. Hình ảnh với nhiều chi tiết cũng có thể khiến văn bản trở nên khó đọc.Thử nghiệm một vài hình ảnh và xem cái nào phù hợp nhất với trang web của bạn, và nhớ để kiểm tra cách nó hiện thị trên thiết bị di động.

Chân trang

• Background color – Kiểm soát màu nền của chân trang.
• Heading color – Kiểm soát màu của tiêu đề ( h1, h2, h3, h4, h5, h6 ) trong chân trang.
• Text color – Kiểm soát màu của văn bản trong chân trang.
• Link color – Kiểm soát màu của links trong chân trang.

Kiểu chữ

• Heading color – Kiểm soát màu của tiêu đề ( h1, h2, h3, h4, h5, h6 ).
• Text color – Kiểm soát màu văn bản chung.
• Link / accent color – Kiểm soát màu của liên kết và một số phần tử nổi bật nhất định (như đánh giá sao).
• Hero heading color – Kiểm soát màu tiêu đề phần hùng hồn của trang chủ.
• Hero text color – Kiểm soát màu văn bản của phần hùng hồn trang chủ.

Nút

• Background color – Kiểm soát màu nền của nút
• Text color – Kiểm soát màu của văn bản trên nút
• Alternate button background color – Kiểm soát màu nền của button có .alt class.
• Alternate button text color – Kiểm soát màu văn bản của nút có .alt class.

Bố cục

• Sidebar position – Xác định vị trí của thanh bên phụ liên quan đến nội dung – bên phải, hay bên trái.

Trang sản phẩm

• Sticky Add-To-Cart – Kiểm soát hiển thị của thanh thông tin sản phẩm dính trên cùng của cửa sổ trình duyệt.
• Product Pagination – Kiểm soát hiển thị của liên kết tiếp theo và trước đó trên trang sản phẩm.

Có thêm kiểm soát nhiều hơn của thiết kế Storefront của bạn với tiện ích mở rộng Storefront Powerpack , thêm thêm nhiều tùy chọn vào Customizer.