Thứ Bảy, Tháng Sáu 19, 2021
Trang chủ Flatsome Hướng dẫn quản trị theme Flatsome phần 1

Hướng dẫn quản trị theme Flatsome phần 1

Trong bài trước mình đã giới thiệu về sự ra đời cũng như ưu điểm của website theme Flatsome (Thương hiệu), hôm nay chúng ta sẽ cùng tìm hiểu về cách sử dụng tùy chỉnh Flatsome 1 cách kỹ hơn nhé.

Bài này sẽ tập trung vào chỉnh sửa ảnh hưởng toàn bộ site như: logo, thương hiệu, màu sắc,…

Cài đặt chung cho Flatsome (Thương hiệu)

Trước khi bắt đầu đọc và thực hành bài viết  ban cần lưu ý:

  • Cần phải đăng nhập tài khoản admin với cấu trúc: Yourdomain.com/wp-admin
  • Chuyển ngôn ngữ website theme Flatsome sang tiếng Việt cho dễ sử dụng nhé

1.Chỉnh sửa tên website

Truy cập Cài Đặt > Tổng Quan

(2) Tên website: đây là tên thương hiệu của bạn. Tên thương hiệu rất quan trọng trong việc bạn xây dựng kinh doanh lâu dài. Thường mục này là tên domain, tên cửa hàng,…

(3) Khẩu hiệu: Diễn tả cho phần (3) nói về lĩnh vực kinh doanh của bạn.

(4) Email quản trị, bạn có thể dùng email nào cũng được. Khách hàng không thấy phần email của bạn.

2.Thay đổi logo

Trong Wp-admin bạn chọn Flatsome > Theme Options

Sau đó bạn chọn Header > Logo & Identity > Select image (chọn file logo từ máy tính)

 

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

Tiếp theo là chúng ta thay đổi FaviconFavicon là một cái hình logo nhỏ xuất hiện trên đầu trình duyệt khi người dùng truy cập website. Hiện tại Favicon khá quan trọng vì đã xuất hiện trên kết quả tìm kiếm tự nhiên bằng mobile.

Sau khi đã upload ảnh xong (ảnh Favicon nên hình vuông). Bạn nhấn Đăng để hoàn tất.

Như vậy là chúng ta đã xong bước cài đặt Logo & Favicon cho website.

3.Thay đổi màu sắc nhận diện thương hiệu

Thông thường mỗi thương hiệu và mỗi người thường chọn màu sắc cho riêng mình. Nếu 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 nên thông nhất. 1 website không nên dùng quá nhiều màu.

Vẫn trong Wp-admin > Flatsome > Theme Options > Style 

  • Color
    • Main Color: tùy chỉnh màu sắc của website, bao gồm 4 loại màu ( Primary Color : màu chủ đạo của website, Secondary Color : màu nhấn của website , Success Color : màu chữ thông báo thành công , Alert Color : màu chữ thông báo
    • Type : tùy chỉnh màu chữ website
      • Base Color : Tùy chỉnh màu chữ toàn bộ website
      • Headline Color : Tùy chỉnh màu chữ tiêu đề website
      • Devider Color : Tùy chỉnh màu đường kẻ website
    • Link : tùy chỉnh màu của link
      • Link colors : tùy chỉnh màu của link
      • Link colors:hover : tùy chỉnh màu của link khi đưa chuột vào link đó
    • Shop Color :
      • Add to cart / Checkout buttons : màu của nút thêm vào giỏ và thanh toán
      • Sale bubble : màu của nhãn dán Khuyến mãi
      • New bubble : màu của nhãn dán Sản phẩm mới
      • Review Stars : màu của các ngôi sao khi nhận xét
  • Typography : tùy chỉnh Font Chữ của Website
      • Headlines : tùy chỉnh Font Chữ của các tiêu đề trên website ( Thẻ H1, H2, H3 , … )
      • Base : tùy chỉnh Font Chữ, cỡ chữ,  cho toàn bộ văn bản trên website
      • Navigation : tùy chỉnh Font Chữ cho thanh menu
      • Text Transforms : tùy chỉnh kiểu chữ in hoa

4.Tùy chỉnh Font chữ :

Các font thường sử dụng cho website : Roboto , Open Sans, Arial , Tahoma , …. Mình khuyên các bạn nên sử dụng font Roboto vì tính thông dụng và sự thẩm mỹ của chúng

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -

Most Popular

Quảng Cáo là gì? Lợi ích của việc Quảng Cáo

"Quảng cáo - advertising" là từ ngữ có thể gọi là rất rất phổ biến hiện nay. Bởi từ trên tivi, đài, báo, điện...

Web Template trong thiết kế giao diện

Template là gì? Template là mẫu chủ đề, đồ họa, mẫu trang thô sơ, tại đó có sẵn các bố cục hình ảnh, nội...

Website là gì? Lợi ích khi sở hữu 1 website?

Nhắc đến website hẳn là các bạn sẽ nghĩ ngay tới Googgle? hay các trang mạng trình duyệt, tìm kiếm các thông tin cần...

Tên miền ảnh hưởng thế nào đến quảng bá thương hiệu?

1.Tên miền là gì ? Mục đích chính của tên miền - domain là cung cấp hình thức đại diện, hay nói cách khác, dùng...

Recent Comments