Phần mở đầu là một banner lớn có ảnh hoặc video phía sau chữ và nút của bạn. Nó nằm trên trang chủ và thường là thứ đầu tiên khách nhìn thấy.
Thêm phần mở đầu
- Mở trình thiết kế và chọn Trang chủ trong tab Trang.
- Trong tab Các mục, bấm Thêm mục mới và chọn Phần mở đầu trong nhóm Nội dung.
- Chọn hình ảnh hoặc video, viết nội dung và bấm Xuất bản.
Phần mở đầu chỉ có trên trang chủ, và bạn có thể thêm một mục mỗi trang. Để di chuyển, sao chép hoặc ẩn nó, xem Mục và khối
Hình ảnh và chiều cao
- Chế độ: Đơn hiển thị một ảnh hoặc video. Chia đôi hiển thị hai, được đặt trong Hình ảnh 1 và Hình ảnh 2. Chúng nằm cạnh nhau khi Hướng của nội dung là Dọc, và nằm trên dưới khi là Ngang. Trên điện thoại, hai ảnh luôn xếp chồng.
- Hình ảnh 1 và Hình ảnh 2: một ảnh hoặc video từ thư viện phương tiện. Video phát ở chế độ tắt tiếng, lặp lại, như một nền chuyển động.
- Chiều cao: Nhỏ, Vừa, Lớn, Toàn màn hình (lấp đầy màn hình), Hình ảnh (theo hình dạng của ảnh đầu tiên, nên không bị cắt) hoặc Tùy chỉnh. Với Tùy chỉnh, Chiều cao tùy chỉnh đặt chiều cao theo tỷ lệ của chiều cao màn hình. Phần mở đầu mới bắt đầu với Hình ảnh.
Chữ và nút phía trên
Chọn phần mở đầu và bấm Thêm khối mới để thêm nội dung lên trên hình ảnh: tối đa 2 khối Văn bản, 2 Nút, 2 Nhóm và 2 Đường phân cách. Cài đặt riêng của chúng có trong Khối Nhóm, Văn bản, Nút và Đường phân cách: các cài đặt thành phần bố cục hoạt động thế nào?
Trong Bố cục, bạn sắp đặt nội dung này:
- Hướng: Dọc xếp chồng các khối, Ngang đặt chúng cạnh nhau. Với Ngang, Xếp dọc trên di động sẽ xếp chồng chúng trên điện thoại.
- Vị trí và Căn chỉnh: di chuyển nội dung lên hoặc xuống và sang trái hoặc phải, ví dụ dưới cùng bên trái hoặc chính giữa. Cách đều dàn các khối ra xa nhau.
- Chiều rộng nội dung: Trang giữ nội dung trong chiều rộng trang, Toàn bộ cho nó chạm đến mép màn hình. Hình ảnh luôn lấp đầy toàn bộ chiều rộng.
Khoảng cách (trong phần Khoảng cách) đặt khoảng trống giữa các khối, còn Khoảng đệm là khoảng trống xung quanh chúng.
Màu sắc và lớp phủ
- Phối màu: màu chữ và màu nút của phần mở đầu. Xem Bảng màu.
- Lớp phủ hình ảnh: thêm một lớp màu lên trên hình ảnh để chữ dễ đọc hơn. Sau đó đặt Màu lớp phủ và Kiểu lớp phủ: Liền phủ đều lên hình ảnh, Chuyển màu làm màu nhạt dần. Hướng chuyển màu (Lên hoặc Xuống) đặt hướng nhạt dần.
Tab CSS tùy chỉnh cho phép bạn thêm CSS riêng chỉ cho phần mở đầu này.
Các việc thường làm
- Đầu trang nằm trên phần mở đầu: bật Đầu trang trong suốt trong cài đặt đầu trang. Tính năng này chỉ hoạt động khi phần mở đầu nằm ngay dưới đầu trang. Xem Cài đặt đầu trang.
- Tiêu đề và nút ở giữa: Hướng Dọc, rồi đặt Vị trí và Căn chỉnh là Giữa.
- Chữ trắng trên ảnh sáng: bật Lớp phủ hình ảnh với Màu lớp phủ tối và kiểu Chuyển màu.
Lưu ý
- Nếu video ở phần mở đầu không chuyển động, hãy kiểm tra Tự động phát video trong tab cài đặt Tự động hóa. Khi tắt, video nền sẽ đứng yên. Xem Cài đặt Tự động hóa.
- Nếu không xác định được kích thước của ảnh đầu tiên, chiều cao Hình ảnh sẽ dùng Vừa thay thế.
- Bạn cần banner ở trang khác? Phần mở đầu chỉ có trên trang chủ, nhưng mục Hình ảnh dùng được trên mọi trang. Xem Các mục Văn bản, Hình ảnh và Đường phân cách.