Giao diện tương thích với tất cả thiết bị, trình duyệt, mobile, tablet, desktop…
Được code trên nền tảng mã nguồn mở WordPress dễ dàng sử dụng
Thiết kế chuẩn SEO, load nhanh nhẹ tối ưu với các công cụ tìm kiếm
Theme sạch hoàn toàn 100% không virus, không mã độc đã được kiểm tra kỹ lưỡng.
Hoàn trả 100% hoặc đổi theme khác có giá trị tương ứng nếu theme trên Demo phát sinh lỗi mà chúng tôi không thể khắc phục.
Nếu phát hiện virus và chúng tôi xác định nó phát sinh từ theme chúng tôi sẽ đền bù 3 theme bất kì.
Flatsome là giao diện tuyệt vời dành cho cửa hàng, công ty, freelancer. Giao diện bao gồm tất cả những công cụ cần thiết để tạo nên một website vô cùng nhanh, thân thiện với các thiết bị di động và mang lại một trải nghiệm tuyệt vời cho người sử dụng. Thêm vào đó là các tùy chỉnh không giới hạn như slider, giao diện kéo thả… cho bạn khả năng tạo ra bất kỳ thứ gì mà không cần động chạm đến code.
Theme dễ dàng cài đặt và sử dụng
Khi mua Theme bạn sẽ được bàn giao mã nguồn Full source code bao gồm: Code + Database được nhân bản bằng plugin duplicator (.zip + installer.php) hoặc all in one migtation (.wpress)
Bạn chỉ việc bung source lên Hosting là giao diện giống DEMO
Theme được Build trên nền theme Flatsome nên dễ dàng sử dụng với trình dựng trang kéo thả UX builder trực quan theo từng Module và dạng lưới của layout đã áp dụng vào bố cục website.
Sử dụng Child theme nên không làm ảnh hưởng theme gốc, bạn có thể nâng cấp dễ dàng để sử dụng lâu dài và không giới hạn website sửa dụng.
Trình Ux Builder Kéo Thả Trực Quan Giúp Bạn Dễ Dàng Tùy Biến Và Chỉnh Sửa
Giúp bạn có thể can thiệp vào bất cứ vị trí nào bạn mong muốn chỉnh sửa từ bố cục, hình ảnh, màu sắc,… một cách dễ dàng phù hợp với phong cách cũng như thương hiệu của bạn. Theme được code trên Child theme nên update lâu dài có thể sử dụng được nhiều domain, không giới hạn số lượng website. Giúp bạn tiết kiệm chi phí và thời gian
Source Code sau khi tải về được đóng gói dưới dạng file Duplicator bài viết hướng dẫn các bạn cách cài theme từ file duplicator . Đây là một Plugin hỗ trợ việc backup và chuyển host nhanh chóng và tiện lợi nhất hiện nay. Thông tin chi tiết về Plugin bạn có thể xem thêm trên WordPress.org:
Bước 1: Upload file Duplicator lên Hosting
Sau khi tải bộ full code mã nguồn về bạn giải nén ra sẽ gồm 2 file: 1 file installer.php và 1 file dạng ma_nguon.zip như phía dưới
Bạn cần upload 2 file đó lên host (Thường sau folder public_html), hoặc locahost thì upload vào folder website các bạn tạo trước đó là được.
Nếu ở trên localhost nên đường dẫn sẽ như sau:
Bước 2: Giải nén file Duplicator trên Host
Lúc này các bạn truy cập đường dẫn tới file installer.php để giải nén: http://tenwebsite.com/installer.php . Nếu bạn cài test trên localhost, lúc này đường dẫn sẽ như sau: http://localhost:8888/testdup/installer.php
Click vào “I have read…” sau đó ấn Next
Bước 3: Tạo Database, User, Password
Trong giao diện cPanel bạn tìm và chọn MySQL® Database Wizard
Tại đây bạn nhập và tên database cần tạo => Next Step
Tiếp đên tạo database user, bạn nhập vào tên user và password. Ở bước này bạn nên nhập Database Name và Database User trùng tên nhau để dễ quản lý khi hosting bạn chạy nhiều website, khi nhìn vào Database là sẽ biết Database đó thuộc webiste nào luôn. Tránh trường hợp để tên vô nghĩa khi nhìn vào rất khó quản lý vì không biết Database đó website nào đang dùng.
Gán quyền cho Database, bạn chọn ALL PRIVILEGES => Next Step
Tạo thành công sẽ hiển thị như bên dưới
Bước 4: Cài đặt
Sau khi tạo User, Database, Password trên Hosting của bạn lúc này các bạn cần nhập thông tin đã tạo vào các khung tương ứng: User, Database, Password
Sau khi nhập xong các bạn nhớ ấn Test Database để kiểm tra xem thông tin nhập đúng chưa, nếu hiện như này là Ok.
Các bạn ấn Next, Duplicator sẽ hỏi lần nữa xác nhận, các bạn click OK
Không có vấn đề gì ấn Next
Bước 4: Xóa file và đăng nhập
Sau khi cài xong các bước trên bạn nhớ ấn vào dòng “Auto delete installer files after login” để xóa bản backup kia đi để tránh kẻ xấu chạy file installer.php, sau đó ấn Admin Login.
Ấn vào Admin Login Sau khi đăng nhập xong đây sẽ là giao diện bạn thấy:
Bước 5: Hoàn tất
Lúc này là đã hoàn thiện, dữ liệu website đã được cài đặt trên host và tên miền của bạn, việc của bạn cần làm bây giờ là:
Vào Settings -> Permalinks và ấn Save Changes để cập nhật lại đường dẫn tĩnh.
Vào Duplicator -> Tools -> Cleanup -> ấn vào Delete Reserved Files để xóa bản backup kia đi để tránh kẻ xấu chạy file installer.php. (Nếu không làm bước trên)
Tắt plugin Duplicator và Xóa đi.
Ghi chú: Mặc định chúng tôi không cung cấp pass, user nên sau khi cài đặt theme xong bạn truy cập vào trong phpadmin để đổi lấy pass, xem thông tin user để đăng nhập, xem thêm bài viết hướng dẫn lấy lại mật khẩu WordPress trong phpmyadmin ở bài số 2
Để lấy lại mật khẩu đăng nhập web các bạn làm theo bước sau: Đầu tiên truy cập vào trình quản lý Hosting của bạn, ở bài viết này là Hosting cpannel hay Direct Amin thì cũng tương tự nhưng giao diện chỉ khác đôi chút
Lấy lại mật khẩu WordPress trong phpadmin
Bước 1: Từ cPanel nhấp phpmyadmin lựa chọn database của website đang cần thay đổi mật khẩu.
Bước 2: Chọn đến bảng wp-users.
Bước 3: Bấm Edit để tiếp tục.
Bước 4: Tại cột Function của dòng Password chọn MD5 - lưu ý phải chọn MD5 mới được. Sau đó tại cột Value nhập lại password mới.
Sau khi hoàn tất kéo xuống dưới bấm Go để thực thi.
Hoàn tất tất cả các bước cần thiết. Hãy dùng các thông tin mới đổi này để đăng nhập trang quản trị của bạn.
Cách thay đổi Email trong phpmyadmin
Từ bản WordPress 5 trở đi, việc thay đổi Email trong Admin trở lên khó khăn hơn, vì vậy bạn cần thay đổi email trong phpmyadmin
Bước 1: Từ cPanel nhấp phpmyadmin lựa chọn database của website đang cần thay đổi email.
Bên trái, click vào Database của website cần thay đổi email (Tên database bạn có thể xem trong file wp-config.php). Bạn có thể đổi email admin trong bảng wp_options và email tài khoản người dùng trong bảng wp_users
Bước 2: Chọn đến bảng wp-options.
Nó sẽ hiển thị cho bạn các hàng dữ liệu bên trong bảng tùy chọn. Bạn cần phải bấm vào nút ‘Chỉnh sửa’ bên cạnh hàng mà option_name là ‘admin_email’ để sửa Email. Đừng quên bấm vào nút ‘Go’ để lưu các thay đổi của bạn.
Bước 3: Chọn đến bảng wp-users.
Tiếp theo, nhấp vào nút chỉnh sửa bên cạnh hàng mà người dùng đăng nhập khớp với người dùng bạn muốn chỉnh sửa. PhpMyAdmin bây giờ sẽ mở hàng người dùng trong một biểu mẫu. Bạn có thể nhập địa chỉ email mới vào trường user_email. Đừng quên bấm vào nút ‘Go’ để lưu các thay đổi của bạn. Cuối cùng là hoàn thành bây giờ địa chỉ email và mật khẩu đã được thay đổi bạn đăng nhập bằng mật khẩu mới vừa tạo
Mặc định các theme demo đều chặn index để tránh tình trạng khi mọi người cài đặt website xong, chưa sửa dữ liệu xong mà google đã index, dẫn đến các dữ liệu demo bị index. Do đó, sau khi cài đặt và chỉnh sửa thông tin, nhập liệu xong xuôi, các bạn nhớ bỏ check phần này để cho phép google index bài viết, trang của bạn. Để chỉnh phần này, các bạn vào Cài đặt -> Đọc
Bỏ tick mục “Ngăn chặn các công cụ tìm kiếm đánh chỉ mục website này” sau đấy các bạn lưu lại là được
2. Đổi email nhận đơn hàng từ Woocommerce
Để đổi emaill, các bạn vào Woocommerce -> Cài đặt -> Tab email. Tại đây các bạn thay email tại 3 phần như hình bằng cách click vào cài đặt sau đó đổi thông tin Lưu lại là được
3. Đổi thông tin thanh toán trong Woocommerce
Rất nhiều bạn mua theme về nhưng quên làm bước này, dẫn tới việc sau khi đặt hàng xong, khách chuyển khoản nhầm vào tài khoản ngân hàng demo có sẵn trên web. Các bạn lưu ý nhé . Để thay đổi thông tin ngân hàng, các bạn làm như sau: Vào Woocommerce – Cài đặt – Thanh toán
Sau đó, nhấp vào Cài đặt tưng ứng từng phương thức thanh toán và tiến hành thay đổi các thông tin ở đây:
Thay đổi thông tin tài khoản ngân hàng ở phần thanh toán, sau đấy Lưu lại
4. Đổi email trong form nhận thông tin Contact Form
Có một số theme có Form nhận thông tin khách hàng, do đó, bạn cũng cần thay đổi luôn email phần này về email của mình, Để thay đổi email phần này, các bạn vào Form Liên hệ (Hoặc Contact Form ở các bản cũ ) ->Danh sách form . Tại đây các bạn chọn lần lượt từng form để thay đổi theo hình hướng dẫn.
Các bạn vào mục Mail nhận để đổi thành email của bạn để đảm bảo nhận được đầy đủ thông tin của khách hàng.
5. Cấu hình lại SMTP để website có thể gửi email đi được.
Đây là bước quan trọng để có thể nhận được đơn hàng woocommerce qua email, thông tin khách gửi qua contact form, hay email xác nhận khi đổi email quản trị .
Để cấu hình phần này, các bạn xem bài hướng dẫn sau: Hướng dẫn cấu hình gửi mail SMTP WordPress Vậy là xong rồi, các bạn nhớ hoàn tất 5 điều cần thiết trên trước khi bắt đầu sử dụng website nhé ! Chúc các bạn thành công
Để 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 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 dùng cho nhu cầu xây dựng trang web bán hàng tuy nhiên nếu bạn muốn dùng các 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 đó chọn Blog.
Trong phần blog single post sẽ có các 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ị thuộc tính 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 tạm 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, khi tạo xong bạn chú ý góc phải màn hình phần shortcode, giờ bạn có thể copy shortcode này để chèn vào các 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 cho nên đa số giao diện vẫn chưa hỗ trợ Tiếng Việt, vì vậy 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 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 nếu có.
TÙY CHỈNH WOOCOMMERCE FLATSOME
Để tùy chỉnh các tùy chọn trên Woocommerce bạn truy cập Advanced > Woocomerce.
Bắt đầ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 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ẽ có 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 nhiều nhất
Average rating: lọc theo sản phẩm có đánh giá cao nhất
Sort by most recent: lọc theo các sản phẩm cập nhật gần nhất
Sort by price (asc): lọc theo giá từ thấp 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 lần lượt layout, header và kích thước của hình ảnh.
Các phần thanh toán, giỏ hàng và trang thanh toán bạn tìm hiểu và tự tùy chỉnh nhé vì phần này khá dễ, cuối cùng chúng ta sẽ tùy chỉnh Site search giúp website có thể tìm các sản phẩm nhanh gọn lẹ hơn.
Chọn lần lượt các 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 ngay lập 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 VỚI UX BUILDER
Landing page là yêu cầu không thể thiếu nếu bạn có ý định xây dựng trang web bán hàng, landing page giúp khách hà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 tăng chuyển đổi cho website, Flatsome hỗ trợ sẵn trình UX Builder giúp bạn xây dựng landing page nhanh gọn chỉ với 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 có thể chọn add elements và kéo thả các block tùy theo sở thích, chọn Flatsome Studio để import các mẫu dựng sẵn từ nhà sản xuất.
Mẫu sau khi import sẽ có 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 các thông số. Cuối cùng ấn vào nút Publish để lưu trang landing page.
Một thủ thuật nho nhỏ khi xây dựng landing page đó là hãy tùy chỉnh hiển thị cho nhiều loạ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 các theme có giao diện header theo kiểu kéo thả, bạn không 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à thiết bị di động. Để tiết kiệm thời gian bạn cũng có thể sử dụng các presets mà nhà sản xuất đã cung cấp.
Phần Footer bạn cũng tùy biến tương tự thôi, chú ý thành phần Edit footer widget 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 2 và Absolute Footer, hãy chèn lần lượt các wigdet vào Footer 1 sau đó đến Footer 2, trường hợp không sử dụng Footer 2 hãy disable nó đi.
0973 446 281 (8:00 AM – 21:00 PM) 
Đánh giá
Chưa có đánh giá nào.