Trong nội dung bài viết nàyromanhords.comhướng dẫn sử dụng dụngFlatsomebao gồm cách đăng bài viết, sử dụngUX buildervà đổi khác trang chủ. Ngoài ra, nội dung bài viết này phía dẫn chi tiết bạn buổi tối ưu một site cần sử dụng theme Flatsome biến hóa màu, logo, favicon.

Bạn đang xem: Flatsome là gì

Flatsomelà trong số những theme (giao diện) mập và bán chạy trên sàn Themeforest (sàn đồ họa và plugin lớn nhất thế giới). Lúc này Flatsome đã chào bán trên160.000 đơn hàng và có gần 6k bạn sử dụng reviews đạt 4.8. Học tập viênkhóa học sale onlinetại romanhords.com được cung cấp sử dụng bạn dạng quyền full tác dụng và update khi tất cả phiên bản mới, vì chưng đó chúng ta yên trung khu sử dụng.

Bài viết này đang khá dài cũng chính vì mình viết 1 bài hướng dẫn không hề thiếu nhất về Flatsome trên đây. Các bạn hãy dùng chức năng mục lục bài viết để tìm tới nội dung mình đề xuất nhanh nhất. Bài viết này bao gồm có:

Mua phiên bản quyền Flatsome chính hãng (khuyến nghị không nên mua các bạn dạng null giá bán rẻ)Cài để Flatsome cho một người mới chưa bao giờ cài đặt theme giao diện WordPressHướng dẫn về tối ưu trang web từ quá trình: Menu, Banner, Sidebar, Footer, Header, màu sắc, logo, cách sử dụng UX Builder vào Flatsome.

Theo như trang chủ ra mắt thì đây là themebán chạy số 1 về nghành nghề dịch vụ website thương mại (Woocommerce). Phiên bản thân tôi đã dùng theme này và reviews cao về khả năng tùy chỉnh cấu hình cũng như dễ dãi soạn thảo, đặc biệt quan trọng rất tương xứng với đa số website kinh doanh, những các bạn không rành về code cũng tương tự kỹ thuật website.

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*

Sau đó chúng ta chọnHeader>Logo & Identity>Select file(chọn file hình ảnh từ vật dụng tính)


Sau khi đã chọn chấm dứt file logo. Bạn nhấn“Đăng”ở phía trên màn hình để trả thành.

Tiếp theo là họ thay đổiFavicon.Faviconlà một cái hình logo nhỏ xuất hiện nay trên đầu trình trông nom khi người dùng truy cập website. Hiện nay tạiFaviconkhá quan trọng đặc biệt vì đã lộ diện trên hiệu quả tìm kiếm tự nhiên bằng mobile.


Sau khi đang upload ảnh xong (ảnh Favicon cần hình vuông). Chúng ta nhấnĐăng nhằm hoàn tất.

Như vậy là chúng ta đã hoàn thành bước cài đặt Logo & Favicon đến website.

Thay đổi color nhận diện thương hiệu

Thông thường mỗi thương hiệu và mọi cá nhân thường chọn color cho riêng mình. Nếu như bạn đã thiết kế logo thì nên yêu cầu màu sắc thương hiệu và màu logo yêu cầu thông nhất. 1 website tránh việc dùng quá nhiều màu.

Vẫn trongWp-admin>Flatsome>Theme Options>Style>Colors>Primary Color nhằm chọn màu sắc chủ đạo đến website và uy tín của bạn.


Lưu ý sau khi biến hóa các bước chúng ta đều “Lưu” hoặc “Đăng” nhé.

Thay đổi Menu

Hiện tại mang địnhFlatsomecho phép chúng ta menu tất cả sẵn dạng thắt chặt và cố định và cũng Responsive menu trên điện thoại cảm ứng thông minh rất tốt.

Phần này hướng dẫn chuyển đổi menu cho theme. Phần này vẫn giống với toàn bộ theme của wordpress. Bước này bạn có thể làm sau cuối khi đã đăng bài. Flatsome mặc định cho chính mình 2 một số loại menu làMain MenuSecond Menu. Tùy vô yêu cầu mà có để ý đến có sử dụng Second Meunu tuyệt không.


