Joomla
Chia sẻ bởi Nguyễn Huy Tiến |
Ngày 26/04/2019 |
80
Chia sẻ tài liệu: Joomla thuộc Công nghệ thông tin
Nội dung tài liệu:
Bài 11
Xây dựng Thành phần mở rộng (Extensions) cho Joomla Website
Nội dung:
Các loại thành phần mở rộng của Joomla (nhắc lại).
Hướng dẫn các bước cần thiết để tự tạo mới:
Template cho Joomla Website.
Module cho Joomla Website.
1. Các loại thành phần mở rộng của Joomla:
Thành phần mở rộng (extensions) là bất cứ những gì giúp mở rộng thêm chức năng cho Joomla website (ngoài những chức năng cơ bản).
03 loại thành phần mở rộng chính: components, modules và plugins.
02 loại thành phần mở rộng khác là languages và templates có tác dụng thay đổi ngôn ngữ và giao diện cho website.
1. Các loại thành phần mở rộng của Joomla:
Components:
Là loại thành phần mở rộng quan trọng nhất của Joomla.
Khác với các thành phần mở rộng khác, dữ liệu kết xuất ra bởi một Component luôn luôn hiển thị ở phần diện tích nội dung chính (main content area).
Là loại thành phần mở rộng phức tạp nhất.
1. Các loại thành phần mở rộng của Joomla:
Modules:
Được sử dụng để hiển thị một nội dung “nhỏ” trên website.
Các modules thường được đặt tại các vị trí bên trái, phải, phía trên hoặc phía dưới của trang web được tạo ra.
1. Các loại thành phần mở rộng của Joomla:
Plugins:
Có nhiều loại Plugin được sử dụng với các chức năng khác nhau.
Hầu hết các Plugin có kiểu “hướng sự kiện” (event driven).
1. Các loại thành phần mở rộng của Joomla:
Languages:
Joomla hỗ trợ vấn đề đa ngôn ngữ cho website.
Các gói ngôn ngữ được đặt tai: hu_muc_goc_weblanguage
Thành phần mở rộng languages bao gồm các files định nghĩa các chuỗi kí tự các phần khác nhau của Joomla wesbite.
Các chuỗi kí tự được định nghĩa bằng tiếng Việt cho component user
1. Các loại thành phần mở rộng của Joomla:
Templates:
Sử dụng template để quyết định giao diện hiển thị của Joomla.
Có 2 loại template: template cho người truy cập web (end-users) và template cho người quản trị (administrators).
Nhiều website cung cấp template miễn phí và thương mại.
Có thể tự thiết kế template riêng cho mình hoặc chỉnh sửa template đã có.
2. Viết Template cho Joomla website:
www.siteground.com/tutorials/joomla15/joomla_create_template.htm
Bước 1: Mở thư mục Template trong thư mục cài đặt website:
Ví dụ: D:wwwjoomla15 emplates.
Tạo một thư mục mới trong thư mục templates, ví dụ: template_thunghiem. Đây chính là thư mục lưu toàn bộ các files của template sẽ được tạo.
Thư mục lưu các files của template
2. Viết Template cho Joomla website:
Bước 2: Tạo mới các file index.php và templateDetail.xml trong thư mục template_thunghiem. Tạo thư mục con css và file template.css trong thư mục con này.
index.php: Thiết kế vị trí cho các modules và đường dẫn tới file template.css. Đây là file chính của template.
templateDetail.xml: File hệ thống cung cấp các thông tin về template cho Joomla wesbite.
css/template.css: stylesheet file để “định nghĩa” giao diện đồ họa của template.
2. Viết Template cho Joomla website:
Bước 3: Soạn file index.php (đơn giản nhất):
Hiển thị diện tích nội dung chính của một trang
Lệnh gọi các nội dung đầu trang (tên trang, từ khóa v.v..)
2. Viết Template cho Joomla website:
Bước 4: Soạn file templateDetails.xml (đơn giản nhất):
2. Viết Template cho Joomla website:
Bước 4: Soạn file templateDetails.php (đơn giản nhất):
2. Viết Template cho Joomla website:
Bước 5: Thử sử dụng template cho wesbite (Xem lại Bài 2)
Chọn mục Quản lí Giao diện trong Menu Phần mở rộng.
Chọn Template (template_thunghiem) Nhấn Mặc định.
2. Viết Template cho Joomla website:
Bước 5: Thử sử dụng template cho wesbite
Trang chủ hiển thị với Template template_thunghiem
2. Viết Template cho Joomla website:
Bước 6: Thiết kế vị trí cho các modules (soạn file index.php)
………….
…………..
Chú ý: Thẻ
định nghĩa một vùng của văn bản web. Tự học tại địa chỉ:
http://www.w3schools.com/tags/tag_DIV.asp
2. Viết Template cho Joomla website:
Bước 7: Áp dụng “định nghĩa giao diện” bằng file .css
Mở file index.php và thêm dòng lệnh sau vào giữa cặp thẻ …..
Dòng lệnh này sẽ áp dụng các định nghĩa giao diện từ file template.css cho website
2. Viết Template cho Joomla website:
Bước 8: Soạn file css/template.css
*{
padding: 0;
margin: 0;
}
img {
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 13px;
color: #0F0F0F;
}
……………………..
Tự học CSS tại: http://www.w3schools.com/css/default.asp
2. Viết Template cho Joomla website:
Bước 9: Kiểm tra kết quả giao diện của website
Chú ý: Hiểu về Template, bạn có thể tự chỉnh sửa Template có sẵn để sử dụng một cách hiệu quả hơn cho website của mình.
2. Tạo một Module đơn giản cho Joomla website:
Tham khảo: http://docs.joomla.org/How_to_create_a_module
Một Module tối thiểu phải gồm 2 files:
File cấu hình XML: Chứa các thông tin chung về module (hiển thị trong phần Quản lí Modules ở trang quản trị) và các tham số cung cấp cho việc điều chỉnh giao diện, chức năng của module.
File điều khiển PHP: Cung cấp logic điều khiển cho module.
Ví dụ: Xây dựng Module hiển thị lời chào “Hello World”:
File 1: /modules/mod_hello_world/mod_hello_world.xml
File 2: /modules/mod_hello_world/mod_hello_world.php
Chú ý quan trọng: Tên file XML phải trùng với tên Module.
2. Tạo một Module đơn giản cho Joomla website:
Bước 1: Tạo file mod_hello_world.xml với nội dung:
Hello World - Hello
Ambitionality Software LLC
2008-06-23
All rights reserved by Ambitionality Software LLC 2008.
GPL 2.0
[email protected]
www.ambitionality.com
1.0.0
Provides a basic "Hello World" notice
mod_hello_world.php
index.html
2. Tạo một Module đơn giản cho Joomla website:
Bước 2:
Tạo file mod_hello_world.php với nội dung:
//don`t allow other scripts to grab and execute our file
defined(`_JEXEC`) or die(`Direct Access to this location is not allowed.`); ?>
Tạo file index.html với nội dung:
File index.html có tác dụng đảm bảo trang mặc định này sẽ hiển thị nếu có sự truy cập trực tiếp vào thư mục (không liệt kê danh sách các files trong thư mục. File index.html không bắt buộc nhưng nên có).
2. Tạo một Module đơn giản cho Joomla website:
Bước 3: Đóng gói Module:
Đóng gói Module để cài đặt hoặc phân phát.
Cách làm: Nén các file dưới dạng một file .zip
Nén thư mục mod_hello_world với 03 files dưới dạng file .zip
2. Tạo một Module đơn giản cho Joomla website:
Bước 4: Cài đặt thử Module
Cài đặt như các Module bình thường khác (xem các bài trước)
Bật Module, thay đổi vị trí của Module (nếu muốn).
Kiểm tra kết quả hiển thị.
2. Module thực sự của Joomla website:
Một Module thực sự thường gồm nhiều files hơn, ví dụ:
/modules/mod_hello_world2/mod_hello_world2.php
/modules/mod_hello_world2/mod_hello_world2.xml
/modules/mod_hello_world2/index.html
/modules/mod_hello_world2/helper.php
/modules/mod_hello_world2/en-GB.mod_hello_world2.ini
/modules/mod_hello_world2/tmpl/index.html
/modules/mod_hello_world2/tmpl/default.php
Mục đích: Sử dụng ưu điểm của phương pháp thiết kế MVC
MVC (Model-View-Controller): Là phương pháp chia nhỏ một ứng dụng thành ba thành phần chính là Model, View và Controller (dữ liệu, hiển thị, điều khiển).
2. Module thực sự của Joomla website:
mod_hello_world2.php:
Nó sẽ thực hiện những khởi tạo cần thiết.
Gọi các lớp helper để thu thập mọi dữ liệu cần thiết.
Gọi template hiển thị đầu ra của module.
2. Module thực sự của Joomla website:
mod_hello_world2.xml:
Tương tự như phần trình bày trước, thêm các files helper.php, tmpl/default.php, tmpl/index.html.
Cặp thẻ …. cho phép bổ sung thêm các file ngôn ngữ cho module.
2. Module thực sự của Joomla website:
helper.php:
Chứa lớp helper, dùng để thực hiện các hành động thực sự để lấy các thông tin sẽ được hiển thị trên module (thường là từ database hoặc những nguồn dữ liệu khác).
Lớp helper liệt kê danh sách người dùng (users) trong database
2. Module thực sự của Joomla website:
tmpl/default.php:
File này là template của module. Nó sẽ lấy về dữ liệu đã được thu thập bởi mod_hello_world2.php và sinh ra mã HTML để hiển thị trên trang web.
Hiển thị tên người dùng trong database (đã được lấy ra bởi lớp helper)
2. Module thực sự của Joomla website:
en-GB.mod_hello_world2.ini:
Định nghĩa các chuỗi kí tự xuất hiện trong file cấu hình module và template của module.
Cho phép người dùng viết một ngôn ngữ mới cho module mà không phải sửa code HTML.
Chi tiết hướng dẫn bằng tiếng Anh và code tham khảo tại địa chỉ: http://docs.joomla.org/How_to_create_a_module
Trân trọng cảm ơn
Sự theo dõi khóa học của các bạn
http://www.w3schools.com/tags/tag_DIV.asp
2. Viết Template cho Joomla website:
Bước 7: Áp dụng “định nghĩa giao diện” bằng file .css
Mở file index.php và thêm dòng lệnh sau vào giữa cặp thẻ …..
Dòng lệnh này sẽ áp dụng các định nghĩa giao diện từ file template.css cho website
2. Viết Template cho Joomla website:
Bước 8: Soạn file css/template.css
*{
padding: 0;
margin: 0;
}
img {
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 13px;
color: #0F0F0F;
}
……………………..
Tự học CSS tại: http://www.w3schools.com/css/default.asp
2. Viết Template cho Joomla website:
Bước 9: Kiểm tra kết quả giao diện của website
Chú ý: Hiểu về Template, bạn có thể tự chỉnh sửa Template có sẵn để sử dụng một cách hiệu quả hơn cho website của mình.
2. Tạo một Module đơn giản cho Joomla website:
Tham khảo: http://docs.joomla.org/How_to_create_a_module
Một Module tối thiểu phải gồm 2 files:
File cấu hình XML: Chứa các thông tin chung về module (hiển thị trong phần Quản lí Modules ở trang quản trị) và các tham số cung cấp cho việc điều chỉnh giao diện, chức năng của module.
File điều khiển PHP: Cung cấp logic điều khiển cho module.
Ví dụ: Xây dựng Module hiển thị lời chào “Hello World”:
File 1: /modules/mod_hello_world/mod_hello_world.xml
File 2: /modules/mod_hello_world/mod_hello_world.php
Chú ý quan trọng: Tên file XML phải trùng với tên Module.
2. Tạo một Module đơn giản cho Joomla website:
Bước 1: Tạo file mod_hello_world.xml với nội dung:
2. Tạo một Module đơn giản cho Joomla website:
Bước 2:
Tạo file mod_hello_world.php với nội dung:
//don`t allow other scripts to grab and execute our file
defined(`_JEXEC`) or die(`Direct Access to this location is not allowed.`); ?>
Hello World
Tạo file index.html với nội dung:
File index.html có tác dụng đảm bảo trang mặc định này sẽ hiển thị nếu có sự truy cập trực tiếp vào thư mục (không liệt kê danh sách các files trong thư mục. File index.html không bắt buộc nhưng nên có).
2. Tạo một Module đơn giản cho Joomla website:
Bước 3: Đóng gói Module:
Đóng gói Module để cài đặt hoặc phân phát.
Cách làm: Nén các file dưới dạng một file .zip
Nén thư mục mod_hello_world với 03 files dưới dạng file .zip
2. Tạo một Module đơn giản cho Joomla website:
Bước 4: Cài đặt thử Module
Cài đặt như các Module bình thường khác (xem các bài trước)
Bật Module, thay đổi vị trí của Module (nếu muốn).
Kiểm tra kết quả hiển thị.
2. Module thực sự của Joomla website:
Một Module thực sự thường gồm nhiều files hơn, ví dụ:
/modules/mod_hello_world2/mod_hello_world2.php
/modules/mod_hello_world2/mod_hello_world2.xml
/modules/mod_hello_world2/index.html
/modules/mod_hello_world2/helper.php
/modules/mod_hello_world2/en-GB.mod_hello_world2.ini
/modules/mod_hello_world2/tmpl/index.html
/modules/mod_hello_world2/tmpl/default.php
Mục đích: Sử dụng ưu điểm của phương pháp thiết kế MVC
MVC (Model-View-Controller): Là phương pháp chia nhỏ một ứng dụng thành ba thành phần chính là Model, View và Controller (dữ liệu, hiển thị, điều khiển).
2. Module thực sự của Joomla website:
mod_hello_world2.php:
Nó sẽ thực hiện những khởi tạo cần thiết.
Gọi các lớp helper để thu thập mọi dữ liệu cần thiết.
Gọi template hiển thị đầu ra của module.
2. Module thực sự của Joomla website:
mod_hello_world2.xml:
Tương tự như phần trình bày trước, thêm các files helper.php, tmpl/default.php, tmpl/index.html.
Cặp thẻ
2. Module thực sự của Joomla website:
helper.php:
Chứa lớp helper, dùng để thực hiện các hành động thực sự để lấy các thông tin sẽ được hiển thị trên module (thường là từ database hoặc những nguồn dữ liệu khác).
Lớp helper liệt kê danh sách người dùng (users) trong database
2. Module thực sự của Joomla website:
tmpl/default.php:
File này là template của module. Nó sẽ lấy về dữ liệu đã được thu thập bởi mod_hello_world2.php và sinh ra mã HTML để hiển thị trên trang web.
Hiển thị tên người dùng trong database (đã được lấy ra bởi lớp helper)
2. Module thực sự của Joomla website:
en-GB.mod_hello_world2.ini:
Định nghĩa các chuỗi kí tự xuất hiện trong file cấu hình module và template của module.
Cho phép người dùng viết một ngôn ngữ mới cho module mà không phải sửa code HTML.
Chi tiết hướng dẫn bằng tiếng Anh và code tham khảo tại địa chỉ: http://docs.joomla.org/How_to_create_a_module
Trân trọng cảm ơn
Sự theo dõi khóa học của các bạn
* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...
Người chia sẻ: Nguyễn Huy Tiến
Dung lượng: |
Lượt tài: 3
Loại file:
Nguồn : Chưa rõ
(Tài liệu chưa được thẩm định)