Kênh 360 Công Nghệ Kênh 360 Công Nghệ

Trang chủ - Joomla - Templates - Hướng dẫn thiết kế template cho Joomla 1.5

Hướng dẫn thiết kế template cho Joomla 1.5

1235099858joomla_logo_vert_colorThiết kế Joomla template với bố cục đơn giản và các tính năng căn bản của Joomla sẽ giúp bạn hiểu được cấu trúc của 1 Joomla template.

  • Thiết kế template Joomla 1.5

  • Trước đây người ta hay sử dụng kỹ thuật dàn trang bằng bảng (dùng thẻ <table>). Việc dàn trang bằng bảng có ưu điểm là dễ làm nhưng lại có nhược điểm là tốc độ nạp trang chậm và không tối ưu cho các máy tìm kiếm. Do vậy ngày nay chúng ta sử dụng kỹ thuật dàn trang bằng thẻ tabless (<div>).
  • Thiết kế Joomla template nâng cao

Quyển Joomla 1.5: A User’s Guide cũng bao gồm các tính năng template nâng cao của Joomla bao gồm tham số và overrides đồng thời kèm theo 1 số ví dụ cho phép tạo tabless template.

Các bạn có thể tải Joomla 1.5 Template Tutorial tại đây

Cấu trúc Joomla template

Tạo thư mục "mytemplate" trong thư mục "templates".
Tạo file "index.php" trong thư mục "mytemplate" và gõ vào nội dung sau:

