Đây là bài hướng dẫn Thiết Kế Website Bán Hàng Bằng Theme Flatsome Phần 2 , nếu bạn nào chưa đọc bài hướng dẫn ở phần 1 hãy xem tại đây nhé :
Mục lục
TÙY CHỈNH MỘT VÀI THÔNG SỐ CƠ BẢN
Để tùy biến các thành phần trên website , bạn hãy vào Giao diện ==> Tùy Biến hoặc Flatsome ==> Theme Option
Cách 1 : Vào Giao diện , chọn Tùy biến
Cách 2 : Chọn Flatsome , chọn Theme Option
Giao diện tùy biến website
GIỚI THIỆU CÁC TÙY CHỈNH CỦA THEME FLATSOME :
Header :
- Presets : Thay đổi được giao diện header
- Logo & Site Identify : Thay đổi Logo và Favicon ( Biểu tượng site ) , khẩu hiệu , tùy chỉnh hiển thị của Logo
- Top Bar : tùy chỉnh thanh header trên cùng của website ( ẩn hiện , màu sắc chữ, màu sắc background, kiểu menu nếu có )
- Header main : tùy chỉnh thanh header ở giữa ( độ rộng , chiều cao , màu chữ, màu sắc background màu hoặc hình, chọn kiểu menu, khoảng cách giữa các menu , kích thước chữ menu , màu chữ menu , … )
- Header bottom : tùy chỉnh thanh header cuối cùng ( chiều cao , màu sắc background, chiều cao , kiểu menu , màu chữ, màu chữ menu , …. )
- Header Mobile Menu : tùy chỉnh header trên mobile
- Sticky Header : Header chạy theo khi kéo chuột xuống phần nội dung ( có thể custom Logo trên sticky header )
Style :
- Color
- Main Color: tùy chỉnh màu sắc của website, bao gồm 4 loại màu ( Primary Color : màu chủ đạo của website, Secondary Color : màu nhấn của website , Success Color : màu chữ thông báo thành công , Alert Color : màu chữ thông báo
- Type : tùy chỉnh màu chữ website
- Base Color : Tùy chỉnh màu chữ toàn bộ website
- Headline Color : Tùy chỉnh màu chữ tiêu đề website
- Devider Color : Tùy chỉnh màu đường kẻ website
- Link : tùy chỉnh màu của link
- Link colors : tùy chỉnh màu của link
- Link colors:hover : tùy chỉnh màu của link khi đưa chuột vào link đó
- Shop Color :
- Add to cart / Checkout buttons : màu của nút thêm vào giỏ và thanh toán
- Sale bubble : màu của nhãn dán Khuyến mãi
- New bubble : màu của nhãn dán Sản phẩm mới
- Review Stars : màu của các ngôi sao khi nhận xét
- Typography : tùy chỉnh Font Chữ của Website
- Headlines : tùy chỉnh Font Chữ của các tiêu đề trên website ( Thẻ H1, H2, H3 , … )
- Base : tùy chỉnh Font Chữ, cỡ chữ, cho toàn bộ văn bản trên website
- Navigation : tùy chỉnh Font Chữ cho thanh menu
- Text Transforms : tùy chỉnh kiểu chữ in hoa
Blog : Tùy chỉnh giao diện cho Trang Chuyên Mục ( Danh mục bài viết )
- Blog Layout : tùy chỉnh giao diện hiển thị trong trang Chuyên mục
- Tùy chỉnh sidebar : bên trái, bên phải, không hiển thị
- Enable Sidebar Divider : Bật / tắt đường phân cách giữa nội dung và Sidebar
- Post Layout : tùy chỉnh giao diện hiển thị trong trang Chuyên mục
- Show Excerpts Only : Bật / Tắt hiển thị mô tả bài viết
- Depth : Chỉnh độ bóng cho mỗi bài viết
- Posts Title Style : Tùy chỉnh kiểu hiển thị của tiêu đề bài viết ( nằm trên hoặc dưới hình )
- Posts Title Align : canh lề tiêu đề bài viết
- Date Box Style : Chọn kiểu hiển thị ngày tháng đăng bài
Cài Đặt Trang Chủ : Chọn giao diện hiển thị của trang chủ
Có 2 kiểu hiển thị ở trang chủ :
- Bài viết mới nhất :Hiển thị tất cả bài viết của website
- Trang tĩnh : Hiển thị theo nhu cầu của người sử dụng ( thiết kế, tùy chỉnh theo ý của mình )
- Trang chủ : chọn một trang bất kỳ thành trang chủ
- Trang tập hợp bài viết : chọn một trang bất kỳ thành trang chuyên mục
Tùy chỉnh Font chữ :
Các font thường sử dụng cho website : Roboto , Open Sans, Arial , Tahoma , …. Mình khuyên các bạn nên sử dụng font Roboto vì tính thông dụng và sự thẩm mỹ của ẻm.
