Cơ bản về Template của Joomla! 1.5.x

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ơ bản về Template của Joomla! 1.5.x

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

Trong Joomla! 1.5.x giao diện của trang web được gọi là Template. Các cải tiến trong phiên bản 1.5.x cho phép Template có nhiều tính năng hơn, bạn có thể thay đổi các thông số về độ rộng, màu sắc, vị trí hiển thị nội dung và các Module mở rộng... trong phần quản lý Template của Joomla!

Joomla! 1.5.x cũng có Template dành cho Front-Page gọi là Site Template và dành cho phần Quản trị - Admin gọi là Admin Template. Thông thường phần Addmin Template được giữ nguyên theo mặc định, các thay đổi chủ yếu là giao diện của trang web - Site Template. Sau đây là cơ bản về cách cài đặt và sử dụng Site Template của Joomla! 1.5.x

Hình ảnh

Cài đặt Template của Joomla! 1.5

Trước tiên bạn cần phải đăng nhập vào phần Quản trị - Administrator của Joomla!

Hình ảnh
  1. Template của Joomla! 1.5 thường được đóng gói dưới dạng nén ZIP và được cài đặt thông qua trình đơn Extensions
  2. Chọn Install/Uninstall
  3. Nhấn nút Browse
  4. Chọn gói Template muốn cài đặt và nhấn Open
  5. Nhấn nút Upload File & Install để tiến hành cài đặt Template
Các thư mục và tập tin của Template trong Joomla! 1.5

Template sau khi được cài đặt sẽ được giải nén và nằm trong thư mục templates của Joomla! với cấu trúc như sau: 

Hình ảnh
  • template_name: Thư mục chính thường được đặt theo tên của Template.
  • css: Thư mục chứa các tập tin bảng kiểu với các thông số định dạng cho Template, trong đó có
  • tập tin chính có tên là template.css và có thể được bổ sung thêm một số tập tin css khác.
  • html: Thư mục chứa các tập tin dùng để thay đổi hoặc định dạng lại cho các tính năng của
  • Joomla! và các thành phần mở rộng khác. Phần này sẽ được hướng dẫn rõ trong các bài viết khác.
  • images: Thư mục chứa các tập tin hình ảnh của Template.
  • index.html: Tập tin ngăn sự truy cập trực tiếp vào thư mục của Template.
  • index.php: Tập tin chính sử dụng mã PHP tạo nên cấu trúc của Template.
  • params.ini: Tập tin lưu các thông số mặc định của Template, các thông số này được thiết lập trong phần quản lý Template.
  • template_thumbnail.png: Tập tin ảnh dùng để cho xem hình dạng của Template.
  • templateDetails.xml: Tập tin chứa các thông tin và thông số liên quan đến Template được dùng khi cài đặt và quản lý Template.
  • Nhiều Template còn có thêm một thư mục js chứa các tập tin mã lệnh JavaScript được sử dụng trong Template.
  • Ngoài các tập tin trong thư mục này, Template còn có thể có thêm các tập tin ngôn ngữ với phần mở rộng là .ini được đặt nằm trong thư mục language của Joomla! Các tập tin này giúp biên dịch các mã ngôn ngữ của Template sang ngôn ngữ của người sử dụng.
Sử dụng Template của Joomla! 1.5

Hình ảnh
  1. Chuyển sang Template mới vừa cài đặt bằng cách truy cập vào trình đơn Extensions
  2. Chọn Template Manager
  3. Chọn Site 
  4. Chọn Template mới vừa cài đặt
  5. Nhấn Default để chọn Template này làm mặc định
  6. Template được chọn làm mặc định sẽ được đánh dấu sao
Thay đổi thông số bằng cách nhấn vào tên của Template, sẽ có các nút chức năng dùng để chỉnh sửa tập tin index.php và template.css, ngoài ra tùy theo Template sẽ cho phép chỉnh khác các thông số như độ rộng, màu sắc, vị trí hiển thị nội dung và các Module mở rộng ...

Hình ảnh

Nếu muốn thay đổi Template khác cho một vài trang (Menu Item) thì sau khi cài đặt Template khác, trong phần Template Manager nhấn vào tên của Template để mở ra, đánh dấu vào Select from List và chọn Menu Item muốn dùng Template này, có thể chọn nhiều Menu Item khác nhau bằng cách nhấn phím Ctrl trên bàn phím và nhấn nút trái chuột vào các Menu Item đó.

