Làm quen giao diện

  • XiroWeb
  • 21 Tháng 4 2021

Bài viết hướng dẫn bạn sử dụng giao diện trên Xiroweb Platform, với các hướng dẫn thay đổi giao diện mặc định, sử dụng cùng lúc nhiều giao diện khác nhau, tạo giao diện sao chép để thay đổi các thuộc tính trên từng trang thành phần như màu sắc, logo...

Với Xiroweb Platform giao diện có nhiều chức năng mang đến sự thú vị và giúp bạn xây dựng giao diện phù hợp với mong muốn.

Những điều thú vị mà bạn có thể thực hiện với giao diện:

- Thay đổi giao diện sang một giao diện khác.

- Một số người lại muốn mỗi trang, mỗi menu lại có màu nền riêng, menu màu riêng và logo có thể thay đổi khác đi. Xiroweb Platform rất thuận lợi để thực hiện nhu cầu này, Bằng cách cho phép bạn tạo ra một bản sao của giao diện hiện tại, bạn có thể điều chỉnh lại bộ tham số (màu sắc, logo...) và sử dụng vào nơi bạn cần.

- Đặc biệt, bạn có thể sử dụng cùng lúc nhiều giao diện khác nhau trên website (mỗi trang có thể chọn một giao diện để sử dụng). Chức năng này hữu ích rất nhiều. Ví dụ một số tình huống sử dụng web như bạn tạo các trang landing page phục vụ nhu cầu quảng bá marketing, hoặc xây dựng giao diện hoàn toàn mới cho một số trang con. Hoặc tiện lợi khi bạn cần nâng cấp chuyển đổi giao diện sang giao diện mới, bạn từng bước chuyển đổi lần lượt qua các trang. 

Giao diện mặc định cho trang web chính

 

 

Giao diện mặc định là giao diện được nhận diện bằng màu vàng và dấu tích màu đen bên trong.

Chọn giao diện khác làm giao diện mặc định bằng cách bấm vào vị trí có dấu mũi tên như trên hình.

Điều chỉnh tham số giao diện

Để thay đổi các tham số giao diện, bấm vào nút Tùy biến của giao diện, click vào các tab ở cột sát phía bên trái để thay đổi các tham số cho phù hợp. Mỗi giao diện sẽ có các tham số riêng khác nhau, nên bạn sẽ thấy các tham số này khác nhau trên mỗi giao diện mà bạn điều chỉnh.

Với giao diện Xirostart bạn có thể điều chỉnh logo, màu sắc menu, màu nền, nhúng code js vào web. 

 

 

Điểm neo (position) và giao diện

 Khi sử dụng giao diện, hãy lưu ý các Điểm neo (position), mỗi giao diện sẽ có những điểm neo (position) riêng. Các điểm neo (position) của các giao diện khác nhau ít khi trùng nhau. 

Mà bạn cũng đã biết các Điểm neo (position) là nơi để hiển thị các module. Vậy nên bạn cần biết các Điểm neo (position) của giao diện để sắp xếp lại các module vào đúng vị trí bạn muốn.

 Để xem các Điểm neo (position) bấm vào nút Layout. 

Bổ sung:

Chuyện gì xảy ra khi giao diện mới có Điểm neo (position) trùng với giao diện cũ?

Tất cả các module mà bạn đã chọn điểm neo (position) bị trùng đều hiển thị ra giao diện mới. 

 

Tạo bản sao giao diện và sử dụng bản sao giao diện vào một trang được chỉ định

Bạn muốn thay đổi màu menu, màu nền của một menu nào đó trên website của bạn. 

Đầu tiên bạn tạo bản sao của giao diện, Thay đổi lại tên giao diện cho dễ nhớ và điều chỉnh tất các tham số có trên giao diện mà bạn muốn. Từ màu sắc cho đến logo. 

Tiếp tục click vào tab cuối cùng Menus assignment, và chọn vào menu bạn muốn áp dụng giao diện mới tạo bản sao này. Những menu đã được chọn thay đổi theo các thông số mà bạn đã chỉnh sửa.

 

 

Sử dụng đồng thời giao diện khác trên website

 Vào tùy biến giao diện mà bạn muốn sử dụng, Tiếp tục click vào tab cuối cùng Menus assignment, và chọn vào menu bạn muốn áp dụng giao diện này. Những menu bạn đã chọn sẽ sử dụng giao diện này. Như vậy, bạn có thể sử dụng đồng thời rất nhiều giao diện vào website của bạn. Thật thú vị phải không?

Tìm và cài đặt giao diện mới ra sao?

Bạn có thể tìm các giao diện được đăng tải trên website www.xiroweb.com, tải về và cài đặt sử dụng.

Xiroweb Platform hoàn toàn tương thích với các extension của joomla, do vậy bạn có thể tìm các giao diện cho joomla mà tương thích với joomla 3.9.xx để cài đặt và sử dụng.

 

Bài kế tiếp

Bạn tìm hiểu tiếp cách tải và cài đặt các App Ứng dụng vào website như giao diện, module... Các App Ứng dụng rất đa dạng với nhiều chức năng, giúp bạn mở rộng website theo mong muốn.

Dustin Dzung - Xiroweb