PDA

View Full Version : Tạo Template cho Joomla



Spirit
06-03-2008, 02:58
Thấy cái ni người việt mình wan tâm khá nhìu à hén.
Hướng dẫn abc hi vọng pà con sau khi đọc bài viết này khỏi phải xin tem nữa mà share tem cho tui zới nhá .
1/ Thể hiện trang nha:
Ai biết thì dùng div, ko biết thì dung table cho đơn giản hen:
Tạo một khung chính định dạng cơ bản cho việc thể hiện trang <--ok.
Mở đàu file index.php nhé:
Chèn cái ni vô



<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/template_cua_U/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
Hiển thị phần body ở đây
<!--header nè -->
phần đầu trang bao gồm banner + thêm top menu và search chẳng hạn
<!/-->
<!-- left nè -->
Phần bên trái nhé
<!/-->
<!-- Main body nè -->
phần thân chính nhé
<!/-->
<!--Right nè -->
Phần bên phải nè
<!/-->
<!--footer nè -->
Phần cuối trang nhé
<!/-->
</body>
/html>

Ngoài ra các bạn tự thêm các modules.
Sau khi test như thế này roài thì các bác sẽ bít thêm các mod như thế nào. .
Trong header các bác có thể đặt đoạn này để hiển thị banner





<?php mosLoadModules ( 'banner', i ); ?>

Trong đó i = {0, -1, -2 } <-- test sẽ biết . i = 0 thì thay như thế này cho gọn:




<?php mosLoadModules ( 'banner'i ); ?>

Chèn cái ni vô để hiển thị top menu:


<?php mosLoadModules ( 'user3', i); ?>

Chèn cái ni vô để hiển thị Mod search


<?php mosLoadModules ( 'user4', i); ?>
i mang giá trị như trước nhé.

Tiếp:

Chèn cái ni vô để hiển thị phần bên trái (Hiển thị các mod bên trái ) :


<?php mosLoadModules ( 'left', i ); ?>

Tương tự với cái bên phải :


<?php mosLoadModules ( 'right', i ); ?>

còn phần footer đơn giản chèn :



<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
<?php mosLoadModules( 'debug', -1 );?>

Vậy là xong hén.
Còn css thì ăn cắp của một site nào đó về dùng tạm.
Sau này pro rùi thì tự làm nghe pà con.

Mở 1 file templateDetails.xml Roài tham khảo mấy tem có sẵn nhé. Đừng có copy. nếu copy thì nhớ sửa nghe
Roài
Sau đó lưu thành cấu trúc như thế này:

folder_my_tem
---- templateDetails.xml
---- index.php
---- css(folder)
-- template_css.css
---- images (folder chứa các file ảnh)
xong up lên host vô thư mục template thử coi kết quả nhé.

Nguồn: joomlaviet.org

vtnphong
19-03-2008, 08:25
hic, bạn post chi tiết hơn đi. Cái này thì mới chỉ là load mấy cái module thôi còn về design thì chưa có gì mà. Mình muốn biết làm sao thay đổi được mấy cái như menu, banner đó :)

;D having fun
---
Long live http://YUP.VN

Phở Tái
19-03-2008, 22:39
Sơ sài quá, giống như hướng dẫn cho người đã biết rồi hơn là người chưa biết

hontruongba
20-03-2008, 00:44
Cái này spirit lấy từ forum joomlaviet.org (http://hieukinhquangthai.com), bọn đó toàn post bài chỉ dẫn kiểu như vậy đó newbie đọc là khỏi hiểu luôn,lớ ngớ hỏi lại là bị chửi ngu liền

lazyCoder
20-03-2008, 10:02
uhm newbie nên chịu khó lên joomla.org hoặc google joomla template manual...
những cái này cứ kiếm tài liệu về đọc thì ngon hơn, chứ lên forum theo tớ chỉ nên trao đổi những vấn đề khúc mắc thôi, còn abc thì phải tự ngốn lấy

best luck to you ;)

Phở Tái
20-03-2008, 11:17
Theo mình thì đi học luôn 1 khóa lập trình đi cho chắc cú :D


Cái này spirit lấy từ forum joomlaviet, bọn đó toàn post bài chỉ dẫn kiểu như vậy đó newbie đọc là khỏi hiểu luôn,lớ ngớ hỏi lại là bị chửi ngu liền

Không ý kiến nhưng đồng tình ^^

Spirit
20-03-2008, 15:22
Mình ko rõ, nhưng trước đây mình cũng xem document của joomla và tự học, nhưng nếu xem cái đó và xem cả cái này thì có thêm chút tiếng Việt đi kèm đó có lẽ cũng mau hiểu hơn.