Hình ảnh
  • Nếu muốn bạn cũng có thể cài đặt nhiều Template cho Joomla! và mỗi Menu Item (Trình đơn liên kết đến 1 trang web) chọn 1 Template khác nhau tùy ý thay đổi. 
  • Có rất nhiều trang Web cho tải Template miễn phí, bạn hãy dùng công cụ tìm kiếm với từ khóa free joomla template tuy nhiên các Template miễn phí này thường đơn giản và có những hạn chế nhất định, để có được một Template như ý thì thông thường phải chỉnh sửa nhiều thứ trong Template. 
  • Bạn cũng có thể đặt làm hoặc chọn mua các Template thương mại được thiết kế sẵn rất đẹp và nhận được sự hỗ trợ của tác giả.
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ấu trúc Template joomla! 1.5

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

Bài viết này sẽ trình bày phần nội dung cơ bản của tập tin index.php và templateDetails.xml trong Template của joomla! 1.5.x, qua đó các bạn sẽ hiểu được cấu trúc và cách thức hoạt động của Template trong Joomla! 1.5.x

Cấu trúc tập tin chứa các thông số của Template trong Joomla! 1.5

Tập tin chứa các thông tin và thông số của Template có tên là templateDetails.xml

* Thông tin cơ bản: Đây là các thông tin của Template được hiển thị trong phần Quản lý Template (Template Manager)

Hình ảnh

* Khai báo các tập tin: Đây là phần khai báo các tập tin được sử dụng trong Template, mỗi tập tin đều phải khai báo rõ đường dẫn tính từ thư mục gốc của Template. Joomla! sẽ dùng các thông tin này để đặt các tập tin vào đúng vị trí của nó, các thư mục sẽ được tự động tạo ra khi cần thiết.

Hình ảnh

* Khai báo các vị trí: Đây là phần khai báo các vị trí có trong Template, trong Joomla! 1.5 không có phần quản lý các vị trí (Position) Module như phiên bản 1.0.x mà tất cả đều được khai báo tại đây, nếu muốn thêm một vị trí mới thì thêm vào phần này, chúng sẽ được hiển thị trong danh sách các vị trí của Template.

Hình ảnh

* Các thông số khác: Mỗi Template có thể có thêm các thông số, các thông số này được thiết lập trong phần Quản lý Template (Template Manager) có chức năng làm thay đổi màu sắc, độ rộng,... của Template.

Hình ảnh

Cấu trúc của Template trong Joomla! 1.5

Tập tin index.php chứa các lệnh dùng để điều khiển mọi hoạt động và hiển thị các thành phần của trang web, tất cả các trang web đều được hiển thị thông qua tập tin này.

Ngoài các cấu trúc thông thường của tập tin html, trong index.php còn có các dòng lệnh cơ bản sau đây:

Hình ảnh
  • Khai báo ngôn ngữ được sử dụng.
  • Phần thông tin của trang web, tiêu đề và các thông tin của trang web sẽ được chèn vào vị trí này.
  • Khai báo tập tin bảng kiểu dùng để định dạng cho Template.
  • Các dòng lệnh tạo vị trí (name) và chèn Module (type="modules") vào vị trí này, hiển thị theo kiểu (style). Trong template có nhiều dòng lệnh này để tạo nhiều vị trí, mỗi vị trí có tên khác nhau và được khai báo trong tập tin templateDetails.xml. Bạn có thể dễ dàng tạo thêm một vị trí mới bằng cách sao chép dòng lệnh này tới một vị trí khác và sửa lại tên của vị trí mới.
  • Dòng lệnh chèn Message, đây là dòng lệnh hiển thị các thông báo của Joomla! trên trang web, mỗi Template chỉ có một vị trí này và thường được đặt phía trên để dễ nhận thấy.
  • Dòng lệnh chèn Component, đây là vị trí chính (Mainbody) hiển thị nội dung, bài viết của trang web, mỗi Template chỉ có một vị trí này.
  • Dòng lệnh lấy các thông số được thiết lập trong phần Quản lý Template (Template Manager)
  • Các dòng lệnh dùng để chèn chữ vào Template, các dòng chữ này thường có nội dung cố định và sẽ luôn xuất hiện trong tất cả các trang.
Ngoài ra Template còn có các tập tin CSS dùng để định dạng cho giao diện của trang web, các tập tin hình ảnh để trang trí,...
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ề