Trong cách này chúng ta vẫn truy nã cậpwp-admin>Giao diện>Menu.

Bạn chú ý ở phía trên chất nhận được bạn chọn nhiều loại menu nào.


Sau khi đã chọn được một số loại menu bạn muốn chỉnh sửa. Chúng ta cũng có thể thêm hoặc sút từng nhân tố vào menu. Có những dạng mẫu cho bạn thêm như:Trang, bài viết, links tự tạo, chăm mục,… khi đã lựa chọn được các loại thêm vào thì nhận “Thêm vào Menu

Trong phần cấu trúc menu, bạn cũng có thể dùng chuột để kéo thả phân cấp cho menu (mục làm sao mục chính, mục làm sao mục con).

Sau khi vẫn chỉnh sửa chấm dứt bạn nhấn “Lưu menu


(3): chúng ta có thể thêm một thành phần vào menu .(4): chúng ta có thể xóa 1 mục trong menu.(5): sau khoản thời gian chỉnh sửa dứt thì lưu lại Menu lại.


Thiết lập menu được cho phép bạn lựa chọn vị trí hiển thị menu tại vị trí ao ước muốn.Main menu: là địa chỉ menu chủ yếu trên cùngMain menu -mobile: chọn đến thiết bị di động.Footer Menu: menu bên dưới chân websiteTop Bar Menu: là menu mà bạn thấy nhỏ nhỏ bên trên menu chính.My account Menu: thực đơn này chỉ xuất hiện khi tài giỏi khoản trên website.

Thiết lập SideBar

Sidebar là thanh bên cần mặc định của Flatsome. Thanh này sẽ mở ra trong các bài viết. Và cấu trúc của chúng là kiểu như nhau cho tất cả bài viết. Nếu khách hàng đang về tối ưu website để SEO và chúng ta được huấn luyện và giảng dạy SEO chuyên nghiệp hóa thì phần Sidebar chúng ta nên tận dụng để làm SEO cho website nhé.

Tùy vô nhu cầu sử dụng mà bạn để câu chữ tại thanh này như vậy nào. Thuờng thì nội dung thanh này sẽ đụng khi tất cả thêm bài viết mới. Những dạng phổ cập được sử dụng với sidebar như: nội dung bài viết mới nhất, bàu viết phổ biến. Theo cá nhân mình, thanh này có kết quả cho SEO.

Bạn phải để 2 phần là nội dung bài viết mới nhất và nội dung bài viết phổ biến đổi tầm 6-8 bài.


Để chỉnh sửa Sidebar. Bạn đăng nhập trang web trongwp-admin>Giao diện>Widget.

WordPress cho mình kéo thả theo từng modun. Bạn thu xếp vị trí trên dưới cũng tương tự


Thay đổi Footer

Footer là phần ở đầu cuối của trang web. Footer của toàn thể trang wordpress bên trong phần Giao diện > Widget.


Vẫn trongwp-admin>Giao diện>Widget> chọnFooter 1Footer 2để cố gắng đổi. Mặc dù mình khuyến nghị những phần này các bạn sau khi đang có nội dung bài viết rồi mới nên thay đổi.

Vì thay đổi những phần này đang mất tương đối nhiều thời gian với lại khi không có nội dung bài viết thì chưa tồn tại các mục để chỉnh sửa.


Đến phía trên về cơ phiên bản thì bạn đã buổi tối ưu kha khá cho website của mình. Phần sau sẽ nói tới đăng nội dung bài viết cho website sử dụng UX Builder.

Vị trí các bài viết trong WordPresss & Flatsome

Cấu trúc củaWordPressphần đặc trưng nhất là vị trí cho người dùng đăng nội dung bài viết lên website. Bạn nên thành thạo cùng hiểu những vị trí để sau đây biết chỗ nội dung bài viết nằm chỗ nào trongwp-admin.

Hiện trên WordPress cho 2 nhân tố là:Bài viết & Trang. Riêng webstie thực hiện Flatsome có thêm yếu tắc nữa call làSản Phẩm. Vì chưng khi thiết đặt theme Flatsme tích phù hợp sẵn Plugin Woocommerce vào vô cùng tiện lợi.

