Hướng dẫn cách làm - Hình ảnh minh họa - Phim hướng dẫnCơ bản về Template trong Joomla! 1.0.x

Template là giao diện của trang web, phần giao tiếp với người dùng. Template quyết định đến cách trình bày, bố cục và các định dạng về kiểu chữ, màu sắc, kích thước, các hiển thị hình ảnh trang trí trên trang Web....

Trong joomla! Template cũng được xem như là một thành phần mở rộng và cũng được cài đặt như các thành phần mở rộng khác. Template được đóng gói dưới dạng tập tin nén, có 2 loại dành cho trang web (Site, Front-end) và dành cho phần quản trị (Administrator, Back-end).

các thành phần cơ bản của Template

  • Temp_name: Thư mục chính chứa tất cả các thư mục và tập tin của Template. Thư mục này được đặt theo tên của Template để thuận tiện quản lý.
  • css: Thư mục chứa các tập tin bảng kiểu chứa các thông tin về định dạng của Template.
  • Thu mục images: Chứa các tập tin ảnh được sử dụng trong 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ã nguồn PHP tạo nên cấu trúc của Template.
  • Template_thumbnail.png: Tập tin hiển thị ảnh của Template.
  • TemplateDetails.xml: Tập tin chứa các thông tin và thông số để cài đặt Template.

Thư mục của template

Ngoài ra một số Template có các tập tin cấu hình để giúp thay đổi các thông số của Template (hình dáng, màu sắc...) và các tập tin mã (Java Script) để hỗ trợ thêm chức năng cho Template.

Template luôn được định trước các vị trí để hiển thị các Moduleule và có nhiều vị trí, mỗi vị trí có thể đặt nhiều Moduleule và các Moduleule này được sắp xếp theo một trật tự có thể thay đổi được. Mỗi Template có kiểu và số lượng vị trí để đặt các Moduleule khác nhau.

Các vị trí cơ bản của Template mẫu

  • Top: Vị trí này thường được dùng để đặt các Module nào muốn hiển thị ở trên, trong Template này vị trí Top được đặt Module Newsflash.
  • Left: Vị trí nay thường dùng để đặt các Module Menu như: Main Menu, User Menu, Orther Menu...
  • Right: Vị trí này thường dùng cho các chức năng phụ của trang web và là nơi đặt các Logo quảng cáo.
  • Banner: Vị trí này được đặt các Banner quảng cáo.
  • User1: Vị trí này thường được đặt Module Latest News (các tin mới nhất)
  • User2: Vị trí này thường được đặt Module Popular (các tin được xem nhiều nhất)
  • User3: Vị trí này thường được đặt Module Top Menu (các Menu đặc biệt đặt ở vị trí này để người dùng dễ tìm thấy)
  • User4: Vị trí này thường được đặt Module  Search (công cụ tìm kiếm)
  • Content: Vị trí lớn nhất và thường nằm chính giữa Template gọi là Main Body, nơi đây là vị trí của các Component hiển thị phần nội dung chính của trang Web.

Các vị trí cơ bản của Template mẫu

Cách cài đặt Template cho trang web (Front-end)

  • Tải Template được đóng gói dưới dạng tập tin nén về máy.
  • Log-in vào Admin.
  • Chọn Menu Installer ->Template - Site để truy cập vào phần cài đặt Template cho trang web.

Templatelate - Site

  • Trong Install new Template [ Site ] chọn Browse, chọn File Template muốn cài đặt, nhấn Open và sau đó nhấn Upload File & Install.

Cài đặt template

  • Nhấn Continue khi được báo Upload Template - Success.

Cài đặt template thành công

Chọn template làm mặc định cho trang web

  • Trong Template Manager [ Site ] chọn Template vừa được cài đặt và nhấn Default để chọn làm Template mặc định cho các trang Web (Front-end).

Chọn template làm mặc định cho trang web

  • Bây giờ trang Web của bạn đã chuyển sang Template mới,

Joomla! cho phép cài đặt nhiều Template và chọn cho mỗi Menu (trang) một Template khác nhau bằng cách chọn Template và nhấn Assign sau đó chọn Menu nào muốn áp dụng Template này.

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 Template for Joomla", 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ể chọn mua các Template thương mại được thiết kế rất đẹp và nhận được sự hỗ trợ của tác giả.


BuaXua.vn

Quay lại trang trướcThảo luận bài viết này trên Diễn đàn BuaxXua.vn
Chia sẻ lên Zing MeLưu vào FacebookLưu vào Bookmarks của GoogleLưu vào Bookmarks của Yahoo!