Hướng dẫn flatsome

Lưu ý:

Nên download theme Flatsome bản quyền với key active theme Flatsome trước khisử dụngKhông cần mua vàsử dụngtheme tại một sốWebsitephân tách sẻtheme Flatsome ko rõ nguồn gốcdùngtheme Flatsome mới nhất nhằm tương thích cùng với WordPress với WooCommerce new nhất

Trước lúc bắt đầugọi và thực hànhbài đăngphía dẫndùngFlatsome từcăn bảncho nâng caonày, ban đề xuất giữ ý:

Cần buộc phải singin tài khoản adminChuyển ngôn ngữWebsitesite sang giờ đồng hồ Việt

Nếu nlỗi cóthắc mắc thắc mắcgì không giống, các bạn giữ lại comment để mìnhtrả lờinhé.

Bạn đang xem: Hướng dẫn flatsome

Một sốthực hành thực tế những bướccăn uống bản

Theme Options

Bạntróc nã xuấtFlatsome->Theme Optionsở ngẫu nhiên trang làm sao, ngay bên trên cùng hoăc vào trang Quản trị (Admin) chọnbố cục tổng quan cùng giao diện->Tùy chỉnh.


*

*

TạiTheme Optionscác bạn sẽthông số kỹ thuật,cố kỉnh đổiđược những phần sau:

Header(phần đầu trang): Top bar, Mainthực solo, Bottomthực đơn, Stickythực 1-1, logo, banner,giỏ thành phầm,số điện thoại cảm ứng thông minh,thực solo, …Footer(phần cuối trang): Các cột footer,thông tinphiên bản quyền, những khốinội dung(block)…cửa ngõ hàng:cố gắng đổicácthông tinphía bên trong trang sản phẩm, bố cục tổng quan trang hạng mục sản phẩm,…Blog:chỉnh sửalayout, thời giờ, và nhiềuchỉnh sửaảnh hưởngStyle:chỉnh sửasắc màu, phông chữ, tùy đổi mới css…Thay đổiWidget (Sidebar)

Truy xuấtgiao diện->Widget


*

*

Tùy biếncolor sắc

Flatsome cho phép bạn tùy biếnsắc màunhư: color chủ yếu,màu sắc sắctầm thường của văn uống bạn dạng,link.nếuvào bản lĩnh tùy biếnmàu sắccủa theme cấm đoán phépchỉnh sửachúng ta phảidùnghào kiệt Custom CSS đểkhái niệmsắc màutheo ýao ước muốn(tất nhiên là bạn phải biết xây dựng CSS)


*

Truy cậpFlatsome -> Theme Options -> Style -> Color

Tùy trở nên CSS

CSSdùngnhằm tùy biếnsắc color,bố cục cùng giao diệnmang đến website… lúc mà lại themeko cókỹ năng tùy chỉnh cấu hình.nếukhách hàng hànggồm chăm mônxây dựng CSS và có nhu cầu tùy đổi mới CSS thì tất cả thểtruy nã cậpFlatsome->Theme Options->Custom CSS.

Xem thêm: Hướng Dẫn Khắc Phục Lỗi Your Windows License Will Expire Soon Trên Win 10

Lưu ý: Đây làtùy biến hóa nâng cao dành riêng cho lập trình sẵn viên, MuaTheme chỉhướng dẫnđịa điểmbạn bao gồm thểtùy thay đổi chđọng khôngkhuyên bảo đầy đủlập trình cssthế nào.


Hoặc chúng ta có thể sửa trêntệpstyle.css của themebởi việctầm nã xuấtgiao diện->Sửa-> Chọn sửafilestyle.css


Ttuyệt đổimenu

Vì là theme WordPress nên những khi cầnnắm đổicấu trúcmenu(text, link…) bạntróc nã cậpbố cục cùng giao diện->menu-> Chọnthực đơnnên chỉnh (Menu thiết yếu,thực đơnanh mục thành phầm, top bar menu…) nhằm chỉnh


Thay đổiHeader

quý khách tùy biếnhầu hếtnội dungngơi nghỉ đầu trang (Header): Logo,menu, các nội dụng bỏ lên header (banner, hotline)

a. Cấu trúc của header vàtúng bấn quyếttùy biến

Cấu trúc củaHeadergồm thường xuyên có 3 phần:Top Bar,Header MainvàHeader Bottom, tương xứng cùng với 3 phần của header nghỉ ngơi mặt ngoàisitenlỗi hình mặt dưới:

*
Việc tùy biến đổi Headerđa phầnđềugiải quyếtsinh hoạt Flatsome -> Theme Options -> Header

*

b. Sửa nhanhthông tindạng Bloông xã vào Main Header