Còn joomla là open source và code kiểu để developer có thể thoải mái làm theo ý mình, nên việc để nó PRO thì đó là ở cá nhân người phát triển, khó lòng có tut dc.

Nếu mình có thời gian sẽ tự viết 1 vài bài. Anh em trong này ai rành và tâm huyết hy vọng cũng bớt chút thời gian viết 1 vài bài tiếng Việt về các vấn đề liên quan cho anh em học hỏi.

vinaora
20-03-2008, 21:52
Đọc thử cái này xem có dễ hiểu không

http://vinaora.com/joomla/thiet-ke-template.html

Comment để mình còn rút kinh nghiệm

tranvu
22-03-2008, 07:11
Cách load mấy cái module thì có rồi, chỉ cần biết về sơ về HTML cũng làm đc mà :D chổ nào hiển thị module thì bỏ code load module vô. Cũng không khó nếu bạn đã biết về HTML(cái này thì bắt buộc phải biết rồi)

hontruongba
22-03-2008, 11:00
Đọc thử cái này xem có dễ hiểu không

http://vinaora.com/joomla/thiet-ke-template.html

Comment để mình còn rút kinh nghiệm

Bạn hướng dẫn như vậy thì tốt rồi nhưng vẫn là chỉnh sửa template chứ không phài là hướng dẫn thiết kế template từ a-z,nói chung là joomla (http://hieukinhquangthai.com) dễ xài vối người nào đã từng làm web còn với newbie thì nên chọn 1 template free nào đó rồi chỉnh sửa thì hợp lý hơn

vinaora
22-03-2008, 22:00
Bạn hướng dẫn như vậy thì tốt rồi nhưng vẫn là chỉnh sửa template chứ không phài là hướng dẫn thiết kế template từ a-z,nói chung là joomla dễ xài vối người nào đả từng làm web còn với newbie thì nên chọn 1 template free nào đó rồi chỉnh sửa thì hợp lý hơn

Đúng là chưa phải từ A-Z (xem chữ ký :) ) vì site của mình chủ yếu là nói về Joomla.

Phần việc thiết kế CSS, layout, PSD... thì xin dành cho các site chuyên về thiết kế khác :)

tindecken
23-03-2008, 00:04
Cái này spirit lấy từ forum joomlaviet, bọn đó toàn post bài chỉ dẫn kiểu như vậy đó newbie đọc là khỏi hiểu luôn,lớ ngớ hỏi lại là bị chửi ngu liền

chắc vậy quá, muốn hỏi vì sao như vậy nhưng mà lại sợ bị chửi ghê.
Kiểu này mình phải gắng làm 1 cái Template đầy đủ rồi post hướng dẫn rất chi tiết lên cho anh em . Vấn đề là ở chỗ chẳng biết khi nào và có làm được không

lehieu008
29-06-2008, 07:33
bạn có thể lên http://itcvietnam.org/forum để tham gia về Joomla ha, ngoài ra còn có cả PHPBB nửa.

kientuong2004
06-02-2009, 10:32
Mấy bạn vào trang web http://vinaora.com có khá nhiều bài hướng dẫn về template Joomla.

ngoungnguyen
17-11-2009, 17:44
hướng dẫn kiểu gì thế này, như ...

ngoc_viet08
16-01-2010, 16:07
thế là tuyệt rồi . bảo hướng dẫn làm template cho joomla chứ ko phải mọi template . có vậy cũng ko hiểu . ko giỏi html/css/ đồ họa thì ko nên nghĩ tới chuyện làm temp ngon .

babyxteen
21-02-2010, 10:53
Mình đã tự học viết template từ nhiều nguồn khác nhau, nhưng đã số đều viết sơ xài và khó hiểu.
Cuối cùng thì đọc cuốn sách này, và thấy nó rất dễ hiểu, chi tiết, hướng dẫn đầy đủ từ sách sử dụng joomla đến cách viết template, cách sử dụng extension để tăng cường tính năng cho website:
Tên sách:Joomla! A User's Guide: Building a Successful Joomla! Powered Website

Bạn có thể tìm và download tại đây:
http://www.flazx.com/category253.php

vuonghongtien
28-02-2011, 00:01
thanks bạn nhiều
free blog template new and hot
http://templatesbest.blogspot.com/

nicedecor_sani
31-05-2012, 09:50
vậy ai biết thiết kế từ a-z thì post lên cho mọi người tham khảo?