<?php
/**
* @copyright    Copyright (C) 2007 Compass Design.
* GPL licensed
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="" lang="" >

<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="/cntt/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/cntt/templates/system/css/general.css" type="text/css" />

</head>

<body>
The name of this site is

The administrator email is

This template is in the directory

The URL is
<jdoc:include type="module" name="breadcrumbs" />
<jdoc:include type="modules" name="top" />
<jdoc:include type="modules" name="left" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="right" />
</body>
</html>


Tạo file "templateDetails.xml" trong thư mục "mytemplate" và gõ vào nội dung sau:

{code}<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">
<name>mytemplate</name>
<creationDate>May 2009</creationDate>
<author>kenh3600.com</author>
<copyright>GPL</copyright>
<authorEmail> Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. </authorEmail>
<authorUrl>www.kenh360.com</authorUrl>
<version>1.0</version>
<description>First example template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
</files>
<positions>
<position>user1</position>
<position>top</position>
<position>left</position>
<position>banner</position>
<position>right</position>
<position>footer</position>
</positions>
</install>{code}

 

  • Nén các file trong thư mục "mytemplate" thành 1 file nén "mytemplate.zip"
  • Đăng nhập vào trang quản trị Joomla

Backend >> Install cài đặt >> Browse tới file "mytemplate.zip" vừa nén và mở file này để cài đặt template của bạn.

  • Backend >> Quản lý giao diện >> Đặt giao diện mytemplate làm mặc định.
  • Mở trang web FrontEnd và xem template vừa được tạo.

Bài viết có tham khảo từ vinaora.com.
Đang cập nhật...


Xem tiếp Hướng dẫn thiết kế template cho Joomla 1.5 nâng cao.



Lần cập nhật cuối ( Thứ ba, 12 Tháng 11 2013 08:50 ) Số truy cập 7304  

Tin mới


Đã có thể cập nhật iOS 8, có link tải về offline
Apple vừa đưa ra bản cập nhật iOS để người dùng tải về. Hiện tại bạn có thể cập nhật nó bằng cách kiểm tra trong ...
Kinh nghiệm chọn mua sạc iPhone 'hàng xịn'
Kinh nghiệm chọn mua sạc iPhone 'hàng xịn' Những tai nạn giật điện liên tiếp gần đây với nghi vấn do sử dụng sạc ...
Interactive text fields with Fabric.js
Interactive text fields with Fabric.jshttp://fabricjs.com/Documenthttp://fabricjs.com/articles/http://fabricjs.com/fabric-intro-part-2/#textcanvas.add(new ...
Bộ sưu tập ảnh bìa Facebook đẹp và ý nghĩa nhất 2014
gửi tặng các bạn BST ảnh bìa Facebook đẹp và ý nghĩa nhất được tuyển chọn từ nhiều nguồn trên Internet. Các bạn hãy ...
Một số engineer lập trình game di động
Sau 1 thời gian tìm hiểu và có code thử vài game di động, mình tổng hợp 1 số engineer game thông dụng 1. Unity 3D - Website ...
Sửa lỗi 100% Disk trên Windows 8/8.1
Có khá nhiều người dùng Windows than phiền vì “dính” lỗi 100% Disk khi cài Windows 8 hoặc sau khi nâng cấp lên Windows 8.1. ...
Sửa lỗi 404 woff iis
Lỗi 404 woff files trên Chrome khi chạy web appication trên Windows Server IIS 6. Giải pháp sửa lỗi: "add MIME type qua IIS Manager ...
Chơi Flappy Bird Online không cần cài đặt
Chơi Flappy Bird Online không cần cài đặt Cách chơi Flappy BirdDùng chuột bấm vào bất kỳ vị trí nào trên màn hìnhUpdate sắp ...
Mẹo chơi Flappy Bird đạt điểm cao
Flappy Bird đơn giản nhưng mang tính giải trí cao. Khi mà nhiều nhà phát triển game chăm chút quá nhiều cho đồ họa hay tính ...
Hướng dẫn đăng ký Google Adsense Content thành công 100%
- Đối với các Web Master thì việc sở hữu một tài khoản Google Adsense Content (một số bạn còn gọi là tài khoản GA hoặc ...
  • Nổi bật
  • PrestaShop Guide
  • PrestaShop

Có thể bạn quan tâm

Game mới


Chơi Flappy Bird Online không cần cài đặt
Chơi Flappy Bird Online không cần cài đặt Cách chơi Flappy BirdDùng chuột bấm vào bất kỳ vị trí nào trên màn hìnhUpdate sắp ...
Clash of Clasn - Cách chuyển nhà từ iOS sang Android
Trên iOs bạn vào Settings > Link a device > This is the OLD DEVICE > I want to link to another device > Lấy code. Trên Android Settings > Link a ...
[Review] Grand Theft Auto 5
Sản xuất : Rockstar Games Phát triển : Rockstar North Tổng đạo diễn : Adam Fowler Chịu trách nhiệm sản xuất : Leslie ...
Download Fifa 14 PC
Download game Fifa 14 full crack Video Trailer &lt;a target="_blank" ...
GTA IV Full PC
Gã lái xe giữa những con phố nhộn nhịp ngập tràn đèn neon, vòng qua một nơi rất giống với quảng Thời đại ở New York ...
Grand Theft Auto V - Download tải game Grand Theft Auto 5 - tải GTA 5 full mod
Grand Theft Auto V (hay GTA 5) đang được sự quan tâm rất nồng hậu của các Gamer hiện nay. Sức hấp dẫn của Grand Theft Auto thì ...
Pes 2014 - Pro Evolution Soccer 2014 PC Full
Pes 2014 PC Full Clone DVD Crack Pro Evolution Soccer 2014 marks a new beginning for Konami’s blockbuster soccer series, with an ...
Clash of Clan - Thứ tự upgrade các loại trụ defence
Nên upgrade loại trụ nào trước và up lên level nào là tốt nhất? Theo mình thì thứ tự upgrade sẽ như sau: 1. Mortar: range ...
Hỏi Đáp về Game Clash of Clans
Sau đây mình sẽ trả lời những câu hỏi thường gặp của các bạn về game Clash of Clans Hỏi: Farm là gì, đi farm liệu có ...
Download Far Cry 3
Vậy là “cơn bão” cuối cùng trong năm mang tên Far Cry 3 cũng đã chính thức đổ bộ vào làng game thủ thế giới. Ngay khi ...
English French German Japanese Korean