chỉ dẫn sử dụng Flatsome chi tiết nhất từ a- z cho người mới theo kiểu cầm tay chỉ việc, chỉ cần danh thời gian 15 phút đọc bài viết là bạn sở hữu thể dùng thành thạo căn bản, bài viết gần như các thao tác tạo header, footer, vun đắp thực đơn, tối ưu hóa cửa hàng, chỉnh sửa trang thanh toán, chỉnh sửa giỏ hàng, phương pháp cài đặt theme, vun đắp trang landing page..
hướng dẫn tùy chỉnh các thành phần trong Flatsome
Tùy chỉnh mắc sắc, font chữ và logo
Để tùy biến màu sắc, font chữ và logo bạn chọn Giao diện > Tùy biến.
[caption id="attachment_6948" align="aligncenter" width="900"]
chỉ dẫn tiêu dùng theme Flatsome chi tiết nhất trong khoảng a-z năm 2023[/caption]
Tiếp theo chọn Style để tùy chỉnh màu sắc và font chữ theo nhu cầu.
Tùy chỉnh css và JavaScript
Để tùy chỉnh code hoặc thêm những mã JavaScript bên thứ ba như: Facebook Pixel, Hotjar, Google Analytics bạn truy cập phần Advanced > Global settings, muốn tùy chỉnh css bạn vào tab Custom CSS.
Tùy chỉnh Flatsome blog
Flatsome là một theme chuyên chuyên dụng cho nhu cầu xây dựng trang web bán hàng ngoài ra nếu như bạn muốn tiêu dùng những tính năng blog cơ bản thì Flatsome hoàn toàn đáp ứng được, chọn Giao diện > Tùy biến sau đấy chọn Blog.
Trong phần blog single post sẽ mang những tùy chỉnh như sau:
- Transparent Header: tùy chọn header trong suốt
- Enable Header Meta: tùy chọn những tính chất meta trên header
- Enable Featured Image: hiển thị hình ảnh thumbnail đầu trang
- Enable Share Icons: hiển thị nút share
- Enable Footer Meta: tùy chọn hiển thị tính chất meta ở footer
- Enable Blog Author Box: hiển thị author box
- Enable Next/Prev Navigation: bật tính năng next post
hướng dẫn tạo shortcode Flatsome
Shortcode nhất thời dịch là mã ngắn, đây là một tính năng khá hay của WordPress giúp bạn tùy biến và chèn nội dung vào bất cứ nơi đâu trên website, để tạo shortcode bạn vào UX Blocks tạo một blocks mới, lúc tạo xong bạn chú ý góc phải màn hình phần shortcode, giờ bạn sở hữu thể copy shortcode này để chèn vào những bài viết.
Để chèn shortcode bạn chỉ cần copy mã và dán vào trang nội dung bất kỳ.
Việt hóa theme Flatsome
Flatsome là 1 theme nước ngoài vì vậy đa số giao diện vẫn chưa hỗ trợ Tiếng Việt, do vậy bạn cần dịch nó sang tiếng nói Tiếng Việt, trước hết bạn cài đặt plugin Loco Translate, tiếp theo chọn theme Flatsome để việt hóa.
Tạo ngôn ngữ mới cho Flatsome.
Chọn ngôn ngữ Tiếng Việt, chọn location Custom.
Lọc từ mà bạn cần dịch sau đó điền bản dịch và ấn Save để hoàn tất, load lại trang xem bản dịch đã thành công hay chưa, xóa cache toàn trang web giả dụ mang.
TÙY CHỈNH WOOCOMMERCE FLATSOME
Để tùy chỉnh những tùy chọn trên Woocommerce bạn tróc nã cập Advanced > Woocomerce.
khởi đầu tùy chỉnh từ trên xuống dưới, phần Store notice (thông báo cửa hàng) bạn điền thông tin bất kỳ nhé, thông báo sẽ hiện ở trên cộng phần header khi khách hàng tầm nã cập vào trang web.
Tiếp theo là phần Product Catalog bạn chọn chỉ hiển thị sản phẩm, đoạn bộ lọc sản phẩm sẽ có 5 tùy chọn chính ấy là:
- Default sorting: lọc mặc định theo tên sản phẩm
- Popularity (sales): lọc theo sản phẩm được bán rộng rãi nhất
- Average rating: lọc theo sản phẩm với Phân tích cao nhất
- Sort by most recent: lọc theo các sản phẩm cập nhật sắp nhất
- Sort by price (asc): lọc theo giá trong khoảng phải chăng lên cao
- Sort by price (desc): lọc theo giá trong khoảng cao xuống thấp
Tiếp theo tới phần tùy chỉnh trang sản phẩm cho Flatsome, bạn tùy chọn lần lượt layout, header và kích thước của hình ảnh.
các phần trả tiền, giỏ hàng và trang thanh toán bạn Nhận định và tự tùy chỉnh nhé vì phần này hơi dễ, cuối cùng chúng ta sẽ tùy chỉnh Site search giúp website có thể sắm các sản phẩm nhanh gọn lẹ hơn.
[caption id="attachment_6963" align="aligncenter" width="900"]
chỉ dẫn tiêu dùng theme Flatsome chi tiết nhất trong khoảng a-z năm 2023[/caption]
Chọn lần lượt những tùy chỉnh như hình bên dưới, enable live seach giúp hiển thị các kết quả tìm kiếm tức tốc, phần search results latency (độ trễ khi hiển thị) bạn set 500 ms hoặc 1000 ms, bật thêm tùy chọn tìm kiếm theo sku và tag sản phẩm nếu cần.
xây dựng LANDING PAGE có UX BUILDER
Landing page là buộc phải chẳng thể thiếu nếu như bạn mang ý định vun đắp trang web bán hàng, landing page giúp người dùng hiểu rõ hơn về sản phẩm của bạn, đẩy cảm xúc của khách hàng lên cao từ đó gia nâng cao chuyển đổi cho website, Flatsome tương trợ sẵn trình UX Builder giúp bạn xây dựng landing page nhanh gọn chỉ sở hữu thao tác kéo thả.
Để tạo landing page bất kỳ bạn chọn tạo trang mới, tiếp theo chọn Edit with UX Builder.
đến đây bạn có thể chọn add elements và kéo thả những block tùy theo sở thích, chọn Flatsome Studio để import các loại dựng sẵn từ dịch vụ.
[caption id="attachment_6967" align="aligncenter" width="900"]
hướng dẫn tiêu dùng theme Flatsome chi tiết nhất từ a-z năm 2023[/caption]
mẫu sau lúc import sẽ sở hữu cấu trúc bao gồm những section, column và phần tử, ấn vào phần Options để tùy chỉnh các thông số. Rốt cuộc ấn vào nút Publish để lưu trang landing page.
1 thủ thuật nho nhỏ lúc vun đắp landing page ấy là hãy tùy chỉnh hiển thị cho rộng rãi cái thiết bị khác nhau, vào tùy chọn Options và set visibility cho từng phần tử.
TÙY CHỈNH HEADER VÀ FOOTER FLATSOME
Flatsome là một trong số ít những theme mang giao diện header theo kiểu kéo thả, bạn ko cần phải can thiệp quá nhiều về code, Flatsome hỗ trợ chuyên biệt 2 phần menu cho máy tính để bàn và đồ vật di động. Để tiết kiệm thời kì bạn cũng với thể tiêu dùng những presets mà nhà cung cấp đã cung ứng.
[caption id="attachment_6970" align="aligncenter" width="900"]
hướng dẫn dùng theme Flatsome chi tiết nhất từ a-z năm 2023[/caption]
Phần Footer bạn cũng tùy biến như vậy thôi, chú ý thành phần Edit footer widget sử dụng để thêm các widget vào Footer.
Phần Footer sẽ gồm 3 thành phần chính đấy là Footer 1, Footer 2 và Absolute Footer, hãy chèn tuần tự các wigdet vào Footer 1 sau đấy đến Footer 2, trường hợp không dùng Footer 2 hãy disable nó đi.
Chọn disable Footer 2 giả dụ ko tiêu dùng.
Chỉnh sửa text cho phần bottom Footer.
như vậy là bài hướng dẫn dùng theme Flatsome đến đây đã hết, chúc Các bạn thành công
hướng dẫn tiêu dùng Flatsome chi tiết nhất từ a- z cho người mới theo kiểu cầm tay chỉ việc, chỉ cần danh thời gian 15 phút đọc bài viết là bạn sở hữu thể tiêu dùng thuần thục căn bản, bài viết hồ hết các thao tác tạo header, footer, vun đắp thực đơn, tối ưu hóa shop, chỉnh sửa trang trả tiền, chỉnh sửa giỏ hàng, phương pháp cài đặt theme, xây dựng trang landing page..
chỉ dẫn tùy chỉnh các thành phần trong Flatsome
Tùy chỉnh mắc sắc, font chữ và logo
Để tùy biến màu sắc, font chữ và logo bạn chọn Giao diện > Tùy biến.
Tiếp theo chọn Style để tùy chỉnh màu sắc và font chữ theo nhu cầu.
Tùy chỉnh css và JavaScript
Để tùy chỉnh code hoặc thêm các mã JavaScript bên thứ ba như: Facebook Pixel, Hotjar, Google Analytics bạn tầm nã cập phần Advanced > Global settings, muốn tùy chỉnh css bạn vào tab Custom CSS.
Tùy chỉnh Flatsome blog
Flatsome là một theme chuyên dùng cho nhu cầu vun đắp trang web bán hàng bên cạnh đó giả dụ bạn muốn sử dụng các tính năng blog căn bản thì Flatsome hoàn toàn đáp ứng được, chọn Giao diện > Tùy biến sau đó chọn Blog.
Trong phần blog single post sẽ mang những tùy chỉnh như sau:
- Transparent Header: tùy chọn header trong suốt
- Enable Header Meta: tùy chọn các thuộc tính meta trên header
- Enable Featured Image: hiển thị hình ảnh thumbnail đầu trang
- Enable Share Icons: hiển thị nút share
- Enable Footer Meta: tùy chọn hiển thị tính chất meta ở footer
- Enable Blog Author Box: hiển thị author box
- Enable Next/Prev Navigation: bật tính năng next post
chỉ dẫn tạo shortcode Flatsome
Shortcode tạm bợ dịch là mã ngắn, đây là một tính năng tương đối hay của WordPress giúp bạn tùy biến và chèn nội dung vào bất cứ nơi đâu trên website, để tạo shortcode bạn vào UX Blocks tạo một blocks mới, khi tạo xong bạn chú ý góc phải màn hình phần shortcode, giờ bạn với thể copy shortcode này để chèn vào những bài viết.
Để chèn shortcode bạn chỉ cần copy mã và dán vào trang nội dung bất kỳ.
Việt hóa theme Flatsome
Flatsome là một theme nước ngoài vì thế rất nhiều giao diện vẫn chưa hỗ trợ Tiếng Việt, cho nên bạn cần dịch nó sang ngôn ngữ Tiếng Việt, trước tiên bạn cài đặt plugin Loco Translate, tiếp theo chọn theme Flatsome để việt hóa.
Tạo ngôn ngữ mới cho Flatsome.
Chọn ngôn ngữ Tiếng Việt, chọn location Custom.
Lọc trong khoảng mà bạn cần dịch sau đấy điền bản dịch và ấn Save để hoàn thành, load lại trang xem bản dịch đã thành công hay chưa, xóa cache toàn trang web giả dụ có.
TÙY CHỈNH WOOCOMMERCE FLATSOME
Để tùy chỉnh những tùy chọn trên Woocommerce bạn tróc nã cập Advanced > Woocomerce.
bắt đầu tùy chỉnh trong khoảng trên xuống dưới, phần Store notice (thông báo cửa hàng) bạn điền thông tin bất kỳ nhé, thông tin sẽ hiện ở trên cùng phần header lúc khách hàng truy cập vào trang web.
Tiếp theo là phần Product Catalog bạn chọn chỉ hiển thị sản phẩm, đoạn bộ lọc sản phẩm sẽ sở hữu 5 tùy chọn chính đó là:
- Default sorting: lọc mặc định theo tên sản phẩm
- Popularity (sales): lọc theo sản phẩm được bán phổ quát nhất
- Average rating: lọc theo sản phẩm mang Nhận định cao nhất
- Sort by most recent: lọc theo những sản phẩm cập nhật gần nhất
- Sort by price (asc): lọc theo giá trong khoảng rẻ lên cao
- Sort by price (desc): lọc theo giá từ cao xuống thấp
Tiếp theo đến phần tùy chỉnh trang sản phẩm cho Flatsome, bạn tùy chọn tuần tự layout, header và kích thước của hình ảnh.
các phần trả tiền, giỏ hàng và trang trả tiền bạn Đánh giá và tự tùy chỉnh nhé vì phần này hơi dễ, rốt cục chúng ta sẽ tùy chỉnh Site search giúp website với thể mua những sản phẩm nhanh gọn lẹ hơn.
Chọn tuần tự những tùy chỉnh như hình bên dưới, enable live seach giúp hiển thị những kết quả kiếm tìm lập tức, phần search results latency (độ trễ lúc hiển thị) bạn set 500 ms hoặc 1000 ms, bật thêm tùy chọn tìm kiếm theo sku và tag sản phẩm nếu như cần.
vun đắp LANDING PAGE có UX BUILDER
Landing page là đề xuất không thể thiếu nếu bạn sở hữu ý định xây dựng trang web bán hàng, landing page giúp các bạn hiểu rõ hơn về sản phẩm của bạn, đẩy xúc cảm của người mua lên cao từ ấy gia nâng cao chuyển đổi cho website, Flatsome hỗ trợ sẵn trình UX Builder giúp bạn vun đắp landing page nhanh gọn chỉ sở hữu thao tác kéo thả.
Để tạo landing page bất kỳ bạn chọn tạo trang mới, tiếp theo chọn Edit with UX Builder.
tới đây bạn sở hữu thể chọn add elements và kéo thả những block tùy theo thị hiếu, chọn Flatsome Studio để import những mẫu dựng sẵn từ nhà cung cấp.
cái sau lúc import sẽ sở hữu cấu trúc bao gồm các section, column và phần tử, ấn vào phần Options để tùy chỉnh những tham số. Rốt cuộc ấn vào nút Publish để lưu trang landing page.
1 thủ thuật nho nhỏ lúc vun đắp landing page ấy là hãy tùy chỉnh hiển thị cho nhiều chiếc vật dụng khác nhau, vào tùy chọn Options và set visibility cho từng phần tử.
TÙY CHỈNH HEADER VÀ FOOTER FLATSOME
Flatsome là 1 trong số ít những theme mang giao diện header theo kiểu kéo thả, bạn không cần phải can thiệp quá phổ biến về code, Flatsome tương trợ chuyên biệt hai phần thực đơn cho máy tính để bàn và vật dụng di động. Để tiết kiệm thời kì bạn cũng mang thể sử dụng các presets mà nhà cung cấp đã sản xuất.
Phần Footer bạn cũng tùy biến như vậy thôi, chú ý thành phần Edit footer widget tiêu dùng để thêm các widget vào Footer.
Phần Footer sẽ gồm 3 thành phần chính đó là Footer 1, Footer hai và Absolute Footer, hãy chèn tuần tự các wigdet vào Footer một sau ấy tới Footer 2, trường hợp không dùng Footer hai hãy disable nó đi.
Chọn disable Footer 2 ví như ko tiêu dùng.
Chỉnh sửa text cho phần bottom Footer.
như vậy là bài hướng dẫn sử dụng theme Flatsome tới đây đã hết, chúc Các bạn thành công
Theo : https://themewp.vn/huong-dan-su-dung-theme-flatsome-chi-tiet-nhat-tu-a-z/
Thủ thuật wordpress : Thủ thuật wordpress
Chia sẽ theme Free : Theme miễn phí
Chia sẽ Plugin miễn phí : Plugin chia sẽ
