Trang chủ tài liệu › Thương hiệu, thiết kế và nội dung
Xem video hướng dẫn
EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube
Các thiết lập được phân tầng như thế nào
Washlora có nhiều tầng. Hãy làm việc từ tầng cụ thể nhất đến tầng toàn cục nhất:
- Nội dung trang — văn bản, hình ảnh và liên kết trong phần bạn chỉnh sửa bằng trình chỉnh sửa trang.
- Niche identity và Niche design — nhận diện và cách trình bày dùng chung cho một ngách gốc.
- Washlora Design Studio và Washlora Options — các điều khiển hình ảnh toàn cục cho khung giao diện tiêu chuẩn.
Niche identity
- Chọn ngách trước khi chỉnh sửa.
- Đặt Brand, Tagline, Phone, Email, Hours, Area và About.
- Điều chỉnh các màu Primary, Dark, Accent, Soft và Ink, rồi nhấp Save identity.
- Kiểm tra header và footer của ngách trên trang chủ và trên một trang con.
Thay đổi nhận diện dùng chung không viết lại từng đoạn văn của bản demo. Hãy chỉnh sửa văn bản theo từng phần trong trình chỉnh sửa trang.
Niche design
- Chọn ngách và một kiểu trình bày như Atelier, Dispatch, Enterprise hoặc Home care.
- Đặt chiều rộng nội dung từ 1040 đến 1320 px, bo góc từ 0 đến 48 px và khoảng cách giữa các phần trên máy tính từ 64 đến 120 px.
- Lưu thiết kế và xem trước cùng ngách đó trong nhiều hơn một trình chỉnh sửa.
Muốn có bố cục các phần khác, hãy dùng điều khiển bố cục trong trình chỉnh sửa trang.
Washlora Design Studio
Các điều khiển hình ảnh toàn cục cho khung giao diện tiêu chuẩn. Nhấp Save Design để áp dụng.
| Điều khiển | Lựa chọn |
|---|---|
| Màu sắc | Primary, Secondary, Accent, màu nền trang và màu văn bản. |
| Header style / Footer style | 12 kiểu header và 12 kiểu footer. |
| Chiều rộng logo | 60 đến 360 px. |
| Kiểu slider | Kiểu 1 đến 5. |
| Bố cục trang web | Wide hoặc Boxed. |
| Tùy chọn header | Sticky header, Mega menu, Menu search và Menu cart. |
Washlora Options
Kích hoạt Redux Framework để dùng Washlora Options cho các điều khiển toàn cục về thương hiệu, màu sắc, kiểu chữ, header, footer, blog và hiệu suất áp dụng cho khung giao diện tiêu chuẩn.
Menu, header và footer
- Chọn menu thuộc về ngách của bạn và cập nhật các nhãn.
- Thay các đích đến mẫu bằng các trang của riêng bạn và xác nhận việc gán menu chính.
- Giữ mục menu cuối cùng là hành động tư vấn hoặc đặt lịch chính nếu header của ngách dùng nó làm nút kêu gọi hành động.
- Cập nhật thông tin liên hệ và văn bản kinh doanh dùng chung trong Niche identity.
- Sau khi lưu, hãy kiểm tra menu di động, tiêu điểm bàn phím, các liên kết footer và mọi nút.
Dịch vụ, giá và hình ảnh
Hãy tách nội dung biên tập của trang khỏi các bản ghi dịch vụ và sản phẩm có tính phí.
- Chỉnh sửa trang Services trong trình chỉnh sửa bạn đã chọn để thay đổi cách trình bày dịch vụ.
- Quản lý các bản ghi dịch vụ giặt ủi thông qua loại nội dung service trong WordPress. Xem lại tiêu đề, mô tả và chi tiết dịch vụ của chúng.
- Nếu bạn bán trực tuyến, hãy chỉnh sửa các Products tương ứng trong WooCommerce và đặt giá, thuế và tình trạng sẵn có thực tế. Xem Commerce Studio.
- Thay ảnh mẫu bằng điều khiển hình ảnh của từng phần. Thêm văn bản thay thế có ý nghĩa trong Media Library.
- Kiểm tra việc cắt ảnh trên điện thoại và màn hình rộng, đồng thời lưu hồ sơ nguồn và giấy phép cho ảnh của bên thứ ba.

Ảnh hero và slider tùy chọn
Phần hero gốc và mô-đun slider của bên thứ ba là các loại nội dung khác nhau.
- Với hero gốc, hãy chỉnh sửa hình ảnh, tiêu đề, nội dung và nút kêu gọi hành động của phần đó trong trình chỉnh sửa trang đã chọn.
- Nếu một trang thực sự nhúng slider, hãy xác định mô-đun đó và mở plugin slider của nó: Slider Revolution, Smart Slider 3 hoặc Master Slider. Prime Slider và Serious Slider cũng đang hoạt động trên trang xem trước.
- Xác nhận rằng mọi slider được nhúng đều tồn tại sau khi nhập và shortcode hoặc widget của nó trỏ đến đúng mô-đun.
- Kiểm tra tự động phát, truy cập bằng bàn phím, giảm chuyển động và việc tải hình ảnh trên thiết bị di động.
Demo-Data không được nhập vào cơ sở dữ liệu production dưới dạng SQL thô — hãy dùng quy trình di chuyển có kiểm soát. Kiểm tra nội dung gói và giấy phép của từng plugin slider.