Trang chủ»Blog»Hướng dẫn sử dụng

Hướng dẫn sử dụng Buzz CMS

Ngày đăng:05/10/2019
Tác giả:

Buzz CMS là sản phẩm Content Management System do Connected team tự develop và phát triển. Bài viết này mong sẽ giúp quý khách hàng đang dùng Buzz CMS hiểu rõ về cách vận hành và sử dụng thành thạo hệ thống này.

Content Type

  • Content type là kiểu dữ liệu. Content type sẽ thay đổi theo từng website.
  • Tùy theo quy mô website, các kiểu dữ liệu thường gặp bao gồm:

    • Tag
    • Real Project
    • Real Product
    • Post
    • Page
    • Service
    • Author
    • Investor
    • Post Category
    • Real Project Category
    • Real Product Category
    • Service Category
    • Page Category

1. Tag

Tất cả các website do Connected phát triển đều được trang bị Tag. Tag là loại Content Type đặc biệt trong cấu trúc schema website do Connected triển khai. Tag được sử dụng để liên kết các kiểu dữ liệu khác nhau tại mục Nội dung liên quan.

Ví dụ: để trình bày phần tin liên quan đến dự án Jamona Heights tại trang chi tiết dự án Jamona Heights, bạn cần gắn tag Jamona Heights cho cả trang dự án và trang tin chi tiết.

Posts gắn tag Jamona Heights
Dự án gắn tag Jamona Heights

Kết quả render trên web

Tại trang dự án Jamona Heights
Sẽ xuất hiện các tin liên quan đến dự án

2. Danh-mục (Category)

Các loại danh mục gồm có:

  • Post Category: danh mục tin tức
  • Real Product Category: danh mục sản phẩm bất động sản (VD: Căn hộ quận 8, Đất nền Bình Dương,…)
  • Real Project Category: danh mục dự án bất động sản (VD: Căn hộ, Đất nền, Khu phức hợp,…)
  • Service Category: danh mục dịch vụ (VD: dịch vụ cầm đồ, dịch vụ cho vay,…)
  • Product Category: danh mục sản phẩm (VD: tủ nhựa, tủ gỗ,…)
  • Page Category: danh mục trang (VD: giới thiệu, danh sách nhân sự,…)

Không có một tiêu chuẩn nào cho việc đặt tên Category mà thường phụ thuộc 100% vào chủ đề website và Site admin.

2.1 Tạo danh mục

VD: Tạo Danh mục Tin tức

  1. Chọn Post Categories
Chọn Post Categories
  1. Chọn Create
Chọn Create
  1. Một hộp thoại sẽ xuất hiện.
  • Gõ vào ô Title tên danh mục muốn tạo, ở đây là Tin thị trường.
  • Tại ô Slug, bấm vào icon để tạo slug tự động. Slug có thể chỉnh sửa thủ công được.
  • Tại ô State, bấm vào icon chọn Trạng thái mong muốn. Lưu ý: chỉ có trạng thái Publish mới xuất hiện trên website.

2.2 Chỉnh sửa danh mục

2.2.1 Chỉnh sửa tại trang danh sách

3. Dự án bất động sản (Real Project)

3.1 Tạo Real Project

Tương tự như Category (mục 2.1)

3.2 Chỉnh sửa Real Project

3.2.1 Chỉnh sửa tại trang danh sách

Tương tự như Category (mục 2.2.1) 3.2.2 Chỉnh sửa tại trang chi tiết

Diễn giải tại trang chi tiết dự án BDS - mục MAIN
Trang chi tiết dự án BDS - mục CONTENT

CONTENT là nội dung chính của trang dự án, để phục vụ cho nhu cầu layout đẹp, và dễ dàng thay nội dung text, CONTENT chấp nhận cả 2 loại định dạng là MARKDOWN và YML. Lưu ý: Phần content có định dạng YML chứa ở mục CONTENT DATA.

Trong mục CONTENT, bạn chỉ gọi shortcode YML với định dạng như sau [[section key="section-key" title="section-title"]] , key là bắt buộc, title có thể bỏ trống.

section-key dùng để định danh section, tên section key KHÔNG ĐƯỢC chứa dấu khoảng trắng.

Trang chi tiết dự án BDS - mục CONTENT DATA

Mục REVISION & JSON phục vụ cho mục đích debug của developer. Bạn không cần để ý đâu.

4. Sản phẩm bất động sản (Real Product)

4.1 Tạo Real Product

Tương tự như Category (mục 2.1)

4.2 Chỉnh sửa Real Product

4.2.1 Chỉnh sửa tại trang danh sách Tương tự như Category (mục 2.2.1) 4.2.2 Chỉnh sửa tại trang chi tiết

Trang chi tiết sản phẩm BDS - mục MAIN, lưu ý: Real Product Info là tùy chọn, không điền không sao

Do tính chất của loại Content Type Sản phẩm BDS, mục CONTENT DATA, (trừ các website được customize - chiếm 1%) chỉ nhận render được format MARKDOWN.

5. Post, Page, Service, Author

tương tự như Real Product.

5.1. Post

6. Images

Các chức năng chính:

  • Upload hình ảnh
  • Copy ID hình ảnh
  • Tìm kiếm hình ảnh theo tên
  • Lọc hình ảnh theo tên

6.1 Sao chép ID hình ảnh

6.2 Viết caption cho hình ảnh

Áp dụng cho định dạng Markdown.

![](id.jpg "Trong ngoặc kép này là Image Caption")

Image Caption có thể preview trong mục Content
render trên website như sau

Các tính năng hữu ích khác

1. Nhân bản (Duplicate) nội dung

2. Chỉnh sửa các thẻ meta SEO

Hộp thoại sẽ hiện ra với nội dung như sau:

Nút Generate cho phép bạn xem hiện trạng các field lấy tự động từ Nội dung, khi điền vào các trường Title, Description, Keywords và Meta, bạn sẽ override (ghi đè) các giá trị mặc định này.

3. Chỉnh sửa Heading cho các Route

Lưu ý: không chỉnh sửa Heading cho các route có pattern chứa :slug (vì chỉnh cũng không render trên website 😁)

Tại mục Route, click vào icon Hình bút để chỉnh sửa Heading

Một hộp thoại sẽ hiện ra như sau:

Render trên website như sau:

Data YML (Global)

Icon

Icon dùng trong website được trích từ thư viện Font Awesome với 2 phiên bản chính:

  • Phiên bản 4.7 (tên icon được list tại đây), icon có format: icon: fa-check
  • Phiên bản 5.0 (tên icon được list tại đây), icon có format: icon: fas fa-check

Vị trí bản đồ (Google Map) Với những website có tích hợp component bản đồ, vị trí được khai báo như sau trong Data:

map:
  zoom: 14
  apiKey: AIzaSyA28KsfUooJBCwkwR-rBPu5uMwQ2g9U3LM
  center:
    lat: 10.471418
    lng: 107.203849
  markers:
    - lat: 10.471418
      lng: 107.203849

Để thay đổi vị trí, bạn cần thay thế giá trị mới vào 2 vùng latlng. Để xác địnhlatlng, gõ địa chỉ vào Google Map, trên URL của Google Map sẽ cho bạn biết 2 trị số này, sau dấu @

VD: Gõ địa chỉ 61 Mai Xuân Thưởng, p3, q6.

giá trị lat và lng nằm sau dấu @

Đọc tiếp nè

Chưa có tin bài liên quan

Có thể bạn quan tâm

Chưa có tin bài liên quan
© 2019 connected.com.vn. All rights reserved.