Hướng dẫn quản trị website 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 Flatsome, 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 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

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *