Cách tạo vị trí Module Position và hiển thị Module trong Joomla! 1.5

Thảo luận các vấn đề vể cài đặt và sử dụng Joomla! và các thành phần mở rộng của Joomla!
Nội quy chuyên mục
Thành viên đăng quảng cáo trong chuyên mục này sẽ bị xóa toàn bộ bài viết và cấm vĩnh viễn tham gia Diễn đàn.

* Xem qui định đăng bài viết tại đây: Nội quy đăng bài viết
Đăng trả lời
Hình đại diện của thành viên
BuaXua
Điều hành viên chính
Điều hành viên chính
Bài viết: 53
Ngày tham gia: 12/09/2010 - 22:54

Cách tạo vị trí Module Position và hiển thị Module trong Joomla! 1.5

Gửi bài gửi bởi BuaXua » 22/10/2019 - 19:47

Module là thành phần mở rộng dùng để bổ sung thêm chức năng cho Joomla! Việc hiển thị Module tại vị trí Module Position nào và cách hiển thị ra sao đều được thiết kế sẵn trong Template. Trong một Template có nhiều vị trí Module Position và mỗi vị trí có thể hiển thị nhiều Module giống hoặc khác nhau.

Lệnh tạo vị trí Module Position

Vị trí của Module Position được tạo trong tập tin index.php của Template bởi dòng lệnh:

Hình ảnh

Khai báo vi trí Module Position

Vị trí Module Position phải được khai báo trong tập in templateDetail.xml thì mới có thể sử dụng được.

Hình ảnh

Chọn vị trí Hiển thị Module

Trong phần quản lý Module Manager, chọn Module và nhấn vào nút Edit.

Hình ảnh

Trong phần Edit Module chọn vị trí và trang muốn hiển thị Module.

Hình ảnh

Mỗi vị trí Module Position có thể hiển thị nhiều Module giống hoặc khác nhau và có thể sắp xếp thứ tự hiển thị cho các module này.

Hình ảnh

Kết quả hiển thị trên trang web

Hình ảnh

Hiển thị vị trí Module Position có điều kiện

Hình ảnh

Kết quả hiển thị trên trang web

Hình ảnh

Cách thu gọn vị trí Module Position (Collapsing)

Được dùng trong trường hợp cần thu gọn vị trí Module Position này để giúp mở rộng thêm các vị trí khác. Cách này có thể giúp tạo nên bố cục đa dạng cho trang web.

Hình ảnh

Kết quả hiển thị trên trang web

Hình ảnh
https://www.buaxua.vn => Trang web BuaXua.vn
https://www.buaxua.vn/forum => Diễn đàn Hỏi - Đáp BuaXua.vn

Hình đại diện của thành viên
BuaXua
Điều hành viên chính
Điều hành viên chính
Bài viết: 53
Ngày tham gia: 12/09/2010 - 22:54

Các kiểu Style dùng để hiển thị Module trong Joomla! 1.5

Gửi bài gửi bởi BuaXua » 22/10/2019 - 19:51

Joomla! cho phép thay đổi các kiểu hiển thị Module với thuộc tính "stype" trong dòng lệnh tạo vị trí Module Position. Bằng cách thay đổi các thuộc tính này mà mỗi Module có thể được hiển thị theo nhiều kiểu khác nhau. Các thay đổi này là rất cần thiết và góp phần quan trọng trong việc thiết kế Template cho Joomla!

Về cơ bản, các kiểu này sẽ thay đổi cách thức hiển thị bằng cách chèn thêm các mã HTML trước, sau hoặc xung quanh vị trí hiển thị Module. Một trong những kiểu hiển thị thường thấy đó là tạo các góc bo tròn cho Module và nhiều kiểu hiển thị khác nữa tuy vào việc ứng dụng CSS vào các kiểu này.

Kiểu hiển thị của Module được thêm vào dòng lệnh tạo vị trí Module Position. Trong Joomla! 1.5 có các kiểu: rounded, none, table, horz, xhtml, outline.

Hình ảnh

Các kiểu hiển thị Module trong Joomla! 1.5

Hình ảnh
Lưu ý:
  • Nếu để trống thuộc tính style thì kiểu hiển thị được hiểu là "none".
  • Các kiểu hiển thị này hoàn toàn có thể thay đổi thêm bằng cách thiết đặt thông số trong tập tin template.css. Chẳng hạn như kiểu table và horz, nhìn có vẻ giống nhau nhưng thực chất chúng có mã HTML xuất ra khác nhau. Kiểu table đặt các Module trong chung một bảng trong khi kiểu horz sẽ đặt mỗi Module trong một bảng riêng và do đó các Module có thể được sắp xếp theo chiều ngang (Horizontal).
https://www.buaxua.vn => Trang web BuaXua.vn
https://www.buaxua.vn/forum => Diễn đàn Hỏi - Đáp BuaXua.vn

Đăng trả lời
  • Các chủ đề liên quan
    Trả lời
    Xem
    Bài viết mới nhất

Quay về