Như vậy với một website sử dụng giao diện Flatsome thì bọn họ có 3 vị trí nhằm đăng bài gồm:Bài viết, Trang và mục Sản Phẩmcủa Woocommerce.


(1)Bài viết: đây là phần dùng làm đăng bài viết cơ phiên bản dạng blog. Nội dung bài viết truyền tải tin tức đến bạn dùng. Ưu điểm của “Bài Viết” là đối kháng giản, nhẹ, các bài được thừa hưởng code wordpress link nêndễ lên đứng top tự nhiên.

(2)Trang: cũng giống như như bài viết nhưng cho chính mình không gian rộng hơn để đăng bài, thường xuyên đăng các nội dung bài viết tĩnh, đề nghị trang trí full (đầy đủ) màn hình. Chẳng hạn như bọn họ dùng có tác dụng trang home, lading page, trang giới thiệu, liên hệ… mặc dù so cùng với “Bài Viết” thì “Trang” sẽ khó khăn lên công dụng tự nhiên hơn. Do không được hưởng lợi nhiều từ thuật toán links và lời khuyên của WordPress.

(4)Sản Phẩm: Đây là phần thường mở ra ở các webstie gồm nút “Mua Hàng” có nghĩa là có thể Order trực tiếp bên trên website. Khi họ cài Woocommerce thì sẽ xuất hiện phần này. Một số loại “sản phẩm” phù hợp cho các bạn kinh doanh các mặt hàng, sản phẩm đa dạng, rất có thể order online. Các trang như xây dựng, bất động đậy sản, nội thất hoàn toàn có thể tắt Woocomerce.

Như vậy sắp tới đây thì bạn đã tưởng tượng ra chúng ta có thể chọn bề ngoài nào nhằm đăng sản phẩm của doanh nghiệp rồi. Tất nhiên Flatsome đã cung ứng 3 phần bên trên sẵn tất cả trong wp-admin.

Chuẩn bị nhằm đăng nội dung bài viết lên website

Flatsomecó trình soạn thảo giống với Elementor (trình soạn thảo khét tiếng trong WordPress), hoặc ThriveArchitect của Thrive theme. Đây là 2 theme hỗ trợ tốt nhất có thể công thay đăng nội dung bài viết dễ dàng sử dụng.

Khi sử dụng bất cứ công ráng soạn thảo (công nạm đăng bài xích builder) làm sao thì bạn sẽ làm quen thuộc với cácelement. Có nghĩa là các thành phần. Ví dụ: chữ thì bao gồm text element, hình hình ảnh thì gồm image element. Nhiện vụ của họ là lựa chọn Element với kéo thả, tiếp nối copy hoặc paste.

Khởi tạo nội dung bài viết Mới, Trang Mới, thành phầm Mới

Để đăng dạng bài viết, trang và sản phẩm trước hết chúng ta nên có bài viết trên tệp tin word.

Bạn truy vấn vàowp-admin>Bài Viết>Viết bài xích Mới (Trang, Sản Phẩm).Tùy mục đích của công ty là gì cơ mà bạn lựa chọn 1 trong 3.


Sau đó các bạn thực hiện quá trình theo máy tự sau. Một bài viết thì luôn luôn có tựa đề (Title).

(1): Đăt tựa đề cho bài xích viết.


Sau đó chúng ta kéo xuống phần dưới. Tại mục Yoast SEO. Chúng ta nên tối ưu 3 thẻ: Title, Description, Slug mà tôi đã hướng dẫn bên trên lớp học.


(2) Title: để title trùng với thành phầm bạn định marketing và cân xứng nội dung bài viết.(3) Slug: băng thông cho nội dung bài viết (tiếng Việt không tồn tại dấu, ko được có khoảng trắng)(4) Description: diễn tả nội dung nội dung bài viết ngắn gọn.Sau đó họ tiến hành lưu bài viết(1) lưu lại nháp bài xích viết.(2) nhấn xem thử đã thấy tiêu đề mà lại không thấy nội dung.(3) tiếp nối nhấn Edit With UX Builder để thực hiện thực hiện công việc tiếp theo để đăng bài.


