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

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..  Tìm tập tin hình ảnh Logo này

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

 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)

 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

 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

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

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

 Sau khi sửa xong nhấn vào nút Save để lưu các thay đổi lại Bây giờ Template đã có thêm 2 vị trí Module mới là user5 và user6

Lưu ý:

 Nếu các đoạn mã không nằm ngay hàng cũng không sao, chỉ cần đúng cú pháp là được

 Phần Edit HTML sẽ sửa đổi tập tin index.php nằm trong thư mục của Template đang sử dụng và Edit CSS sẽ sửa đổi tập tin

template_css.css nằm trong thư mục css của Template đang sử

dụng Có thể mở và sửa trực tiếp các dòng mã trong các tập tin đó

 Ngoài tên của các vi trí mặc định trong Template, Joomla! 1.0.x còn

có sẵn các tên từ user1 -> user9 để đặt cho các vị trí khi cần thêm vào, nếu đặt tên khác thì phải khai báo thêm tên này trong phần Site

-> Template manager -> Module Positions