Để hiển thị bộ icon của Flatsome, các bạn có thể sử dụng thẻ i hoặc thẻ span trong html với class của icon để hiển thị icon mà bạn muốn.
Ví dụ: Để hiển thị icon chat, các bạn sử dụng class “icon-chat” chèn vào html của span hoặc thẻ i như sau:
icon chat icon chat
Đây là kết quả hiển thị: icon chat icon chat
Dưới đây là danh sách Flatsome icons mình đã sử dụng class của icon bằng thẻ i để hiển thị các icon, và file text kế bên là các class của icon, các bạn có thể thay thế các class này để hiển thị icon mà bạn muốn.
icon-lock icon-line icon-chat icon-user icon-shopping-cart icon-tumblr icon-gift icon-phone icon-play
icon-shopping-basket
icon-shopping-bag icon-google-plus icon-heart-o icon-heart icon-500px icon-vk icon-angle-left icon-angle-right icon-angle-up icon-angle-down icon-twitter
icon-envelop icon-tag icon-star icon-star-o icon-facebook icon-feed icon-checkmark icon-plus icon-instagram icon-pinterest icon-search
icon-skype icon-dribbble icon-certificate icon-expand icon-linkedin icon-map-pin-fill icon-pen-alt-fill icon-youtube icon-flickr icon-clock icon-snapchat
Hiển thị icon với CSS
Ví dụ, mình có đoạn html text:
Địa Chỉ
Và mình muốn chèn icon Map lên trước đoạn text, mình sẽ thêm dòng CSS sau:.office-location:before{ content:"\e009"; font-family: fl-icons; }
Tương tự như vậy, bằng cách sử dụng CSS, các bạn có thể chèn bộ icon có sẵn của Flatsome vào vị trí bất kỳ mà bạn muốn.
Trong quá trình sử dụng, bạn nên backup thường xuyên dữ liệu website để đề phòng trường hợp sự cố kỹ thuật xảy ra mà bạn không thể khắc phục, hoặc đơn thuần là bạn muốn chuyển website của bạn sang một hosting khác. Và có rất nhiều cách để thực hiện việc này, và sử dụng plugin All-in-One WP Migration là một trong những cách đơn giản và khá phổ biến.
Các bạn đăng nhập vào trang quản trị website, vào mục plugin, chọn “cài mới” -> Tìm kiếm & cài đặt plugin “All-in-One WP Migration” -> “Kích hoạt“.
Kích hoạt xong, các bạn vào “All-in-One WP Migration” -> Chọn “Xuất” -> Các bạn có thể lược bỏ đi các tùy chọn không cần thiết, hoặc giữ nguyên nếu dung lượng website bạn không lớn -> Chọn xuất sang “Tập Tin” -> Đợi quá trình xuất file backup hoàn tất.
Sau khi quá trình xuất file hoàn tất, Các bạn vào “All-in-One WP Migration” -> Chọn “Backup” -> Và tải file Backup về máy.
Quá trình backup dữ liệu website đã xong, bạn nên thực hiện backup website trước khi cập nhật wordpress bản mới hoặc update theme hay plugin nào đó để đề phòng sự cố bất kỳ có thể xảy ra, hoặc khi bạn cần chuyển dữ liệu website wordpress qua hosting mới theo hướng dẫn ở bước tiếp theo.
Chuyển website với plugin All-in-One WP Migration
Ngoài mục đích chuyển dữ liệu website sang hosting mới, các bạn cũng có thể dùng cách này để cài đặt website mới dựa trên template website mẫu đã được thực hiện sẵn, vì phần lớn, các đơn vị bán hoặc chia sẻ theme mẫu đều bàn giao source code web dưới dạng tệp backup *.wpress này.
Để thực hiện, các bạn nên cài đặt 1 website wordpress mới hoàn toàn. Hướng dẫn cài đặt website wordpress mới, các bạn có thể tham khảo tại đây:
Sau khi cài đặt website wordpress mới, các bạn cài thêm plugin All in one Migration, tuy nhiên, kích thước file import sẽ bị giới hạn bởi mặc định của gói host [thông thường là 16mb – 64mb – 128 mb], để tăng dung lượng file import, các bạn có thể tham khảo các cách sau:
- Hướng dẫn từ chính chủ plugin.
- Liên hệ nhà cung cấp hosting nhờ hỗ trợ.
- Tự thay đổi dung lượng tại trình quản lý Cpanel -> Mục “Solfware” -> Chọn “Select PHP Vesion” -> tab “Option” -> Chọn tăng thông số lên tối đa.
- Đơn giản nhất: tải plugin extension miễn phí lên, tuy nhiên gần đây có vẻ file extension đã bị nhà cung cấp gỡ khỏi trang chủ. Các bạn có thể tải file extension cũ lên để sử dụng tại đây [Tối đa 512mb file import].
Cài đặt website với plugin All-in-One
Sau khi tải file extension về, các bạn vào plugin, chọn “Cài mới” -> Chọn “Tải lên Plugin” -> chọn file “all-in-one-wp-migration-file-extension” đã tải về lên -> “Cài đặt” và kích hoạt plugin extension lên.
Sau khi kích hoạt extension, các bạn vào “All-in-One WP Migration” -> Chọn “Import/Nhập” -> Chọn nhập từ “Tập tin/File” -> Chọn “file đã backup” hoặc “file website mẫu” của bạn và chờ cho đến khi file được import xong -> Chọn “Tiếp Tục” và chờ cho đến khi tiến trình “Hoàn Tất“.