HƯỚNG DẪN BÀN GIAO & QUẢN TRỊ WEBSITE SEAHORSE
HƯỚNG DẪN CHỌN GIAO DIỆN (TEMPLATE) TRONG HARAVAN ADMIN
Khi tạo mới hoặc chỉnh sửa một Trang nội dung tĩnh (Page) hoặc Blog trong Haravan Admin, bạn cần chọn đúng Giao diện (Template) ở khung bên phải màn hình để trang hiển thị đúng cấu trúc đặc thù:
| Loại Trang / Phân hệ | Đích đến & Mục đích | Template cần chọn |
|---|---|---|
| Trang Câu chuyện Seahorse | Trang giới thiệu lịch sử, mốc thời gian | page.our-story hoặc page |
| Trang Tầm nhìn & Sứ mệnh | Khối Vision, Mission, Core Values | page.vision-mission-core-value |
| Trang Cơ cấu Tổ chức | Sơ đồ tổ chức & Ban lãnh đạo | page.company-organization |
| Trang Danh sách Dịch vụ | 4 dịch vụ chính & khối CTA | page.services |
| Trang Chi tiết Dịch vụ | Nội dung chuyên sâu & danh sách dự án | page.services-detail |
| Trang Ngành nghề & Lĩnh vực | 5 ngành trọng điểm & Why Seahorse | page.industries |
| Trang Liên hệ | Bản đồ, địa chỉ, hotline & form tư vấn | page.contact |
| Danh mục Tin tức & Sự kiện | Danh sách bài viết tin tức (Blog) | blog |
| Danh mục Tuyển dụng | Danh sách tin tuyển dụng (Blog) | blog.careers |
| Chi tiết Tin Tuyển dụng | Bài tuyển dụng kèm Form gửi CV (Article) | article.careers-detail |
1. Trang Chủ (Homepage)
• Đường dẫn xem trước: https://www.seahorse.com.vn/?themeid=1000668896
• Mô tả: Bao gồm Banner Hero chính, Giới thiệu & Số liệu năng lực, 4 thẻ Dịch vụ nổi bật, Đội tàu & Nguồn lực, Dự án tiêu biểu, Tin tức mới nhất và Logo Đối tác.
2. Trang Giới thiệu (Our Story)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?themeid=1000668896
• Mô tả: Bao gồm Banner giới thiệu, 2 Trụ cột hiệu quả vận hành và Dòng thời gian lịch sử hình thành (Timeline các mốc: 2012, 2015, 2018, 2022).
3. Trang Tầm nhìn & Sứ mệnh (Vision - Mission)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?view=vision-mission-core-value&themeid=1000668896
• Mô tả: Bao gồm Khẩu hiệu triết lý phát triển, Khối Tầm nhìn (Our Vision), Sứ mệnh (Our Mission) và 3 Thẻ Giá trị cốt lõi (Quality, Safety, Innovation).
4. Trang Cơ cấu Tổ chức (Company Organization)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?view=company-organization&themeid=1000668896
• Mô tả: Bao gồm Sơ đồ cơ cấu tổ chức hiển thị trực quan và Ban Lãnh đạo cấp cao (Managing Director & COO) cùng các phòng ban chức năng.
5. Trang Dịch vụ (Services)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?view=services&themeid=1000668896
• Mô tả: Bao gồm Danh sách 4 Dịch vụ chi tiết kèm hiệu ứng tương tác hiện đại và Khối kêu gọi hợp tác (CTA).
6. Trang Chi tiết Dịch vụ (Services Detail)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?view=services-detail&themeid=1000668896
• Mô tả: Bao gồm Nội dung chi tiết chuyên sâu từng giải pháp kỹ thuật, Bảng danh sách các dự án tiêu biểu theo từng mảng và Nút liên hệ tư vấn.
7. Trang Ngành nghề & Lĩnh vực (Our Industries)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?view=industries&themeid=1000668896
• Mô tả: Bao gồm Thông tin các ngành công nghiệp trọng điểm (Dầu khí, Năng lượng tái tạo biển), Năng lực cốt lõi và Ứng dụng thực tế.
8. Trang Tin tức & Sự kiện (News & Events)
• Đường dẫn xem trước: https://www.seahorse.com.vn/blogs/all?themeid=1000668896
• Mô tả: Bao gồm Bài viết nổi bật tâm điểm (Featured Story), Danh sách tin tức hoạt động theo dòng thời gian và phân trang tự động.
9. Trang Chi tiết Bài viết (Article)
• Đường dẫn xem trước: https://www.seahorse.com.vn/blogs/recruitment/we-re-hiring-legal-contract-specialist-hse-officer?themeid=1000668896
• Mô tả: Bao gồm Trình bày nội dung bài viết tin tức, hình ảnh đính kèm, tác giả, ngày đăng và danh mục bài viết liên quan.
10. Trang Tuyển dụng (Careers)
• Đường dẫn xem trước: https://www.seahorse.com.vn/blogs/all?view=careers&themeid=1000668896
• Mô tả: Bao gồm Thông điệp môi trường làm việc tại Seahorse và Danh sách các vị trí đang mở tuyển dụng.
11. Trang Chi tiết Tuyển dụng (Careers Detail)
• Đường dẫn xem trước: https://www.seahorse.com.vn/blogs/recruitment/we-re-hiring-legal-contract-specialist-hse-officer?view=careers-detail&themeid=1000668896
• Mô tả: Bao gồm Mô tả công việc chi tiết, Tiêu chuẩn ứng viên, Chế độ phúc lợi và Form ứng tuyển gửi CV trực tuyến.
12. Trang Liên hệ (Contact Us)
• Đường dẫn xem trước: https://www.seahorse.com.vn/pages/about-us?view=contact&themeid=1000668896
• Mô tả: Bao gồm Bản đồ địa điểm văn phòng/trụ sở, Thông tin liên lạc (Hotline, Email, Địa chỉ) và Form gửi tin nhắn yêu cầu hỗ trợ.
13. Đầu trang (Header) & Chân trang (Footer)
• Mô tả: Bao gồm Cấu hình Logo, Menu chính, Nút liên hệ Header và Thông tin liên hệ, Mạng xã hội, Bản quyền, Chứng nhận DNV tại Chân trang.
HƯỚNG DẪN LẤY LINK FILE HÌNH ẢNH, VIDEO
Để thay đổi hình ảnh (banner, ảnh dịch vụ, ảnh bài viết, logo đối tác) hoặc video:
- B1+2: Đăng nhập trang quản trị -> Vào mục Cấu hình -> chọn File.
- B3: Bấm nút Tải file để chọn hình ảnh hoặc video từ máy tính tải lên hệ thống.
- B4: Bấm vào biểu tượng Copy link bên cạnh file vừa tải lên để sao chép đường dẫn hình ảnh.
- B5: Chuyển sang tab Thiết lập giao diện (Theme Settings) đang mở, dán link vừa copy vào ô hình ảnh tương ứng rồi bấm Lưu.
.mp4 (qua công cụ như yt5s.biz) rồi tải trực tiếp lên mục Cấu hình > File của Haravan để lấy link CDN sạch, không dính logo/quảng cáo.
HƯỚNG DẪN TẠO VÀ ĐIỀU CHỈNH MENU
- B1: Đăng nhập hệ thống quản trị -> Chọn Website -> chọn Menu.
- B2: Chọn 1 menu cần điều chỉnh (ví dụ: Menu chính hoặc Menu chân trang) hoặc bấm Thêm menu mới.
- B3: Khi thêm 1 liên kết mới, nhập Tên liên kết và Đích đến liên kết:
- Trang chủ: Dẫn về trang chủ website.
- Trang nội dung: Dẫn tới các trang tĩnh (Our Story, Services, Vision - Mission, Company Organization, Contact Us...).
- Danh mục Blog: Dẫn tới mục tin tức (News & Events) hoặc tuyển dụng (Careers).
- Địa chỉ web (URL): Dán đường dẫn tùy chỉnh bất kỳ mà bạn muốn.
- B4: Khi hoàn tất, bấm vào nút “Cập nhật menu” (tại góc phải ở dưới màn hình) để lưu lại.
Cách tạo menu con (Dropdown):
1. Tạo 1 liên kết menu mới, di chuyển menu đó xuống nằm dưới menu cha.
2. Sau đó, đè chuột kéo menu đó nhích sang bên phải, liên kết sẽ tự động trở thành menu con của menu phía trên nó.
3. Cuối cùng bấm Cập nhật menu để lưu.