Bạntất cả thểtruy tìm cậpnhanhbởi cáchra ngoài trang chủ, rê chuột vào khốinội dungđề xuất sửa trênHeader Mainrồi chọnUX Builder


Quý Khách sẽtùy đổi thay vị tríthực đơnxuất hiệntrên sản phẩm điện thoại, tùy biếnthực đơnhiển thị hầu hết gì,…bằng cáchtruy tìm xuấtFlatsome->Theme Options->Header->Header Mobile


Chỉnh sửaFooter

Nội dungchân trang

Theme Flatsome có 2 kiểutrình bàyFooter: thông quaWidgetvà thông quaBlocks

a. Nếu nhưFooter sinh sản tự Widgetthì ở trong trang Admin , các bạn vàobố cục tổng quan và giao diện->Widget-> Xổ tabFooter 2hoặcFooter 1nhằm sửa những cột Footer

b. NếuFooter chế tạo ra từ bỏ Blocks,tương tự như nhưsửa Blochồng ởMain header, thì nghỉ ngơi Home, các bạn rê chuột vàonội dungcủa Footer, vẫn thấy 1menutồn tại (Edit Block: Footer), các bạn cliông xã vàoUX Builder

*
Sửanội dungphiên bản quyền

Là phầnthông tinsau cuối của trang (Thiết kế bởi, bản quyền của…). Bạntruy cậpFlatsome->Theme Options->Footer-> Kéo xuống mụcAbsolute Footer


Thay đổiBlocks

Bloông chồng là các khốinội dungđượcbạn sử dụngdựng ra theo ýmuốnvới gồm thểsử dụnglại tại phần không giống dưới dạng shortcode (dùng ngơi nghỉ trang ,bài đăng, header, footer, cụ thể trang chủ…)

Để sửa 1 blockgồm sẵn, bạntruy hỏi xuất,UX Blocks->Blocks


thế đổitrang chủ

Để tiến hànhchỉnh sửaHome, bạntruy tìm xuấtvào trang chủ củaWeb, rồi chọnSửa trang->Edit with UX Builder


Lúc bấy giờ, trìnhchỉnh sửatrang UX builder sẽ biểu hiện trang chủ của chúng ta sinh sống chế độthay đổi(Hình mặt dưới).các bạn sẽthấy các khốinội dungcủa Home sẽ trình bày sinh sống phía trái, bạnmuốnsửa ở đâu thì chọn vào nút ít mũi tên hoặc bánh răng để đưa thanh lịch chính sách sửa.

Xem thêm: - Ot Flatsome Vertical Menu

Cnhát mã JavaScript

Giúp bạnchèn thêm mã Javascript (Google Analytics,trang FacebookChat,…).tầm nã xuấtFlatsome -> Advanced -> Global Settings. Sauđấyckém code vào Header Script hoặc Footer Script


Tùy thay đổi trang chi tiết sản phẩm

Bạngiỏi gặptheme Flatsome được thêmnhữngđoạn văn bạn dạng, hình hình họa bên trên hoặcphía dướinút Add To Cart (sản xuất giỏ) hoặc tất cả theme tabphía dẫnthanh khô toánkề bên tabtế bào tảsản phẩm nhỏng hìnhphía dưới


Cấu hình Google Map API

Để hiển thị Google Map trênWeb, Google yêu cầubuộc phải cóAPI Key cho hình thức này, vào theme Flatsome bạnđích thực tất cả thểthông số kỹ thuật nhỏng sau:

Bước 1:Quý khách hàng cầnchế tạo ra API Key trênWebcủa Google

Cách 2:Lưu API Key vàoWebsite

Truy cậpFlatsome->Advanced->Google APIs


Cấu hình SMTPkhắc phụclỗi gửimailvào Liên hệ Form 7

Đây là vấn đề thuộc về plugin Liên hệ Form 7, không liên quan tới theme Flatsome. Mặc dù vậy đây là sự việc (chưa hẳn lỗi) vì bạn chưa cấu hình gửi mail SMTP mang đến WordPress buộc phải khi khách hàng bnóng nút ít Gửi (submit) , chúng ta sẽ thấy thông tin lỗi: “Quý Khách gửi tin nhắn nhắn không thành công. Hãy liên lạc cùng với quản lí trị viên và để được hỗ trợ”.


SEO là 1 trong những tập phù hợp các phương pháp nhằm mục tiêu nâng cao loại của một website trong các trang công dụng của những biện pháp tìm kiếm. SEO đóng vai trò rất cao nhằm tăng cường sự cải cách và phát triển của các công ty tăng mức độ dấn diện thương hiệu doanh nghiệp


Chuyên mục: Theme wordpress