LẬP TRÌNH WEB CHUYÊN SÂU VỚI CMS JOOMLA_Bài 2

Các trang Web được xây dựng thường có một kiểu hiển thị chung dựa trên một mẫu gọi là Template. – Template dành cho Joomla có rất nhiều kiểu dành cho nhiều lĩnh vực khác nhau như văn hóa, nghệ thuật, kinh doanh,…
Nội dung trích xuất từ tài liệu:
LẬP TRÌNH WEB CHUYÊN SÂU VỚI CMS JOOMLA_Bài 2 TRUNG TÂM TIN HỌC ĐẠI HỌC KHOA HỌC TỰ NHIÊN-TP.HCMLẬP TRÌNH WEBCHUYÊN SÂU VỚI CMSJOOMLA 1 TRUNG TÂM TIN HỌC ĐẠI HỌC KHOA HỌC TỰ NHIÊN-TP.HCM Bài 3: Front End Component Giới thiệu1. Cài đặt Template mới2. Thay đổi Template3. Cập nhật Template4. Tạo mới 1 Template5. 2 Bài 2: Template1. Giới thiệu – Các trang Web được xây dựng thường có một kiểu hiển thị chung dựa trên một mẫu gọi là Template. – Template dành cho Joomla có rất nhiều kiểu dành cho nhiều lĩnh vực khác nhau như văn hóa, nghệ thuật, kinh doanh,… 3 Bài 2: Template2. Cài đặt Template mới § Các bước thực hiện – Bước 1: Download Template mới tại trang http://www.siteground.com/joomla- hosting/joomla-templates.htm và các trang khác hoặc tự thiết kế Template. 4 Bài 2: Template2. Cài đặt Template mới § Các bước thực hiện – Bước 2: Vào menu Extensions → chọn Install/Uninstall Manager 5 Bài 2: Template2. Cài đặt Template mới § Các bước thực hiện – Bước 3: Ở mục Upload Package File, tìm gói Template cần thêm mới, sau đó click Upload File & Install 6 Bài 2: Template2. Cài đặt Template mới § Các bước thực hiện – Thông báo việc cài đặt template thành công. 7 Bài 2: Template2. Cài đặt Template mới § Các bước thực hiện – Kết quả 8 Bài 2: Template3. Thay đổi Template § Các bước thực hiện – Bước 1: Vào Extensions → chọn Template Manager 9 Bài 2: Template3. Thay đổi Template § Các bước thực hiện – Bước 2: Trong danh sách các Template hiện có, chọn một Template muốn thay đổi, sau đó click chọn Default để hoàn thành việc thay đổi Template. 10 Bài 2: Template3. Thay đổi Template § Các bước thực hiện – Kết quả 11 Bài 2: Template4. Cập nhật Template Cấu trúc template § Tìm và thay đổi style Template § Xác định các vị trí trên template § Thêm 1 vị trí § 12 Bài 2: TemplateCấu trúc Template § Cấu trúc chung của thư mục Template •CSS: thư mục chứa tập tin template.css (tập tin chứa các định dạng cho mẫu Template) • Images: thư mục chứa các hình ảnh cần thiết cho Template • index.php: trang chủ • template_thumbnail.png: hình ảnh của template sau khi thiết kế xong • templateDetails.xml: nội dung chi tiết của Template • templates.php: gọi các phương thức để hiển thị Template. 13 Bài 2: TemplateXác định các vị trí trên template § Thêm vào địa chỉ trang chủ tham số tp=1 Ví dụ: http://localhost/Joomla/?tp=1 14 Bài 2: TemplateThêm 1 vị trí cho Template § Các bước thực hiện – Bước 1: Mở file index.php của template ( các template nằm ở C:wampwwwJoomla emplates ) – Bước 2: Thêm code định nghĩa vị trí 15 Bài 2: TemplateThêm 1 vị trí cho Template – Danh sách các vị trí của 1 template được định nghĩa trong file templateDetails.xml (nằm trong thư mục gốc của template) 16 Bài 2: TemplateThêm 1 vị trí cho Template Kieu có các giá trị sau: – table = (mặc nhiên) Mỗi module sẽ được chứa trong 1 table. Nếu có nhiều module thì chúng sẽ hiển thị lần lượt theo hàng dọc – xhtml = Các module sẽ được chứa trong 1 thẻ div và các module có hiển thị tiêu đề – none = Các module sẽ được chứa trong 1 thẻ div và các module sẽ không hiển thị tiêu đề. 17 Bài 2: Template5. Tạo mới 1 Template § Giới thiệu: – Mỗi template sẽ có tối thiểu 2 file: index.php và templateDetails.x ...