Đối cùng với khởi sản xuất 1 bài viết mới, trang mới hay mặt hàng mới quy trình làm cho giống nhau buộc phải mình gom bình thường hướng dẫn.

Quan trọng duy nhất là cách áp dụng Ux Builder và bài viết gọm hầu hết thành phần gì.

Cấu trúc bài xích đăng chuẩn chỉnh SEO

Bất kể bài bác đăng như thế nào trên website dù là Bài Viết, Trang hay Sản Phẩm mình khuyến nghị các bạn đều bắt buộc có cấu trúc rõ ràng. Cụ thể theo ý mình là phải tất cả tựa đề, các mục lớn, vào mục lớn có mục nhỏ.

Nên phân chia mục lục nội dung bài viết rõ ràng.Bắt đầu là thẻ H2, trong H2 tất cả thẻ bé là thẻ H3. Những thẻ này được gọi là thẻ heading giống trong Word.


Bạn xem xét rằng thẻH1 trong 1 nội dung bài viết chỉ có duy nhất 1 thẻ là Title (tựa đề).

Thẻ H2 có không ít thẻ H2, vào thẻ H2 có không ít thẻ H3.

Hướng dẫn áp dụng UX Builder

Để cho quá trình soạn thảo nội dung trên website dễ dàng và người nào cũng có thể dùng.Flatsomeđã tích vừa lòng sẵnUX Buildercho bạn.

Phần này mình sẽ lí giải dùng các element phổ biến:Section, Text, Heading, Image, Colum, Table.

Sau khi chúng ta nhấn vàoEdit With UX Builder,bạn đã thấy screen sau chỉ ra rất trực diện nhằm soạn thảo bài bác viết.


Chèn Section (layout) cho 1 đoạn

Đầu tiên với 1 phần mới bọn họ phải thêm Section.Section là một trong những phần chứa H2, H3. Từng section sẽ có 1 nội dung núm thể.

Bạn có thể hiểuSectionlà 1 layout mà bạn muốn thể hiện nội dung trong đó.Flatsomecung cấp cho mình các Section sẵn với section trắng. Còn nếu không cần trình diễn dạng quánh biệt, bọn họ dùng section trắng.


Trong Section chúng ta có thể chọn màu nền, viền, khoảng cách. Tùy vào năng lực thẩm mỹ của mọi cá nhân mà bạn chọn đến đẹp nhé.

Chèn Chữ (text)

Sau khi đã có section thì chúng ta thêm những thành phần vào như Heding H2, chữ (text) và hình ảnh. Trong phần Section bọn họ nhấn lốt (+) nhằm thêm một element là text.


(1): thêm 1 element(2): trên ô search kiếm ta tìm kiếm chữ text.(3): nhấn vào Text element.

Sau kia từ file nội dung bài viết đã chuẩn bị bọn họ copy và paste câu chữ và Text Element


Hình bên trên là những loại text. Nếu lựa chọn một đoạn thông thường chúng ta chọn “Đoạn“. Tiếp sau nếu bọn họ muốn chỉnh sửa hoặc copy đoạn văn vô thì nhấnOpen Text Editor.


Trong phần chỉnh sửa các thuộc tính của chữ. Bạn cũng có thể chọnfont, kích cỡ chữ, in đậm, in nghiêng, canh lề trái phải, hoặc chèn links vào chữ,…

Thêm heading H2, H3

Trong phần này mình sẽ hướng dẫn các bạn thêm Heading cho bài viết. Heading là các mục khủng trong bài xích viết.

Mình thường thực hiện tới mục H3.Tức nhiên H3 là bé của H2. Bạn lưu ý rằng trong 1 bài viết có thể có nhiều thẻ heading. Với Flatsome thì họ xem các thẻ này là text (chữ). Cho nên vì vậy bạn làm giống như với phần trên (cách chèn chữ). Sau đó, chúng ta cài đặt đấy là thẻ H2 tuyệt H3.

Xem thêm: Là La La Lá La Lá La Là La You Are My Everything, Naughty Boy, Sam Smith


Trong phần này Flatsome định nghĩa Tiêu đề 2 tức là H2, title 3 là H3. Bản thân nghĩ rằng cần dùng tới H3 thôi. Không nên dùng cho H4.