Đổi nội dung, màu và ảnh

Bản HTML: thay chữ

• Mở index.html bằng một trình soạn mã và sửa chữ trực tiếp.
• Tiêu đề trang và mô tả cho Google nằm ở thẻ <title> và <meta name="description"> trong phần <head>.
• Thông tin liên hệ mẫu nằm ở khối có id="lien-he": số điện thoại mẫu, e-mail mẫu và dòng địa chỉ mẫu. Thay bằng thông tin thật.

Bản HTML: đổi màu, font và bo góc

Màu, font và độ bo góc nằm trong thuộc tính style của thẻ <body>:

• --accent: màu nhấn chính.
• --accent2: màu phụ.
• --paper: màu nền trang.
• --surface: màu nền của thẻ và khối nổi.
• --ink: màu chữ.
• --heading-font và --body-font: font tiêu đề và font nội dung.
• --radius: độ bo góc.

Ví dụ đổi màu nhấn:

<body class="…" style="--accent:#6f5543;--accent2:#c9b49b;--paper:#f3eee7;--ink:#1f1b17;…">

Các lớp bắt đầu bằng wz-m- trên thẻ <body> bật từng hoạ tiết trang trí. Xoá một lớp để bỏ hoạ tiết đó.

CSS của trang nằm sẵn trong thẻ <style> ở đầu index.html để trang hiện nhanh hơn. Thư mục assets có bản sao style.css cùng nội dung nếu bạn muốn tách ra tệp riêng.

Bản HTML: thay ảnh

1. Thay tệp ảnh trong thư mục assets/… bằng ảnh cùng tên và cùng tỉ lệ. Nên dùng WebP.
2. Mỗi ảnh có thêm bản nhỏ đuôi -480 và -800 cho điện thoại, khai báo trong thuộc tính srcset. Thay luôn các bản này, hoặc xoá srcset và sizes của ảnh đó.
3. Sửa thuộc tính alt cho đúng nội dung ảnh mới.

Bản WordPress

• Sửa chữ, ảnh và nút trong Trang › Trang chủ bằng trình soạn thảo khối.
• Đổi bảng màu ở Giao diện › Trình chỉnh sửa › Phong cách.
• Sửa đầu trang và chân trang ở Giao diện › Trình chỉnh sửa › Phần mẫu.
• Thay ảnh bằng cách chọn khối ảnh rồi chọn ảnh mới từ Thư viện.

Phản hồi của khách

Mục Khách hàng nói gì trong gói tải về chỉ có chỗ trống đánh dấu [...]. Chỉ đăng phản hồi thật của khách, có sự đồng ý của họ và giữ nguyên ý. Đăng đánh giá tự viết hoặc mua là thông tin gây nhầm lẫn cho người tiêu dùng. Chưa có phản hồi thật thì xoá mục này.

Tiếp theo

• Hướng dẫn dùng mẫu