[Bài 05] Tổng quan về giao diện của theme Himalayas

Trong bài này chúng ta cùng tìm hiểu xem giao diện theme Himalayas có gì và các thành phần mà bạn nhìn thấy trên trang chủ nó có vai trò như thế nào nhé !

Bố cục theme Himalayas

Ở bài trước, các bạn đã và kích hoạt xong theme Himalayas, tuy nhiên nó không giống như demo đã xem đúng không nào ? Không sao, kệ… bây giờ chúng ta cùng mổ xẻ bố cục của em nó.

Bố cục theme himalayas

Sau khi xem từ trên xuống dưới thì mình tạo được cái bảng các thành phần trên trang chủ như trên. Các phần được sắp xếp theo trình tự từ trên xuống dưới, và đây là vai trò của từng phần:

1. Header Navigation: Nơi chứa thanh menu điều hướng, logo, mô tả và tiêu đề website.
2.  Slider: Đây là slide “trình diễn” một số trang tùy ý, có thể là tin tức về doanh nghiệp chẳng hạn.
3. About: Giới thiệu tổng quan về doanh nghiệp.
4. Call to action 01: Nút kêu gọi hành động thứ nhất, thường là mời tham quan hoặc bất kỳ hành động nào đó để chào mừng khách hàng.
5. Our Serive: Tổng hợp một số sản phẩm dịch vụ mà doanh nghiệp của bạn cung ứng.
6.  Portfolio: Chỗ này là danh sách hình ảnh của các dự án mà doanh nghiệp đã thực hiện chẳng hạn.
7. Blog: Các tin tức / hoạt động gần đây của doanh nghiệp của bạn.
8. Call to action 02: Nút kêu gọi hành động thứ hai, ví dụ sau khi khách hàng xem qua các thông tin, giới thiệu thì mời họ dùng thử sản phẩm/ dịch vụ hoặc xem demo gì đó.
9. Our Team: Một số nhân viên tiêu biểu của doanh nghiệp / nhóm.
10. Contact us: Thông tin và biểu mẫu liên hệ dành cho khách hàng.
11. Footer widget: Nơi đặt các tiện ích ví dụ như bản đồ, danh sách liên kết tùy chỉnh,…

Các phần tương ứng với các widget (tiện ích) có sẵn trong theme và chúng ta chỉ việc chọn cái cần dùng và thêm vào trang chủ như đã làm trong Serie WordPress Cơ Bản ấy.

Trong những bài tiếp theo chúng ta sẽ lần lượt thực hiện các thiết lập, tùy chỉnh chung về giao diện và thử thêm các widget cho nó giống demo.

Bài học trước đó và tiếp theo

• [Bài 04] Tìm và cài đặt một mẫu theme cho webiste doanh nghiệp
• [Bài 06] Một số tùy chỉnh ban đầu trên giao diện theme Himalayas