✨Bạn muốn xây dựng web tài liệu & blog, hãy liên hệ qua Facebook của mình để trao đổi thông tin nhé.

logoDocsBlog

Thanh điều hướng

Thanh điều hướng

Website TechNews

Tài liệu hướng dẫn sử dụng website tin tức công nghệ

Website demo: https://product10-starter-technews01.vercel.app/

Website TechNews đăng tải các tin tức công nghệ, với một số tính năng nổi bật như:

  • Hiển thị các bài viết theo từng danh mục.
  • Danh mục bài viết riêng.
  • Đặt lịch hẹn tự đăng bài viết.
  • Cho phép nhúng video từ Youtube, Spotify, X...
  • Widget chèn quảng cáo trên website.
  • Tích hợp popup chat trực tuyến trên website, Google Analytics...
  • Chức năng chuyển đổi giao diện (sáng/tối/hệ thống).
  • và còn nhiều tính năng khác.....

Dưới đây là hướng dẫn cơ bản cũng như cấu hình các chức năng trên website.

Thanh tin tức

Một thanh tin tức hiện trên header ở mọi nơi trong website của bạn.

header-technews

Bạn có thể chỉnh sửa nội dung, bật/tắt thông báo bằng cách đi vào Cài đặt -> Thiết lập chung -> Header.

thanh-tin-tuc

Thanh điều hướng

Hiển thị các mục để điều hướng người dùng khi click chuột, ẩn hiển một số nút bấm như nút tìm kiếm... điều chỉnh vị trí thanh điều hướng (trái - giữa - phải).

header-technews

Bạn có thể điều chỉnh bằng cách đi vào Cài đặt -> Thiết lập chung -> Header.

thanh-dieu-huong

Trang chủ

Ở trang chủ có một số widget được sử dụng như:

  • Widget quảng cáo.
  • Widget bài viết.
  • Widget bài viết theo danh mục.
  • Widget link (dùng để nhúng youtube, spotify vào website).

Layout được chia làm 2 phần (trái và phải).

Layout trái

Sử dụng widget bài viết theo danh mục, để cấu hình bạn đi vào Main Space -> Trang chủ (page).

layout-homepage

và chọn widget bài viết theo chủ đề.

Widget này có 3 loại bố cục (mix, news và horizontal):

  • mix-layout

    Mix

  • news-layout

    News

  • Horizontal-layout

    Horizontal

Layout phải

Layout bên phải được sử dụng để quảng cáo, hiển thị các bài viết nổi bật do admin chọn, các widget nhúng khác như youtube, spotify...

Để cấu hình bạn đi vào Cài đặt -> Thiết lập chung -> Main.

header-rightsidebar

Popup chat giúp người dùng khi lướt web của bạn, nếu có nhu cầu có thể nhắn tin trực tiếp với admin quản lý website.

popup-chat

Để cấu hình bạn đi vào Cài đặt -> Thiết lập chung -> Scripts và thêm script nhúng chat do lập trình viên hướng dẫn.

chat-popup

Bài viết

Xem hướng dẫn tạo bài viết

Ads danh mục bài viết

Các quảng cáo sẽ hiển thị ở layout bên phải của mỗi danh mục bài viết.

cate-ads

Để cấu hình, bạn đi vào Cài đặt -> Thiết lập chung -> Advertisement -> chọn các widget để hiển thị.

cate-ads-setting

footer-fe

Để cấu hình, bạn đi vào Cài đặt -> Thiết lập chung -> Footer.

footer-setting

Cấu hình Google Analytics

Xem hướng dẫn cấu hình Google Analytics

Chia sẻ lên