Thành phần¶
Các phần tử giúp cấu trúc và trình bày nội dung một cách hiệu quả. Chúng bao gồm từ các thành phần dựa trên văn bản như tiêu đề, danh sách và làm nổi bật văn bản đến các phần tử tương tác như nút và liên kết. Các phần tử trực quan như hình ảnh, biểu tượng, video và hoạt ảnh cũng có thể được thêm vào để cải thiện cách trình bày và tổ chức nội dung.
Để thêm hoặc sửa đổi một phần tử trang web:
Điều hướng đến trang web liên quan và nhấp vào Chỉnh sửa.
Nhấp vào phần trên trang mà bạn muốn thêm hoặc sửa đổi phần tử.
Thực hiện các thay đổi cần thiết.
Nhấp vào Lưu.
Ghi chú
Các kiểu mặc định cho tiêu đề, nút, liên kết và văn bản đoạn văn, chẳng hạn, được xác định trong tab Chủ đề của trình chỉnh sửa trang web.
Tiêu đề¶
Tiêu đề xác định các đầu mục và tổ chức nội dung trang web thành các cấp độ khác nhau để rõ ràng và có cấu trúc. Để chèn tiêu đề, gõ /title, chọn kiểu đầu mục (Heading 1, Heading 2, hoặc Heading 3), và nhập văn bản.
Mẹo
Ngoài ra, gõ văn bản, chọn nó, và chọn kiểu phù hợp từ phần Inline Text trong tab Customize của trình chỉnh sửa trang web. Các tùy chọn định dạng bổ sung, chẳng hạn như phông chữ và màu sắc, cũng có sẵn trong phần này.
Hình ảnh¶
Để chèn hình ảnh:
Gõ
/image.Tìm kiếm cơ sở dữ liệu Unsplash hoặc nhấp Upload an image để chọn một tệp từ hình ảnh cục bộ của bạn.
Nhấp Thêm.
Để tùy chỉnh hình ảnh, nhấp vào hình ảnh và chỉnh sửa các tùy chọn trong phần Image của trình chỉnh sửa trang web. Ví dụ:
Replace hình ảnh.
Xác định một thẻ alt trong trường Description.
Nhập thẻ tiêu đề vào trường Tooltip. Văn bản này sẽ xuất hiện khi khách truy cập di chuột qua hình ảnh.
Thêm một Shape; một số hình dạng cũng cho phép tùy chỉnh màu sắc.
Điều chỉnh Width của hình ảnh, ví dụ: để cải thiện hiệu suất. Kích thước nhỏ hơn có thể được đề xuất nếu đủ để hiển thị.
Thay đổi kích thước hình ảnh bằng công cụ Transform.
Điều chỉnh Padding để thêm khoảng cách (tính bằng pixel) xung quanh hình ảnh.
V.v.
Video¶
Để thêm video, gõ /video, chèn URL và bật các tùy chọn mong muốn:
Autoplay: để tự động phát video khi truy cập trang. Video sẽ tự động tắt tiếng theo mặc định.
Loop: để phát video theo vòng lặp.
Hide player controls
Hide fullscreen button
Bắt đầu tại: để xác định thời điểm video bắt đầu, theo định dạng
MM:SS.
Icon¶
Để chèn biểu tượng, gõ /image, chuyển đến tab Icons, chọn một biểu tượng và nhấp Add. Để sửa đổi biểu tượng, nhấp vào biểu tượng đó và sử dụng phần Icon của trình chỉnh sửa website để tùy chỉnh các tùy chọn, chẳng hạn như Color, Size, Animations, Shape, v.v.
Liên kết¶
Liên kết được sử dụng để kết nối các trang và tài nguyên khác nhau, hướng dẫn khách truy cập và cải thiện điều hướng. Để thêm liên kết, gõ /link, sau đó trong cửa sổ bật lên mở ra, nhập Label của liên kết và thêm URL or Email. Gõ / để tìm kiếm trang và # để liên kết đến một anchor.
Mẹo
Theo mặc định, trường Style được đặt thành Link. Chọn kiểu khác để chuyển liên kết thành button.
Danh sách¶
Danh sách giúp sắp xếp nội dung rõ ràng, giúp thông tin dễ đọc hơn và cải thiện cấu trúc trang web. Gõ /list và chọn từ ba loại danh sách khác nhau: Bulleted lists, Numbered lists, hoặc Checklists.
Làm nổi bật văn bản¶
Có thể thêm phần làm nổi bật cho tiêu đề và văn bản bằng cách sử dụng phần Inline Text của trình chỉnh sửa website. Để thêm phần làm nổi bật:
Chọn văn bản hoặc tiêu đề bạn muốn làm nổi bật.
Trong trình chỉnh sửa website, nhấp vào Highlight.
Chọn kiểu làm nổi bật.
Sửa đổi Color của nó.
Chọn Thickness của nó.
Hiệu ứng¶
Hoạt ảnh được sử dụng để thêm chuyển động vào building blocks và các yếu tố website như hình ảnh và văn bản. Ba loại hoạt ảnh có sẵn: On Scroll, On Appearance và On Hover (chỉ dành cho hình ảnh).
Để thêm hiệu ứng động vào một phần tử website:
Nhấp vào phần tử.
Trong trình chỉnh sửa website, đi đến phần liên quan cho phần tử (ví dụ: Button, Column, Inline Text, v.v.).
Trong trường Animation, chọn loại hiệu ứng động mong muốn.
Tùy chỉnh cài đặt hiệu ứng động theo nhu cầu. Các tùy chọn có sẵn thay đổi tùy theo loại hiệu ứng động được chọn.
Hiệu ứng động khi cuộn¶
Đối với hiệu ứng động khi cuộn, có thể:
Chọn In để thêm hiệu ứng động khi phần tử xuất hiện trên màn hình và Out để thêm khi nó rời khỏi màn hình.
Chọn một Effect.
Chọn Direction của hiệu ứng.
Điều chỉnh Intensity của hiệu ứng.
Xác định Scroll Zone, trong đó giá trị đầu tiên đại diện cho phần trăm màn hình hiển thị khi hiệu ứng bắt đầu, và giá trị thứ hai đại diện cho phần trăm của nó khi kết thúc.
Hiệu ứng động khi xuất hiện¶
Đối với hiệu ứng động khi xuất hiện, có thể:
Chọn trong số các hiệu ứng khác nhau.
Chọn Direction của hiệu ứng.
Chọn một tùy chọn Trigger để xác định khi nào hiệu ứng động xảy ra: hoặc First Time only hoặc Every Time.
Điều chỉnh Intensity của hiệu ứng.
Nếu bạn muốn hiệu ứng động được kích hoạt sau một số giây, hãy xác định số này trong trường Start After.
Chọn Duration cho hiệu ứng động.
Hiệu ứng động khi di chuột (chỉ dành cho hình ảnh)¶
Hiệu ứng động On hover có thể được thêm vào images. Bạn có thể chọn Effect của hiệu ứng động, cũng như Color và Stroke Width.
Xem thêm