(HD)2.Các SECTION thường sử dụng

CÁC SECTION THƯỜNG DÙNG VÀ CÁCH SỬ DỤNG

ROW

  • Trong ROW section sẽ có dấu “+” để thêm các section con vào bên trong
  • Biểu tưởng mũi tên 4 hướng ở góc trái của mỗi section khi bấm và giữ chuột dùng để thay đổi vị trí mong muốn của các section

TEXT BOX

  • TEXT BOX được sử dụng để thêm nội dung mô tả vào bài viết, dài ngắn tùy vào nội dung mong muốn.
  • Khi ở trong khung của Text Box nên bấm vào “Văn bản” sau đó copy paste phần text mong muốn vào đó – rồi bấm “Trực quan” để chỉnh sửa mầu chữ, căn lề,….
  • TEXT BOX khác CUSTOM HEADING ở chỗ Text Box có thể hiển thị nội dung dài, còn Custom Heading ưu tiên hiển thị nội dung cần nhấn mạnh.

CUSTOM HEADING

Bấm SAVE CHANGES sau khi hoàn thành

SERAPATOR

SEPARATOR section dùng để tạo ra đường line nằm ngang ngăn cách các nội dung cần thiết

Message Box

Dùng để tạo ra các ô với nội dung ghi chú cho người đọc

Hover Box

Dùng để tạo ra những box có chứa ảnh 2 mặt hiển thị khi trỏ chuột vào, 1 mặt hiển thị ảnh, mặt còn lại hiển thị text

Single Image

Hiển thị ảnh đơn, có thể gán link để khi bấm vào ảnh sẽ dẫn đên link đã được gán.

BUTTON

Tạo ra một section dạng nút bấm  – có thể gán link để khi bấm vào sẽ dẫn đến trang đích đã được trỏ link

Video Player

Thêm video giới thiệu vào trang web

TẠO SECTION TỪ MẪU CÓ SẴN

Phần cuối trang mẫu đã có “CODE MẪU” từ đó có thể tạo ra các Section cần sử dụng cho trang của mình.

Sau khi hoàn thiện trang có thể xóa Module này đi bằng cách bấm vào dấu “X” ở góc trái của Module để nó không hiển thị ở trang đích nữa.

  1. Bấm “+’ ở Section để tạo Section mới.
  2. Sử dụng công cụ di chuyển để mang Section đó đến vị trí mong muốn

TRONG KHI THAO TÁC CÓ THỂ BẤM “LƯU NHÁP” ĐỂ LƯU LẠI BẢN NHÁP ĐANG CHỈNH SỬA.

“XEM THỬ” HOẶC “PREVIEW” ĐỂ XEM THÀNH QUẢ ĐÃ LÀM.

“UPDATE” HOẶC “CẬP NHẬT” ĐỂ LƯU TRANG HOÀN THIỆN 

*lưu ý sau khi bấm “Cập nhật” thì sẽ không thể quay lại bước làm trước đó*

1. Tạo trang
WEB mẫu

CODE MẪU

CHỨA CÁC DÒNG CODE MẪU ĐỂ TẠO RA MODULE CÓ THỂ CHỈNH SỬA

MỖI THÀNH PHẦN CODE SẼ CÓ CÚ PHÁP VÍ DỤ :

[VC_ROW][VC_COLUMN] NỘI DUNG [/VC_COLUMN][/VC_ROW]

CODE

[vc_tta_tabs style="modern" active_section="1" css=".vc_custom_1589467932234{border-radius: 1px !important;}"][vc_tta_section title="CODE MẪU" tab_id="1587393787961-1eb7736d-34a1" el_class="CB_Tab1"][vc_row_inner][vc_column_inner width="1/2" css=".vc_custom_1587396996772{margin-top: 1px !important;}"][vc_single_image image="1269" img_size="full" alignment="center"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text el_class="font-size-140pc"]CHỨA CÁC DÒNG CODE MẪU ĐỂ TẠO RA MODULE CÓ THỂ CHỈNH SỬA[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_tta_section][/vc_tta_tabs]

TEST section "Post Grid"

“Post gird” sử dụng để thể hiện các page con dưới dạng grid, nhập tên chuyên mục chứa các page để hiển thị.

Style: Basic grid: go to slideout

Cần add feature image cho các page để hiển thị ảnh trong grid