Tuỳ chỉnh giao diện và cài đặt chung của website

Thông tin thương hiệu và giao diện là hai thứ khách thấy đầu tiên khi mở website. Bài này đi qua mục Cài đặt để sửa tên, logo, số điện thoại, địa chỉ, rồi sang mục Giao diện để đổi diện mạo. Hai mục này thuộc quyền Quản trị viên, Biên tập viên không thấy.

Chuẩn bị

• Tài khoản Quản trị viên.
• Logo bản màu cho máy tính, và nếu có thì một logo ngang có chữ cho điện thoại.
• Ảnh vuông làm favicon, định dạng PNG hoặc ICO, cỡ 64×64.
• Thông tin liên hệ chính xác: hotline, email, địa chỉ, giờ làm việc.

Các bước

1. Ở menu trái, nhóm Hệ thống, bấm Cài đặt. Trang có các thẻ: Thông tin chung, Liên hệ & Mạng xã hội, Trang chủ, Hiển thị và vài thẻ khác.
2. Ở thẻ Thông tin chung, điền Tên website / thương hiệu, Khẩu hiệu (slogan), Tên công ty đầy đủ. Tải Logo trên máy tính, Logo trên điện thoại, Logo chân trang (nền tối) và Favicon. Để trống logo điện thoại thì hệ thống dùng logo máy tính.
3. Ở thẻ Liên hệ & Mạng xã hội, nhập Hotline, Email, Địa chỉ, Giờ làm việc và các liên kết Facebook, Zalo, Messenger, YouTube, TikTok. Bản đồ lấy từ Google Maps: Chia sẻ → Nhúng bản đồ, rồi dán vào ô Google Maps (link nhúng).
4. Tick Hiện nút liên hệ nổi (gọi, Zalo, Messenger) nếu muốn khách bấm liên hệ nhanh ở mọi trang.
5. Ở thẻ Trang chủ, sửa tiêu đề, nội dung và ảnh khối giới thiệu, các mục Con số ấn tượng, Điểm mạnh / cam kết và Quy trình làm việc.
6. Bấm Lưu cài đặt ở cột phải, rồi bấm Xem website ở góc trên để kiểm tra.
7. Vào Hệ thống → Giao diện. Mỗi thẻ giao diện có nút Xem trước, Kích hoạt và Tuỳ chỉnh. Bấm Xem trước để mở thử trong tab mới, website thật chưa đổi.
8. Ưng ý thì bấm Kích hoạt và xác nhận. Giao diện đang dùng có nhãn Đang dùng.
9. Bấm Tuỳ chỉnh để chỉnh màu sắc, phông chữ và các khối trang chủ của giao diện đó, rồi bấm Lưu tuỳ chỉnh. Muốn quay về ban đầu, bấm Khôi phục mặc định.

Lỗi thường gặp

• Sửa xong nhưng website không đổi: bạn chưa bấm Lưu cài đặt, hoặc trình duyệt còn bộ nhớ đệm. Tải lại trang bằng Ctrl + F5.
• Logo bị méo trên điện thoại: dùng logo ngang trong ô Logo trên điện thoại, tránh ảnh vuông có quá nhiều chữ.
• Đổi giao diện làm lệch bố cục: mỗi giao diện sắp xếp khối khác nhau. Luôn Xem trước các trang chính trước khi Kích hoạt.
• Nhập số điện thoại kèm chữ: ô Hotline nên chỉ có số để nút gọi hoạt động.
• Bật chế độ bảo trì rồi quên tắt: ở thẻ Hiển thị, khi tick Bật chế độ bảo trì, khách không xem được website.

Kiểm tra lại

• Tên, logo, favicon hiển thị đúng ở đầu trang và thẻ trình duyệt
• Hotline, email, địa chỉ, bản đồ đúng thông tin hiện tại
• Đã xem trên điện thoại, logo và nút liên hệ nổi không che nội dung
• Giao diện đang dùng có nhãn Đang dùng
• Chế độ bảo trì đang tắt

Bước tiếp theo

Bài kế trong lộ trình: Sửa banner, menu, đối tác và đội ngũ. Nếu muốn hiểu thêm về phần thiết kế, xem Thiết kế website.