Một số thao tác cơ bản
Theme Options
Bạn truy cậpFlatsome->Theme Optionsở bất kỳ trang nào, ngay phía trên cùng hoăc vào trang Quản trị [Admin] chọnGiao diện->Tùy chỉnh.
TạiTheme Optionsbạn sẽ cấu hình, chỉnh sửa được các phần sau:
- Header[phần đầu trang]: Top bar, Main Menu, Bottom Menu, Sticky menu, logo, banner, giỏ hàng, số điện thoại, menu,
- Footer[phần cuối trang]: Các cột cuối trang, thông tin bản quyền, các khối nội dung [block]
- Shop: chỉnh sửa các thông tin bên trong trang sản phẩm, bố cục trang danh mục sản phẩm,
- Blog: chỉnh sửa layout, ngày giờ, và nhiều chỉnh sửa liên quan
- Style: chỉnh sửa màu sắc, font chữ, tùy biến css
Chỉnh sửa Widget [Sidebar]
Truy cậpGiao diện->Widget
Sau đó xổ các mụcWidgetra để tìm ra widget cần chỉnh
Tùy biến màu sắc
Flatsome cho phép bạn tùy biến màu sắc như: màu chủ đạo, màu sắc chung của văn bản, đường link. Nếu trong tính năng tùy biến màu sắc của theme không cho phép thay đổi bạn phải sử dụng tính năng Custom CSS để định nghĩa màu sắc theo ý muốn [tất nhiên là bạn phải biết lập trình CSS]
Truy cập Flatsome -> Theme Options -> Style -> Color
Tùy biến CSS
CSS dùng để tùy biến màu sắc, giao diện cho website khi mà theme không có tính năng tùy chỉnh. Nếu khách hàng có kiến thức lập trình CSS và có nhu cầu tùy biến CSS thì có thể truy cậpFlatsome->Theme Options->Custom CSS.
Lưu ý: đây là tùy biến nâng cao dành cho lập trình viên, MuaTheme chỉ hướng dẫn nơi bạn có thể tùy biến chứ không hướng dẫn chi tiết lập trình css như thế nào.
Hoặc bạn cũng có thể sửa trên file style.css của theme bằng cách truy cậpGiao diện->Sửa-> Chọn sửa file style.css
Chỉnh sửa Menu
Vì là theme WordPress nên khi cần chỉnh sửa cấu trúc menu [text, link] bạn truy cập Giao diện -> Menu -> Chọn menu cần chỉnh [Menu chính, menu anh mục sản phẩm, top bar menu] để chỉnh
Chỉnh sửa Header
Bạn tùy biến hầu hết nội dung ở đầu trang [Header]: Logo, Menu, các nội dụng đặt trên header [banner, hotline]
a. Cấu trúc của header và cách tùy biến
Cấu trúc củaHeadergồm thường gồm 3 phần:Top Bar,Header MainvàHeader Bottom, tương ứng với 3 phần của header ở bên ngoài website như hình bên dưới:
Việc tùy biến Header hầu hết đều xử lý ở Flatsome -> Theme Options -> Header
b. Sửa nhanh nội dung dạng Block trong Main Header
Bạn thường thấy ởMain Header, bên phảiLogothường có khối nội dung [hot line, số điện thoại, banner], bạn có thể thấy khối này ở trong trang quản trị -> menuBlocks-> Rê chuột vào block cần sửa, chọnEdit with UX Builder
Hoặc bạn có thể truy cập nhanh bằng cách ra ngoài trang chủ, rê chuột vào khối nội dung cần sửa trênHeader Mainrồi chọnUX Builder
Tùy biến Header menu trên Mobile
Bạn có thể tùy biến vị trí menu xuất hiện trên mobile, tùy biến menu hiển thị những gì, bằng cách truy cậpFlatsome->Theme Options->Header->Header Mobile
Chỉnh sửa Footer
Nội dung chân trang
Theme Flatsome có 2 kiểu trình bày Footer: thông quaWidgetvà thông quaBlocks
a. Nếu Footer tạo từ Widgetthì ở trong trang Admin , bạn vàoGiao diện->Widget-> Xổ tabFooter 2hoặcFooter 1để sửa các cột Footer
b. Nếu Footer tạo từ Blocks, tương tự như sửa Block ởMain header, thì ở trang chủ, bạn rê chuột vào nội dung của Footer, sẽ thấy 1 menu hiện lên [Edit Block: Footer], bạn click vàoUX Builder
Sửa thông tin bản quyền
Là phần nội dung cuối cùng của trang [Thiết kế bởi, bản quyền của]. Bạn truy cậpFlatsome->Theme Options->Footer-> Kéo xuống mụcAbsolute Footer
Chỉnh sửa Blocks
Block là các khối nội dung được người dùng dựng ra theo ý muốn và có thể sử dụng lại ở chỗ khác dưới dạng shortcode [dùng ở trang , bài viết, header, footer, chi tiết trang chủ]
Để sửa 1 block có sẵn, bạn truy cập,UXBlocks->Blocks
Sau đó rê chuột vào Block cần sửa chọnEdit witht UX Builder
Chỉnh sửa trang chủ
Để tiến hành chỉnh sửa trang chủ, bạn truy cập vào trang chủ của website, rồi chọnSửa trang->Edit with UX Builder
Lúc này, trình chỉnh sửa trang UX builder sẽ thể hiện trang chủ của bạn ở chế độ chỉnh sửa [Hình bên dưới]. Bạn sẽ thấy các khối nội dung của trang chủ sẽ thể hiện ở bên trái, bạn muốn sửa ở đâu thì chọn vào nút mũi tên hoặc bánh răng để chuyển sang chế độ sửa.
Giả sử trong trường hợp này, bạn muốn thay các hình ảnh của Slider bạn chọn tới khốiSlider-> rồiImagecần sửa -> Chọn Options
Chèn mã JavaScript
Giúp bạn chèn thêm mã Javascript [Google Analytics, Facebook Chat,]. Truy cập Flatsome -> Advanced -> Global Settings. Sau đó chèn code vào Header Script hoặc Footer Script
Tùy biến trang chi tiết sản phẩm
Bạn thường thấy theme Flatsome được thêm các đoạn văn bản, hình ảnh bên trên hoặc bên dưới nút Add To Cart [thêm vào giỏ] hoặc có theme tabHướng dẫn thanh toánbên cạnh tab mô tả sản phẩm như hình bên dưới
Bạn truy cậpFlatosme->Theme Options->Shop [WooCommerce]->Product Pageđể tùy chỉnh
Theo mua themes