Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn

Cách chỉnh sửa Template cho Joomla! 1.0.x
Mặc định trong Joomla! đã có tích hợp sẵn Template, đây là một Template
mẫu với một số ít vị trí cơ bản. Nếu muốn trang Web có kiểu dáng đẹp và
nhiều vị trí để hiển thị các thành phần mở rộng hơn thì cần phải thay đổi
Template khác hoặc sửa lại cho phù hợp.
Sau đây là một số cách sửa Template mặc định rhuk_solarflare_ii trong
Joomla! 1.0.x
Cách thay hình ảnh Logo:
 Mở trang web và xem hình dạng Logo của Template mặc
định rhuk_solarflare_ii .

 Tìm tập tin hình ảnh Logo này trong thư mục images của Template
rhuk_solarflare_ii đang sử dụng và nhận biết các thông số: tên:
header_short.jpg, loại: jpg, kích thước: 635x150 px của tập tin này.

Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn
 Sau đó tạo một tập tin hình ảnh Logo mới với các thông số tương tự
để thay thế cho Logo cũ.

 Có thể áp dụng cách làm này để thay đổi toàn bộ hình ảnh của
Template tùy ý, các hình ảnh này thông thường đều nằm trong thư
mục images của Template đang sử dụng.
Cách tạo thêm vị trí hiển thị Module:

 Kiểm tra các vị trí hiện có của Tempale bằng cách thêm tham số
/?tp=1 vào dòng địa chỉ.

 Truy cập vào Menu Site Templates trong phần Quản trị (Admin).
Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn

 Trong Template Manager [ Site ] chọn Template muốn sửa
(rhuk_solarflare_ii) và nhấn nút Edit HTML

 Trong cửa sổ Template HTML Editor, tìm vị trí MainBody như trong
hình:

 Thêm các đoạn mã để tạo vị trí Module mới là user7 nằm phía dưới
MainBody như trong hình:
Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn

 Sau khi sửa xong nhấn vào nút Save để lưu các thay đổi lại.
 Do vị trí này đãđươợc gán id là user7 (có thể thay đổi tùy ý) nên nếu
muốn chỉnh sửa các thông số (chiều rộng, chiều cao, font chữ,...) cho
vị trí này thì tiếp tục chọn Template rhuk_solarflare_ii và nhấn nút
Edit CSS.

 Thêm đoạn mã như trong hình vào phía cuối để định dạng cho vị trí
User7.

 Bây giờ Template đã có thêm 1 vị trí Module mới là user7.
Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn

Cách tạo thêm vị trí hiển thị Module trong phần Mainbody:
 MainBody là vị trí hiển thị phần nội dung chính (Component) của
trang Web, các Module được đặt trong vị trí này sẽ hiển thị chung với
phần nội dung chính.
 Truy cập vào Menu Site Templates trong phần Quản trị (Admin).
 Trong Template Manager [ Site ] chọn Template muốn sửa
(rhuk_solarflare_ii) và nhấn nút Edit HTML
 Trong cửa sổ Template HTML Editor, tìm đoạn mã như trong hình
bên dưới.

 Thêm 2 vị trí Module đặt tên là user5 nằm phía trên và user6 nằm
phía dưới phần nội dung chính bằng cách sửa lại như trong hình.