Joomla3.XMadeEasy Vi

Thit k website tht d dng vi Joomla! 3.x JoomlaShine.
com
Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine
Nhng ngi thc hin

Ngi vit
o Ngc nh Bi Th M
Bin tp vin
Nguyn Th Thanh Huyn Bi Anh Tun Bi Huy Thng
Thit k ha
H Huy Tng Lu Minh Sn
Dch gi
T Nam Phong
Ngy xut bn: Thng 7 nm 2013

n bn th ba.
2
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com
3
Ni dung
Nhng ngi thc hin ................................................................................................................................... 2
Ni dung ............................................................................................................................................................... 4
Tnh nng ca Joomla! 3.x .............................................................................................................................. 6
Bc 1: Lm quen vi Joomla! CMS ........................................................................................................... 8
Vy Joomla! CMS l g? ............................................................................................................................................... 8
Nhng thnh phn chnh ca Joomla? ................................................................................................................. 12
Bc 2: Ci t Joomla! 3.x trn localhost .............................................................................................. 30
Ci t XAMPP .............................................................................................................................................................. 31
Ci t Joomla! ............................................................................................................................................................. 35
Bc 3: To ni dung cho website Joomla ............................................................................................. 37
Chun b cu trc ni dung ....................................................................................................................................... 37
To ni dung .................................................................................................................................................................. 38
Qun l ni dung ca bn vi JSN PowerAdmin ................................................................................................ 54
Chnh sa bi vit p hn ....................................................................................................................................... 55
Bc 4: Ty chnh giao din website ca bn vi Joomla! template ............................................... 81
Joomla! template l g?............................................................................................................................................... 81
Chn Joomla! template ............................................................................................................................................... 83
Ci t Joomla! template ............................................................................................................................................ 85
Bc 5: Sp xp modules cc v tr ........................................................................................................ 90
Joomla! module v Joomla! position l g? ......................................................................................................... 90
Thm mi mt module.................................................................................................................................................. 94
Bc 6: M rng chc nng ca website vi Joomla! extensions ................................................ 100
Lm vic vi thnh phn m rng (Extensions) mc nh Contacts ...................................................... 101
Thm mi Extension ................................................................................................................................................... 112
Bc 7: Qun l website vi JSN PowerAdmin .................................................................................... 117
Qun l website Joomla! vi Site Manager ......................................................................................................... 120
Truy cp nhanh cc mc bt k vi Spotlight Search ..................................................................................... 133
Qun l cc kiu template vi Template Style Manager .................................................................................. 135
Nhng tnh nng khc .............................................................................................................................................. 139
Cu hnh JSN Power Admin .................................................................................................................................... 143
Kt lun............................................................................................................................................................. 146
Tham kho ....................................................................................................................................................... 147
4
Dch gi ch thch: Mt s t hay cm t c nguyn khng dch, v nu dch sang ting Vit c th s
khin bn thy kh hiu hn.
5
Tnh nng ca Joomla! 3.x

Joomla! 3.x l phin bn mi nht ca Joomla! Phin bn mi ny bao gm nhiu iu th v vi rt nhiu ci
tin mi m. Bn c th lt qua 6 tnh nng tuyt vi ca Joomla! 3.x mang li trong Infographic bn di.
tm hiu thm thng tin v cc tnh nng ca Joomla! 3.x, bn c th truy cp http://www.joomla.org/3/en.
6 tnh nng tuyt vi ca Joomla! 3.x
6
Dch gi ch thch:
Responsive Layout: Trong thit k Web (chnh xc l front-end development) th Responsive Layout ch l mt
phn ca Responsive Web Design. Vy Responsive Layout l g? V c bn th Responsive Layout l mt cu
trc c bn ca mt website nhng m bo hin th c tt trn tt c cc loi mn hnh khc nhau (c th l
mn hnh Desktop, mn hnh Tablet (Ipad, Kindle) hay cc thit b di ng nh iphone, android, etc)
Twitter Bootstrap (Bootstrap Framework) c to v pht trin bi Twitter gm cc m CSS + HTML c bn
cho typography, forms, buttons, tables, grids, navigation, v nhiu thnh phn khc ca website. Xem trang
ch: http://twitter.github.io/bootstrap/ hay trang Showcases: http://builtwithbootstrap.com
7
Bc 1: Lm quen vi Joomla! CMS

Trc y nu bn mun xy dng mt website, ch c mt s la chn l thu mt cng ty thit k web chuyn
nghip lm cho bn v sau bn hon ton ph thuc vo h duy tr v cp nht website ny. Nhng by gi,
vi s pht trin mnh m ca phn mm m ngun m, bn c th t xy dng mt website d dng bng cch s
dng mt h qun tr ni dung CMS (Content Management System). C nhiu h qun tr CMS bn la chn,
nhng thch hp nht xy dng mt website trung bnh hoc nh l Joomla!
Trong phn ny bn s nm c nhng thng tin s lc v Joomla! v cc thnh phn ca n.
Vy Joomla! CMS l g?
Joomla! logo
Joomla! CMS l mt h qun tr ni dung m ngun m cho php bn to v qun l cc website. Trn cc
website ny, bn c th chnh sa:
1. Ni dng website nh ch, hnh nh, videos, v.v.
2. Giao din website bng cch dng cc template (Joomla Templates)
3. Chc nng website bng cch dng cc extension (Joomla Extensions)
H thng website Joomla! gm hai phn : Front-end (Phn Mt trc - nhng g ngi dng chung thy) v
Back-end (Phn mt sau - nhng g m ngi qun tr thy).
8
Phn front-end
Front-end l nhng g m mi ngi xem c khi h truy cp website ca bn. Thng thng mt mu thit
k bao gm nhng mc c bn nh logo, thanh danh mc (menu bar), ct bn tri, ct bn phi (side column)
v khi vn bn.
Phn front-end ca website
9
Xem mt bi vit ti front-end
Phn back-end
Phn back-end l vng qun tr - Ni m bn c th iu chnh website ca bn. Nhng thnh vin c quyn
Administrator c th truy cp vo y thng qua mt trang ng nhp c bit.
Phn back-end ca Joomla!
10
Chnh sa mt bi vit trong back-end
11
Nhng thnh phn chnh ca Joomla?
By gi, hy khm ph nhng thnh phn chnh ca Joomla!
Ni dung
Trong Joomla!, ni dung bao gm nhng bi vit, chuyn mc hay media.
Bi vit (Articles)
Bi vit l khi ni dung chnh ca mt website Joomla!. Trong phn front-end bn c th d dng nhn ra mt
bi vit l mt on vn bn c hoc khng c hnh nh, c trnh trong vng ni dung chnh.
Bi vit Getting started

Ti back-end, cc bi vit c qun l tromg danh mc con Article Manager. Bn c th truy cp vo
y thng qua danh mc Content => Article Manager.
12
Phn Article Manager

Ti y bn c th to bi vit mi, chnh sa chng, chn hin th hay n bi vit, v.v.
Chuyn mc (Categories)
Chuyn mc gip bn t chc cc bi vit tin li v khoa hc hn. Bn c th hnh dung cc chuyn mc
ging nh l nhng th mc (folders) trong my tnh bao gm nhng tp tin (files). V d, mt chuyn mc
Sn phm c th cha tt c cc bi vit v sn phm ca bn. Hay, mt chuyn mc V chng ti c th
cha tt c cc bi vit c ni dung nh Gii thiu cng ty, Tm nhn & S Mnh, Hi ng qun tr,
v.v.
Trong back-end, chuyn mc c qun l trong danh mc con Category Manager. Bn c th truy cp vo
y thng qua danh mc Content => Category Manager.
Phn Category Manager

13
Ti y, bn c th to chuyn mc mi, chnh sa chng, chn hin th hay n chuyn mc, v.v.
Th bi vit (Tags)
Cc th bi vit (Tags) l cc t hoc cm t c gn vo mt on thng tin (bi vit, blog post...). N m t
ni dung ca mc . V d, bn c th thm cc th nh Joomla! templates v Joomla! extensions vo
bi vit Getting Started with Joomla!.
Cc mc c nhng th bi vit ging nhau s c nhm li cng nhau, v vy mi ngi c th tm kim
chng d dng hn. Bn c th to mt danh mc (hay mt module) hin th tt c cc th bn to.
Trong phn qun tr back-end, cc th bi vit c t trong bng chnh sa bi vit (Article Manager). Bn
vo phn Content => Article Manager, sau i ti cc bi vit ring bit gn th bi vit.
Chc nng Th bi vit (Tag) gip bn gn t kha vo cc mc ring bit

qun l tt c th bi vit ca bn, bn c th truy cp vo Component => Tags
14
Vo Components -> Tags qun l th bi vit ca bn
15
Media
Hiu theo cch n gin, media l nhng th khng phi vn bn m bn c th a vo trong phn ni dung.
N khng ch l hnh nh, m cn c th l cc videos hay nhng thnh phn a phng tin khc.
Media c qun l bng danh mc con Media Manager. Bn c th truy cp ti y thng qua danh mc
Content => Media Manager.
Phn qun l Media Manager

Ti y, bn c th to cc th mc media mi, a cc tp tin ln, v.v. Chng ta s tho lun chi tit cch s
dng Media Manager nhiu hn trong chng Bc 3: To ni dung cho website Joomla.
16
Danh mc (Menus)
Danh mc gip khch truy cp website c th di chuyn ti cc trang khc nhau trong website ca bn. Bn c
th to nhiu danh mc v cu hnh chng hin th cc v tr khc nhau trong website, v d trn u trang
hoc bn phi, bn tri website.
Mt danh mc trn webiste

Trong v d trn, ngi qun tr to mt danh mc l Home vi nhiu danh mc con bn trong n nh
Getting Started, Using Joomla!, etc.
qun l danh mc, bn truy cp vo phn qun tr danh mc qua Menus => Menu Manager.
17
Mc Menu Manager trong phn qun tr Joomla!

Trong Menu Manager bn c th to danh mc v cc danh mc con lin kt cc thnh phn trn website.
Khi to xong mt danh mc, bn to mt module danh mc hin th n trn front-end.
18
Thnh vin (Users)
Joomla! cho php nhiu thnh vin ng k trong website ca bn. Tt c nhng thnh vin ny c sp xp
vo tng nhm vi cc quyn truy cp khc nhau. Mc nh c nhng nhm thnh vin nh Author,
Editor, Publisher, etc. V d:
Thnh vin trong nhmAdministrator c th truy cp c back-end v front-end.
Thnh vin trong nhm Registered ch c th truy cp vo phn front-end. Hc th qun l cc thnh
vin, cc nhm thnh vin v cc quyn truy cp tng ng trong danh mc Users => User Manager.
Danh mc Users trong back-end
19
Cc thnh phn m rng (Extensions)
Cc thnh phn m rng ca Joomla! (extentions) l nhng phn mm c bit c vit tch hp vo
Joomla! nhm tng cng cng nh m rng chc nng cho website. V d, bn cn ci t extension.nu bn
mun c mt slideshow hnh nh, b su tp video, hay mt biu mu lin h vi cc chc nng nng phong
ph hn.
Mc nh gi ci Joomla! cung cp cho bn kh nhiu loi Extensions cho nhng nhu cu c bn. Nu bn
mun s dng nhiu extension hn, bn c th truy cp vo trang Joomla! Extension Directory. y l trang
chnh thc ca Joomla! Extention c qun l bi mt i ng nng ct ca Joomla!.
Joomla! Extensions Directory

C 5 loi extensions c bn, l: components, modules, plug-ins, templates v languages. Mi mt loi
extensions ny u x l mt chc nng c th.
20
Components
Component l loi extension phc tp nht. y c xem nh mt ng dng thc hin mt s nhim v nht
nh v hin th nhng ni dung c bit trn website ca bn. Nh cp trn, mt b su tp video l
mt v d ca mt component. N cng c th l mt h thng mua bn trc tuyn, h thng t phng trc
tuyn, din n, v.v.
Component Newsfeeds ti front-end

Ni dung c to ra bi mt component v c hin th trong vng ni dung chnh. Trong v d trn, bn
c th nhn thy mt danh sch ngun cp d liu (feed) c to ra bi component Newsfeeds. Tt c cc
components nm trong phn Components ca Joomla!
21
Danh mc Components trong phn back-end

Mc nh, gi Joomla! cung cp cc components: Banners, Contacts, Messaging, News
Feeds, Redirect, Search, Smart Search, Tags v Web links.
22
Modules
Modules cng ng vai tr nh nhng components nhng quy m nh hn. Modules thc hin nhng chc
nng n gin v hin th ni dng nh mt khi thng tin (block) nh trn website.
Nhng modules hin th trong front-end

Mt s modules thng thy l module tm kim (search box), module ng nhp (login form), module danh
mc (menu module), module hin th thng tin cui website (footer copyright), v.v. Trong nhiu trng hp,
cc modules lm vic nhm lin kt vi cc components hin th ni dung. V d, ta s dng mt
component mua bn trc tuyn qun l sn phm v mt module hin th nhng sn phm mi trn
23
website.
Tt c cc modules c qun l thng qua Extensions => Module Manager.
Danh mc con qun l Module Manager trong phn back-end
24
Templates
Template iu khin vic thit k ha trn website ca bn. N quyt nh b cc website, mu sc, kiu
ch cng nhiu thnh phn khc nhm to nn nt ring cho website ca bn.
Thng thng, mt template bao gm 3 thnh phn sau:
Cc yu t ha tnh nh nh nn, cc chi tit trang tr, logo, v.v.
Vng ni dung chnh trnh by d liu c to ra bi cc components.
Nhiu v tr module hin th ni dung c trnh by bi cc modules, trong nhng v tr nht nh.
V d nh nn (background), v tr ca module (module positions) v phn ni dung chnh (body)
25
Trong back-end, bn c th qun l templates thng qua Extensions => Template Manager.
Template Manager
Mc nh, Joomla! 3.x c sn hai front-end template l: Protostar v Beez3. Ngoi ra c hng ngn
templates min ph cng nh phi tr ph cho bn la chn. y l mt danh sch cc template: top 10 Joomla!
3.0 templates for users.
26
Di y l mt vi v d v Joomla template:
JSN Pixel
JSN Boot
27
Plug-ins
Plug-ins c thit k hin th ni dung bn trong cc component v module. Plugin cng c th thc hin
mt s cng vic ngm (mt hnh ng hay mt thao tc) trong nhng thi im nht nh khi ti website.
Bn c th hiu rng plug-ins gip tng tc vi h thng Joomla! linh hot hn.
Hai pluginsVoting v Read more trong front-end

V d, hnh trn bn c th nhn thy plug-in nh gi (Voting) v plug-in c thm (Read more)
trong nhng bi vit. Cc plug-ins c qun l qua Extensions => Plug-in Manager.
Plug-in Manager
Trong gi ci t Joomla! 3.x, plug-ins c chia vo trong 11 chuyn mc l: authentication, captcha,
content, editor, editors-xtd, extension, finder, quickicon, search, system v user.
28
Languages
Gi ngn ng (Languages) cho php bn chy website vi nhiu ngn ng khc nhau. V d, nu bn mun s
dng ting Php cho website Joomla! ca bn trong c hai phn front-end / back-end, bn ch cn truy cp vo
Extension Manager => Language Manager. Sau nhn vo nt Install languages, chn French ri
n nt Install.
Language Manager
Tt c cc gi ngn ng c ci t s hin th trong phn Extensions => Language Manager ti back-
end.
>>> Bc k tip
By gi bn c c mt s kin thc v Joomla l g ri phi khng, hy thc hnh lun nh. Ci t
Joomla! 3.x trn localhost v chy th no.
29
Bc 2: Ci t Joomla! 3.x trn localhost

Vic ci t Joomla! 3.x trn localhost kh n gin; tuy nhin, nu y l ln u lm, bn cn ch lm theo
cc hng dn ci t cho ng.
u tin, ta cn lm r khi nim Localhost. Bn bit y, bt k mt website no cng cn phi c lu
tr, sp xp trn mt web server hin th ni dung n cc users. Thng thng, bn cn mua mt gi
hosting t nh cung cp hosting no nh Rackspace hay GoDaddy ( VN chng ta c PaVietnam, Hostvn,
v.v.). Ph thuc vo gi hosting m bn chn, nh cung cp hosting s ci t mt web server cho bn trn
server ca h v cho php ngi dng truy cp n n. Mt localhost v c bn ging vi mt web server; ci
khc y l n c ci t trn my tnh ca cc bn.
Tuy nhin, chy Joomla!, ngoi web server, bn cn cn hai th quan trong na l: Ngn ng thng dch
PHP v C s d liu MySQL. Nghe th c v phc tp nhng may mn thay chng ta c mt gi phn mm
l XAMPP tch hp sn tt c nhng thnh phn trn.
No by gi hy ci XAMPP trn my tnh ca bn.
30
Ci t XAMPP
1. Ti gi ci t XAMPP ti a ch http://www.apachefriends.org/en/xampp.html
2. Chy file ci t v lm theo tng bc hng dn, tng t nh cc phn mm thng thng khc.
3. M XAMPP Control Panel Application, chy Apache v MySQL.
Bng iu khin chnh ca XAMPP

Nh vy, localhost c ci t trn my tnh ca cc bn. Bn hy kim tra bng cch g a ch:
http://localhost vo trnh duyt. Giao din ca bn s xut hin nh hnh bn di.
31
Giao din ca XAMPP cho Windows
32
4. To mt c s d liu mi trong phpMyAdmin.
T giao din ca XAMPP, chn phpMyAdmin to mt c s d liu mi.
Chn phpMyAdmin
33
5. Tip theo, chn Database trong thanh cng c hin th nh hnh bn di
Chn Database
6. Tip theo, in tn c s d liu v nhn Create
To database
By gi bn sn sang ci t Joomla!.
34
Ci t Joomla!
1. Ti gi ci t Joomla! 3.x ti http://www.joomla.org/download.html
2. To mt th mc mi c tn l Joomla3x trong th mc htdocs ca XAMPP. Thng thng n s
c t trong C:\xampp\htdocs
3. Gii nn gi ci t ti v vo trong th mc Joomla3x
4. G vo thanh trnh duyt a ch http://localhost/Joomla3x
5. Lm theo cc bc ci t trong Joomla:
a. Bc 1. Cu hnh chung
Select Language: Chn gi ngn ng cho ring bn t menu s xung (drop-down menu), v
d, English (United States)
Site Name: in tn website ca bn
Description: in thng tin m t cho website
Site Offline: Chn trng thi cho website ca bn khi bn truy cp site: Chn Yes nu
mun website offline v No cho website online
Admin Email: in thng tin a ch email bn mun s dng cho website
Admin Username: in mc nh l admin
Admin Password: Nhp mt khu ca bn
Confirm Admin Password: Nhp li mt khu ca bn
Nhn Next sang bc 2

b. Bc 2. Cu hnh d liu
Database Type: Chn MySQLi
Host Name: in localhost
Username: in root
Password: trng
Database Name: Nhp vo tn ca c s d liu m bn to trc l Joomla30
Table Prefix: mc nh
Old Database Process: Nhn Backup sao lu cc bng t vic ci t hoc Remove
xa cc bng
Nhn Next sang bc 3

c. Step 3. Cc cu hnh cui cng
35
Finalization: Bn c th chn vic ci t d liu mu cho website hoc khng bng cch
nhn vo nhng la chn tng ng.
Overview: Trong bc ny, bn s nh gi li tng quan ton b thng tin bn cu hnh

trong bc 1. Sau khi kim tra, nhn Install.
Khi vic ci t hon tt, bn ch cn nhn vo nt Remove installation folder hon tt

qu trnh ci t. Sau cng, bn c th nhn vo Site xem trang va to hoc nhn vo
Administrator truy cp vng qun tr dnh cho Administrator.
By gi bn ci t xong cho mnh website Joomla! u tin ri . Khng qu kh khn phi khng? Nu
c bt c vn g trong qu trnh ci t, bn c th th tm cho mnh cu tr li t nhng ngun sau:
Din n chnh thc ca Joomla!

Din n Joomla! l mt trong nhng din n h tr si ng nht (v thn thin nht) trn th gii, y
cng l mt ni tuyt vi nhn c s gip cng nh gp g cc thnh vin Joomla! khc. C
nhiu cu hi v cu tr li c tho lun ti y. Bi v ch ca chng ta l Ci t Joomla! 3.x,
vy bn c th tm kim s gip v cu tr li trong chuyn mc Installation Joomla! 3.x.
Dch v h tr Joomla! (http://joomla.cmshelplive.com/)

y l website cung cp cho bn dng dch v Joomla! theo yu cu. Tt nhin l bn phi tr tin cho
nhng dch v ri, nhng cc vn ca bn s c gii quyt. bi nhng chuyn gia Joomla!.
Nhng ngun website hc Joomla! khc

C nhiu website hu ch m bn c th s dng t hc v Joomla!, di y l mt vi v d:
o http://docs.joomla.org/Beginners
o http://www.joomlatutorials.com/
o http://www.joomlablogger.net/
o http://www.ostraining.com/
>>> Bc tip theo

Ci t Joomla! 3.x thnh cng trn localhost l vic u tin bn cn lm trc khi bt u vi website
Joomla! Website ca bn sn sang ri, by gi chng ta tin hnh to ni dung cho n.
36
Bc 3: To ni dung cho website Joomla

Thnh phn quan trng nht ca mi website l ni dung. Trong bc ny, bn s:
1. Chun b cu trc ni dung
2. To cc chuyn mc v bi vit
3. To mt danh mc
4. Qun l ni dung ca bn vi JSN PowerAdmin
Chun b cu trc ni dung

To mt ni dung tng t vic sp xp cc sn phm vo trong mt ca hang tp ha vy. Vi Joomla!, cc
bi vit ging nh nhng sn phm, cc chuyn mc th ging nh nhng k ng sn phm v danh mc th
ging nh li i tm n nhng ci k . Gi d by gi bn c mt website bn hng; cu trc ca ni
dung website c th hnh dung nh th ny:
1. About (Gii thiu)
a. About my site (Gii thiu website)
b. How to purchase/order products (Mua hng th no)
c. How to make payment (Thanh ton)
2. News (Tin tc)
a. Latest news (Tin tc mi nht)
b. Arrivals (Hng mi v)
c. Sale (Hng gim gi)
d. Coupons (Phiu gim gi)
e. Promotion (Khuyn mi)
3. Support (H tr)
a. Hotline information (H tr khch hng qua in thoi)
b. Online customer services (H tr khch hng trc tuyn)
c. Contact us (Lin lc)
37
To ni dung
Sau khi chun b cu trc ni dung ca website trn giy, bn c th tin hnh to ni dung trong Joomla!.
Hy bt u vi vic to cc chuyn mc.
Cc chuyn mc
1. Vo Content => Category Manager v nhn Add New Category
Thm mt chuyn mc mi
2. Tip theo, in tn chuyn mc l About v nhn Save & Close trn thanh cng c.
Nhp thng tin cho chuyn mc

38
Sau , ban c th nhn thy chuyn mc About bn mi to nm bn trong phn Category Manager.
Chuyn mc About
Bn c th to tt c cc chuyn mc cn li theo cch ny.
39
6 chuyn mc mi c to
Sau khi hon tt vic to cc chuyn mc, hy to cc bi vit.
40
Bi vit
Hy thm mi mt bi vit vo trong chuyn mc About.
1. Vo Content => Article Manager v nhn Add New Article
Thm mi bi vit
2. Tip theo, bn in thng tin vo cc trng sau:
Title: Nhp vo tiu About my site.
Category: Chn chuyn mc About trong danh sch.
Article text: Nhp ni dung ca bi vit.

By gi, chng ta ch nhp mt bi vit n gin vi ch. Tip n trong phn Chnh sa bi vit
p hn chng ta s bit cch to cc bi vit phc tp hn (Vi hnh nh, lin kt, v.v.)
41
3. Nu bn mun mt bi vit hin th ngoi trang u, bn t thit lp gi tr tham s Featured l
Yes. Vic ny s lm bi vit hin ln trn trang ch ca website.
Chn Yes hin th bi vit hin ln trn trang ch

Nu bn mun thm th bi vit, hy in cc th vo tham s Tags.
Thm th bi vit
42
4. Sau , nhn nt Save & Close trn thanh cng c lu li bi vit mi to.
Nhn nt Save & Close lu bi vit

By gi bn c mt bi vit mi trong phn Article Manager.
Bi vit mi to About my site

Lm tng t vi hai bi vit How to purchase/order products v How to make payment trong chuyn
mc About my site.
43
Ba bi vit mi to
By gi bn hon tt quy trnh to bi vit, ch cn bc cui cng l to cc danh mc vi cc lin kt n
cc bi vit ny.
44
Menus
Trong Joomla!, mt danh mc(Menu) l mt b cc lin kt ti cc thnh phn c, nh cc bi vit bn va to
chng hn. Tt c cc danh mc trong back-end c t trong phn Menus. Theo mc nh, mt danh
mcMain Menu c ci t sn trong Joomla!.
Main Menu c trnh by ti front-end

Hy to mi mt danh mc con trong danh mc Main Menu.
1. Nhn vo Main Menu trong phn Menus s xung nh hnh di.
45
Nhn Main Menu
2. Tip theo, nhn vo New to mi mt danh mc con mi.
Nhn vo New to mt danh mc con mi

3. Sau , nhn Select chn loi danh mc con.
Chn loi danh mc
46
4. Kt qu l mt mn hnh pop-up c hin th. Bn c th to lin kt n nhiu thnh phn nh
Contacts, Articles, Smart Search, Newfeeds, v.v. Trong trng hp ny bn cn to mt lin
kt ti mt bi vit, v vy hy nhn Single Article.
Chn loi danh mc l Single Article
47
5. Tip theo, bn cn in thng tin vo trng Menu Title, v dAbout my site.
Nhp tiu danh mc con

6. Sau , bn chn mt bi vit m bn mun hin th vi danh mc . Trong phn bn phi hnh
di, bn chn Select chn mt bi vit.
Chn nt Select
48
7. Mt mn hnh pop-up s hin th. Chn bi vit About my site.
Nhn vo bi vit m bn mun la chn

8. Nhn Save & New to tip hai danh mc na cho hai bi vit l How to purchase/order products
v How to make a payment.
Nhn Save & New
49
Sau khi to xong nhng menus ny, bn c 3 danh mc con mi.
C 3 danh mc con mi c to
50
Th bi vit
Bn c th to mt danh mc hay Module mi hin th th bi vit ca bn.
To mt Danh mc th bi vit (Tag Menu): Vo Menus => Menu Manager => Add New
Menu sau chn loi Tags.
To mt menu mi hin th cc th bi vit ca bn
To mt Module th bi vit (Module Tag): VoModule Manager => New => chn loi Popular
Tags.
To mt module mi hin th cc th bi vit
51
By gi bn c th ra ngoi front-end xem kt qu.
Cc danh mc con mi trong Main Menu
52
Khi bn nhn vo mi mt lin kt th bn s thy mt bi vit tng ng m bn gn trc .
Bi vitAbout my site
By gi bn c th lp li cc bc lm nh trn to lin kt n tt c cc bi vit cn thit.
53
Qun l ni dung ca bn vi JSN PowerAdmin
Khi lm vic vi Joomla!, nu bn c qu nhiu danh mc, bi vit hay modules, bn c th thy kh khn khi
tm kim nhng th ny. C mt extension min ph gip bn gii quyt vn ny mt cch nhanh chng v
tin li - JSN PowerAdmin.
JSN PowerAdmin s gip bn:
1. Tm kim mt cch nhanh chng cc mc trong back-end vi Spotlight Search. Bn c th tit kim thi
gian trong khi tm kim cc mc cn chnh sa.
2. iu khin ni dung website ch trn mt trang vi Site Manager. y, ngi qun tr
(Administrators) c th chnh sa mt bi vit hoc qun l cc modules v cc danh mc vi tnh nng
ko th rt tin li.
Qun l website vi JSN PowerAdmin

Extension ny c ngi dng Joomla! trn JED nh gi cao vi hn 30+ bnh chn v hn 30+ nh gi.
Ti JSN PowerAdmin min ph - Xem video gii thiu JSN PowerAdmin.
54
Chnh sa bi vit p hn
Vy l bn bit cch to cc bi vit. Gi th chng ta hc nng cao hn v to cc bi vit p, hu ch
hn. C nhiu cch bn lm iu ny, chng hn nh: nh dng vn bn, thm hnh nh, lin kt, v.v.
nh dng vn bn
Nu bn tng lm vic vi Microsoft Word hoc bt c trnh son tho no khc th kiu nh dng vn bn
trong Joomla! s khng cn xa l vi bn na. Tuy nhin, n n gin hn so vi Microsoft Word v n ch
cung cp mt vi ty chnh nh dng vn bn n gin m thi.
Bn truy cp ti Article Manager v m bi vitAbout my site. By gi hy ch n vng son tho. y
l ni m bn chnh sa bi vit ca chnh mnh:
Chnh sa bi vit
Hy nhn k cc nh dng bn di hu ht cc biu tng u rt quen thuc, vi nhng biu tng to
dng ch ca bn m hn, nghing hay gch di v cc biu tng chnh sa vn bn ca bn. Hy chn
on vn bn m bn mun nh dng sau nhn vo biu tng thch hp.
Cc nt nh dng vn bn Joomla!
55
Bn c th to nhng ta (headings) cc nh dng khc nhau bng cch nhn vo mi tn ch xung trong
paragraph, ri nhn vo ta tng ng s xung, t Heading 1 ti Heading 6.
Chn nh dng tiu cho on vn

Bn c th thy dng ch ny ln hn:
on vn vi nh dng Heading 1
56
Thm hnh nh
Trc khi thm cc hnh nh vo cc bi vit, bn nn t chc v sp xp chng vo trong mt th mc c bit.
Vic ny gip cho vic tm kim v qun l chng d dng hn nhiu.
To cc th mc hnh nh
1. Vo Content => Media Manager, sau nhn Create Folder trn thanh cng c.
2. Nhp tn th mc v nhn Create Folder.
To th mc mi lu tr hnh nh
By gi bn c mt th mc mi trong Media Manager.
Th mcaboutmysite trong Media Manager
57
Ti ln hnh nh
By gi bn hy ti nhng hnh nh vo trong th mc aboutmysite m bn va to.
1. Nhn vo th mc aboutmysite, sau nhn vo nt Upload mu xanh.
Nhn Upload
2. Tip theo, nhn Choose files duyt cc tp tin hnh nh.
Chn cc tp tin
3. Chn tp tin hnh nh bn mun ti ln. By gi bn ch c th chn mt tp tin cho mi ln ti ln.
Chng ti s cho bn thy cch chn nhiu tp tin ti ln cng mt lc sau.
58
Chn hnh nh
4. Nhn nt Start Upload upload hnh nh.
Bt u ti hnh nh ln
By gi, hnh nh mi ca bn c ti ln trong th mc aboutmysite.
59
Hnh nh hin th trong th mc aboutmysite

Vi cch ny, mi ln lm bn ch c th ti ln mt nh. Cch ny rt tn thi gian v cng sc nu bn cn ti
nhiu nh ln. Rt may, c mt cch khc cho php ti ln nhiu tp tin mt lc - chc nng flash uploader.
Bn ch rng cch ny yu cu bn ci t Flash Player trn my tnh ca bn trc. Hy th vi cch ny
nh.
1. Trong Media Manager, nhn Options trn thanh cng c.
Nhn nt Options
60
2. Trong trang Media Manager Options, thit lp tham s Enable flash uploader l Yes v nhn
Save & Close.
Bt tnh nng flash uploader
61
3. Tr li mn hnh chnh nh hnh bn di. By gi bn hy nhn Browse files tm n ni cha tp
tin bn mun ti ln.
Duyt ti tp tin
4. chn nhiu tp tin, dng chut ko chn tt c hoc gi phm CTRL v nhn ln lt ln cc tp
tin bn mun chn, sau nhn Open.
Chn nh
62
5. Nhn chn nt Start Upload v ch cho ti khi qu trnh ti ln hon tt.
Ti cc nh ln
By gi bn c cc hnh nh trong th mc.
Cc nh mi c ti ln
63
Thm nh vo bi vit
Sau khi ti cc hnh nh c ti ln server, bn c th thm chng vo trong bi vit ca bn. Hy th vi
bi vitAbout my site.
1. Sau khi m bi vit, bn tr chut ti mt im ca on vn m bn mun chn hnh nh vo v nhn
nt Image bn di khung son tho.
Thm nh vo trong vn bn
64
2. Chn nh thm vo vn bn.
M th mc hnh nh
65
3. Nhp phn miu t nh (Image Description) v tiu nh (Image Title) v nhn nt Insert pha trn
ca hnh hon tt vic chn nh.
Chn hnh nh bng cch nhn vo n sau in cc thng tin cn thit
66
4. Kim tra li xem nh c chn vo bi vit cha.
Mt hnh nh c chn vo bi vit

By gi, nu bn thy nh to qu, nh qu hoc cha c t ng bn, bn c th thay i kch thc nh
hoc cn l. Nhn vo hnh nh sau nhn vo nt Insert/edit image trong phn ty chnh nh dng pha
trn khung son tho bi vit chnh sa n.
Nt chnh sa/chn hnh nh

Mt mn hnh pop-up s hin th. Ti y bn c th chnh sa hnh nh nh bn mun. V d, th thay i kch
thc v canh ln sang phi (Right), sau nhn nt Update bn di.
67
Chnh sa nh
Nhn nt Save & Close trn thanh cng c trong Article Manager v ra ngoi front-end xem bi vit
sau khi c chn mi hnh nh.
68
Bi vit vi hnh nh trong website
69
Thm cc lin kt
Thm lin kt ni b
Trong nhiu bi vit, bn cn cc lin kt ni b (Kt ni vi cc bi vit khc trn website ca bn). Nhng lin
kt ny khng ch gip ch cho nhng ngi c bi vit m cn tt cho c vic ti u ha cng c tm kim
(Search Engine Optimization hay SEO). Hy xem cch to cc lin kt ni b trong mt bi vit di y.
1. M bi vit bn mun thm lin kt ni b.
2. Chn on vn bn bn mun lin kt.
3. Nhn vo nt Article bn di trnh son tho bi vit
Chn mt lin kt vo trong bi vit

4. By gi bn s nhn thy mt ca s pop-up cha danh sch tt c cc bi vit ca bn. Tm bi vit bn
mun lin kt ti v sau nhn chn ln tiu ca bi vit .
Chn bi vit tng ng
70
Kt qu l, tiu ca bi vit chn c s dng nh mt on lin kt.
Lin kt mi trong on vn bn
Bn c th thay i lin kt on vn bn trn ging nh on vn bn c.
on lin kt sau khi c chnh sa
71
5. Nhn Save v truy cp n phn front-end xem bi vit vi lin kt mi to.
Bi vit vi lin kt trong front-end

Nu bn mun chnh sa mt lin kt, bn ch cn chn n v nhn vo biu tng Insert/edit link ging
nh hnh bn di.
72
Chnh sa lin kt
Hoc bn c th b lin kt t on vn bn bng cch nhn vo biu tng Unlink.
B lin kt trong bi vit
73
Thm cc lin kt bn ngoi
Trong phn trc bn hc cch to cc lin kt ni b, nhng lin kt ny s kt ni ti cc bi vit khc trn
website ca bn. Trong phn ny, bn s bit cch lm th no to cc lin kt bn ngoi n bt k website no
bn mun trn Internet.
1. Chn on vn m bn mun gn lin kt n, sau nhn vo biu tng Insert/edit link.
Thm lin kt bn ngoi

Mt ca s pop-up s hin th bn di:
Thm mt lin kt bn ngoi
74
2. Nhp vo gi tr cho 4 tham s trong hnh bao gm:
Link URL
a ch lin kt bn mun gn.
Target
C hai ty chn cho bn y: M lin kt ngay trong cng mt ca s (Open link in the same
window) v M lin kt trong mt ca s mi ( Open link in a new window). Nu bn chn Not
set, lin kt s c m trong cng mt ca s)
Title
Nhp mt m t ngn cho lin kt.
Class
L ngi mi lm quen vi Joomla!, bn c t gi tr Not set (Ngoi ra c hai ty chn khc l
Caption v System Page break)
3. Nhn Insert chn lin kt ny. Sau bn c th xem on vn bn c lin kt ti website
bn ngoi.
Vn bn c lin kt
75
Thm Page Break v Read More
Trong trng hp nhng bi vit c ni dung di, c th bn s mun chia bi vit thnh nhng nhng phn
nh ring bit. Vi Joomla! Bn c hai ty chn lm vic ny.
1. Page Break
Page Break (hay Phn Trang) gip chia bi vit thnh cc phn ring bit nh Trang 1, Trang 2, Trang
3, v.v. Page breaks rt c cho nhng bi vit c ni dung di.
2. Read More
Read More (hay c Thm) gip chia mt bi vit y thnh hai on: Mt on gii thiu v phn
cn li ca bi vit. Nu bn mun c nt phn cn li ca bi vit, bn phi nhn vo lin kt Read
More.
By gi chng ta s hc cch thm Page Break v Read More.
Thm mt Page Break
1. t con tr vo ni m bn mun chia bi vit.
2. Nhn nt Page Break bn di trnh son tho bi vit.
Thm mt page break
76
3. Thm tiu bn mun a vo trang mi trong trng Page Title v nhn Insert
Page Break.
Thm mt Page Break

4. xong, by gi bn s thy mt dng cc di chm hin th trong bi vit ca bn nh trong hnh bn
di.
Dng chm hin th mt page break

5. Nhn Save.
77
6. Xem kt qu trn front-end ca bn. Bn s thy mt danh sch bn cnh bi vit bn ch cn nhn ln
tiu hoc Next xem trang cha cc phn vn bn khc.
Thm mi page break trong website

Ch thch:
Bn c th thm nhiu page breaks vo bi vit.
Bn c th xa mt page break bng cch m bi vit (trong phn back-end), t tr chut vo phn
cui ng chm ca page break v nhn phm Backspace.
78
Thm mt lin kt Read More
Thm mt lin kt Read More kh ging vi thm mt page break (phn trang).
1. a con tr vn bn ti v tr bn trong bi vit ni m bn mun chia phn m u v phn ni dung
chnh.
2. Nhn nt Read More bn di trnh son tho bi vit.
Chn mt lin kt Read more

Bn s thy mt dng chm nh bn di.
ng chm Read more

3. Nhn Save hon tt.
By gi bi vit ca bn c mt lin kt Read more front-end. Bn ch cn nhn vo nt Read
more c y bi vit.
79
Bi vit vi lin kt Read more
80
Bc 4: Ty chnh giao din website ca bn

vi Joomla! template
Chng ta hon tt vic chun b ni dung. By gi l lc quan tm n giao din ca mt website.
Joomla! template l g?
Nh cp trc , mt template qun l vic hin th ha website ca bn. N quyt nh b cc, mu
sc, kiu ch, ha cng nhiu thnh phn khc to nn s khc bit cho mi website. C hai loi
templates: Site template cho phn hin th ti front-end ca website v Administrator template cho phn
hin th ti back-end (Phn qun tr) ca website.
Site template
Site template quyt nh giao din front-end ca mt website phn m khch ving thm nhn thy c.
Mt Site template
Thng thng, bn s lm vic vi cc Site templates nhiu hn cc Administrator template, to nn giao
din hp l cho website ca bn.
81
Administrator template
Administrator template quyt nh giao din back-end (Phn Qun tr) ca mt website.
Mt Administrator template
Nu bn ang xy dng mt website cho mt mnh bn bn th vic thay i giao din phn qun tr khng
quan trng lm. Nhng khi bn xy dng website cho khch hng, bn c th cn ty chnh phn giao din ny
cho ph hp vi khch hng.
82
Chn Joomla! template
Ngun Template
Cch nhanh v d nht thit k giao din cho website ca bn l s dng cc Joomla! template c sn. C rt
nhiu templates cho bn trn Internet.
Ngun templates min ph
Cng ng Joomla! cung cp hng ngn templates min ph cho bn la chn. Cc bn c th la chn t
nhng ngun sau:
http://www.joomla24.com/
http://www.joomlaos.de/
http://www.bestofjoomla.com
Ngun templates c tr ph
Nu ngn sch ca bn cho php, bn c th mua cho mnh mt template, chng ti khuyn bn nn mua nhng
templates ny ti cc nh cung cp Joomla! templates nh:
http://www.joomlart.com
http://www.rockettheme.com
http://www.joomlashine.com/
http://www.yootheme.com
http://www.gavick.com
Cc ngun template khc trn Internet
Bn c th tm kim trn Google vi cc t kha: Joomla Templates hoc template for Joomla v bn s
thy c n 60 triu kt qu c tr v!
83
Cc tiu chun chn la Template
C rt nhiu Joomla! template bn la chn. y l mt vi tiu chun c th gip cho bn tm cho mnh
mt template va .
Tnh tng thch

Template h tr phin bn Joomla! no? Bn cn chn cho mnh mt template h tr Joomla! 3.x
Phi tr ph hay min ph

Bn mun mt template cht lng tt v c h tr hay bn eo hp v ti chnh v ch cn mt
template min ph? Thng thng, cc templates tr ph linh hot hn, cht lng cao hn, c nhiu ti
liu hng dn hn v c h tr tt hn l template min ph.
Ti liu hng dn s dng

Ti liu hng dn s dng c tt khng? Ti liu ny c gip bn hiu r hn v cc tnh nng ca
template khng? N c gip bn ty chnh template khng?
H tr
Template c c h tr khng? Bn c th c h tr nh th no? Qua din n, h thng h tr qua
ticke, v.v.? Thi gian bn nhn c cu tr li l bao lu? 12 gi, 24 gi hay phi nhiu ngy sau?
Thit k
Khi nhn v cm nhn website, bn c thy n ng nh mnh mong mun khng? Nu n ging l
thit k , bn s khng mt nhiu thi gian ty chnh. Nu khng, bn cn kim tra xem n c
d ty chnh theo bn khng?
Cc tnh nng
Cc templates chuyn nghip cung cp kh nhiu tnh nng trong khi trong phn ln cc template min
ph, cc tnh nng b hn ch kh nhiu.
Nu bn l c nhn hay ngi s dng thng thng th mt template min ph s la chn ph hp. Tuy nhin
nu bn ang to website cho cng vic hay kinh doanh th bn nn mua mt template tr ph ph t nhng nh
cung cp chuyn nghip. ng ngh rng cch ny lng ph tin, v ngoi code v phn thit k cht lng
cao hn ra, bn c cn c nhiu ti liu hng dn v s h tr hu ch khc na. Thi gian m bn tit kim
c s xng ng vi s tin bn b ra.
84
Ci t Joomla! template
Sau khi chn cho mnh c mt mu Joomla! template thch hp ri, by gi chng ta s ci t n.
1. Vo Extensions => Extension Manager
Extensions => Extension Manager

2. Nhn Browse, tm tp tin template m bn ti v, sau nhn Upload & Install. Tip theo bn
s nhn c thng bo rng template c ci t thnh cng.
Duyt ti tp tin template t my tnh ca bn

3. By gi bn c mt template mi c ci t, hy dng n cho website ca bn. Bn vo Extensions
=> Template Manager
85
Chn Template Manager

4. Chn template m bn mun dng, sau t top menu bn tri chn biu tng Make Default n
c chn mc nh cho website Joomla! ca bn.
Chn Make Default
86
5. By gi bn c th xem li tng quan thit k phn front-end bng cch nhn vo tn website pha trn
bn tri trong phn Qun tr.
Nhn vo tn website xem phn thit k front-end
87
To giao din a phong cch gn ti cc danh mc

Bn c th dng cc template khc nhau trn cc trang khc nhau trong website ca bn.
Trong website ny, hu ht cc trang dng Beez2, ngoi tr mt trang s dng Beez3
V d, bn c mt website ang dng template Protostar, bn mun mt trang trong website ny dng template
Beez3. Bn c th thc hin iu ny d dng bng cch lm theo cc bc bn di:
88
To mi mt danh mc Top menu c tn l Beez3: Vo Menus -> Main Menu -> Add New Menu. Bn c
th chn bt k mc menu no bn mun, v d chng ta chn danh mc loi Single article, t tiu danh
mc l Beez3, Chn bi vit Getting Started sau lu menu ny li.
To danh mc Beez3
Sau bn vo Extensions -> Template Manager -> Beez3. Ti y, trong phn Menus assignment, bn
chn danh mc Beez3.
Chn danh mc Beez3

By gi bn lu li menu v ti phn front-end xem kt qu.
Ch :
Bn ch c th gn mt template vo mt danh mc. Nu bn gn t hai template tr ln th ch c template mi
nht c p dng.
89
Bc 5: Sp xp modules cc v tr
Ch : Bn c th thc hin vic ny d dng vi JSN PowerAdmin v tnh nng qun l cc modules trc
quan ca n.
Joomla! module v Joomla! position l g?

Nh cp trc , mt module thc hin mt nhim v n gin no v hin th ni dung trong mt
khi thng tin nh trn trang. Mi mt module nm trong mt v tr c bit, v d module Latest Article v
Login Form nm bn tri. Mi mt v tr c thit k s dng trong mt phn b cc ca trang, nh v
tr left c t pha bn tri ca trang chnh. Cc template c th c nhiu v tr khc nhau c b tr
nhng ni khc nhau trn mt trang.
y l mt cch khc bn hnh dung v khi nim ny. C xem website ca bn nh mt bc tng, trn
bc tng , c nhng tm bng (module positions) c treo nhng v tr khc nhau. Trn mi tm bng,
c nhng t giy nh (modules) c ghim li. Bn thy y, vy l bn c mt bc tng dn y giy nh
(modules) c sp xp trn mt ci bng (positions) treo trn tng.
C hai loi modules l: Site module dng cho phn front-end v Administrator module dng cho phn
qun tr back-end.
Site modules ti front-end
90
Lm th no bn c th nhn thy c v tr ca cc module trong mt template?

S rt kh xem c tt c nhng v tr module trong mt template khi ch nhn vo mt website. Rt may,
Joomla! cung cp cho bn mt cng c c th thy c tt c cc v tr . Hng dn sau gip bn s
dng n:
1. Vo Extensions => Template Manager.
2. Trong phn Template Manager, nhn biu tng Options trn thanh cng c.
3. Tip theo, thit lp tham s ca Preview Module Positions thnh Enabled v nhn Save & Close.
Bt tnh nng xem trc v tr ca module

4. By gi, nhn vo th Template.
Nhn vo th Template
5. Nhng template ci t dc hin th trn mn hnh. Bn ko chut xung template Beez3 v nhn
Preview xem cc v tr module ca template ny.
91
Nhn Preview
6. Tt c cc v tr module ca template s c hin th ging nh hnh bn di.
92
Cc v tr Module ca trang
By gi bn c th thy c tt c cc v tr module ca template. Vic ny s gip bn chn ng v tr bn
cn khi thm mi mt module.
93
Thm mi mt module
By gi bn kh quen thuc vi khi nim v Joomla! Module v Joomla! Position ri, hy tip tc vi phn
to mi mt module cho website ca bn.
Lm quen vi nhng modules mc nh

Mc nh Joomla! cung cp cho chng ta kh nhiu modules dng, hy xem qua nh:
Module ngi dng (User modules)
Cc module c thit k cho vic trnh by v dch v ngi dng.
Whos online
Module ny hin th s khch v thnh vin ang truy cp website ca bn.
Latest Users
Module ny hin th nhng thnh vin ng k mi nht.
Login
Module ny hin th mt form ng nhp vi tn, mt khu v mt vi lin kt khc nh ng k hay ly
li mt khu.
Module ni dung (Content modules)
Cc module c thit k trnh by bi vit.
Latest News
Module ny hin th mt danh sch cc bi vit c ng.
Most Read Content

Module ny hin th danh sch cc bi vit c ng v c s lt xem cao.
Article - News flash

Module tin nhanh s hin th mt s lng bi vit nht nh trong mt chuyn mc c th no .
Article - Related Articles

Module ny hin th cc bi vit khc lin quan n ni dung bi vit ang c xem.
Archive Articles
Module ny hin th mt danh sch cc bi vit c lu tr trong thng.
Article categories
Module ny s hin th cc chuyn mc con ca mt chuyn mc cha.
Articles category
Module ny cho php bn hin th cc bi vit trong mt chuyn mc.
94
Module hin th (Display modules)
Cc module c thit k cho vic hin th ni dung phong ph hn.
Custom HTML
Cho php bn to nhng on HTML c th ty chnh theo ca bn. Module ny dng vi trnh son
tho WYSIWYG.
Feed display
Module ny cho php hin th mt ngun cp d liu web. Xem thm ti y.
Footer
Module ny hin th thng tin bn quyn Joomla!.
Random image
Module ny hin th mt hnh nh ngu nhin no t th mc nh m bn chn.
Weblinks
Module ny hin th danh sch cc lin kt trong mt chuyn mc.
Banner
Module banner cho php bn s dng hin th cc bin ng trong phn Banners Component.
Module tin ch (Utility modules)
Cc modules c thit k thc hin mt nhim v nh no .
Smart Search Module

Module ny dng cho vic tm kim bng cch dng Smart Search component.
Wrapper
Module ny hin th mt ca s iFrame n v tr c bit no .
Language switcher
Module ny hin th mt danh sch cc ngn ng c sn cho vic chuyn i ni dung sang ngn ng
khc.
Search
Module ny s hin th mt hp thoi tm kim.
Thng k
Module thng k, module ny thng k thng tin v server ca bn, thnh vin website, bi vit, cc lin
kt, etc.
Syndicate Feeds
Module Syndicate s hin th lin kt cho php thnh vin nhn thng tin t website ca bn.
95
Module tin ch (Utility modules)
Cc module ny c thit k nhm hin th iu hng webite.
Menu
Module ny hin th mt danh mc trn website.
Breadcrumbs
Breadcrumb l tp hp cc ng link phn cp gip ngi dng c th bit c mnh ang trang no
v t c th di chuyn thun li t trang ny trang khc trong 1 website.
Thm mi mt module
By gi, hy xem cch thm mi mt module.
1. Vo Extensions => Module Manager, sau chn New trn thanh cng c.
Nhn New thm mi mt module
96
2. Trong ca s pop-up, chn module bn mun thm. V d bn mun thm mt module ng nhp
(Login) cho php thnh vin ng nhp vo website.
Chn module Login
97
3. By gi bn ch cn nhp thng tin cho module mi ca mnh. ng qun chn v tr m bn mun
module ny hin th trn web site.
Nhp thng tin cho module

4. Cui cng, nhn vo Save & Close hon tt qu trnh. By gi cc bn truy cp front-end ca
website v xem kt qu!
Module ng nhp trn website

Bn c th thm nhiu module vi cch lm tng t.
98
Cu hnh ci t cc modules
Sp xp th t cc modules
By gi bn bit rng tt c cc modules c t trong mt v tr nh th no ri, vy gi chng ta s sp
xp cc module ny bng chc nng ko th (drag and drop). Cch lm nh sau:
1. Vo Module Manager.
2. Nhn vo biu tng ko v th module vo v tr mi.
Nhn ko th module vo v tr mi.
99
Bc 6: M rng chc nng ca website vi

Joomla! extensions
Nh cp trc , Cc thnh phn m rng ca Joomla!(extentions) l nhng phn mm c bit c
vit tch hp vo Joomla! nhm tng cng cng nh m rng chc nng cho website. V d nu bn
mun c mt slideshow hnh nh, b su tp Videos hay Form lin h vi nhiu chc nng nng cao hn, th
bn cn phi ci t cc extensions cho nhng mc ch tng ng. thm thng tin v Joomla! Extensions,
bn vui lng coi li phn Cc thnh phn m rng (Extensions) c cp trc .
Mc nh th Joomla! c ng gi km kh nhiu extensions thc hin nhng chc nng c bn.
Banners
Extension ny gip cho vic qun l v hin th cc biu ng.
Contacts
Extension ny gip bn qun l lin lc v hin th thng tin lin h.
Newsfeeds
Extension ny gip cho vic qun l v hin th RSS.
Redirect
Extension ny gip qun l chuyn hng cc URL.
Weblinks
Extension ny gip qun l v trnh by cc lin kt.
Hy xem k hn mt cht v mt trong cc extensions m rng ca Joomla! hiu hn v cch thc lm vic
ca n vi Joomla!.
100
Lm vic vi thnh phn m rng (Extensions) mc nh Contacts
Trong phn ny, chng ta s hc lm th no s dng extension Contacts ca Joomla! Extension ny cho
php bn to cc biu mu (form) lin h mi ngi (khch, thnh vin) c th gi email ti bn.
To chuyn mc lin h
Chng ta cn to cc danh sch lin h trc khi thnh vin c th gi ti cho chng ta email thng qua biu
mu lin h no . Nhng t chc phn lin h tt hn, chng ta cn to cc chuyn mc lin h trc.
1. Vo Components => Contacts => Categories
Chn cc chuyn mc lin h

2. Tip theo, chn New trn thanh cng c to mi mt mc lin h.
Chn New to mt mc lin h mi

3. Sau , in tiu cho mc lin h ca bn, v d Website Administrators, v lu li bng cch nhn
vo Save & Close.
101
Mc lin h mi
102
To mi mt lin h
Khi mc lin h c to xong, bn c th to cc lin h ring l m bn mun.
1. Cc bn vo Components => Contacts => Contacts
Nhn vo danh mc con "Contacts"

2. Tip theo, nhn vo New trn thanh cng c to mi lin h.
Nhn New to mt lin h mi

3. Sau , in thng tin vo cc trng trong phn Edit Contact:
Name
in tn lin h - C th l tn ca bn.
Category
Chn chuyn mc lin h m bn to trc .
103
Nhp thng tin lin h

4. Tip theo, trong th Contact Details, in a ch email lin h trong phn Email. y l tham s
rt quan trong v sau tt c cc thng tin lin h c gi n a ch email ny.
Nhp email lin h

5. Cui cng, nhn Save & Close lu li lin h ny.
104
To mt danh mc con hin th biu mu lin h
By gi bn to mt biu mu lin h gi lin h ti n, lc ny hy to mt form cho thnh vin h
c th gi lin h c cho bn.
1. Vo Menus => Main Menu => Add new menu items
Thm mi mt danh mc con

2. Tip , nhn Select chn loi danh mc con.
Nhn chn loi danh mc con
105
3. Tip, chn Single Contact.
Chn Single Contact
106
4. Tip theo, bn cn chn mu lin h m bn mun bng cch nhn vo Select.
Nhn Select
5. Sau nhn vo lin h bn to trc .
Nhn chn lin h to trc
107
6. in tiu cho Menu Title nh bn mun, v d Contact.
in tiu trong Menu Title

7. Cui cng, nhn Save & Close lu li menu item ny.
108
By gi, hy truy cp front-end ca website xem kt qu. Phn Main Menu c thm mt mc mi l
Contact. Nhn vo v bn s thy biu mu lin h xut hin.
Biu mu lin h trn website

Chng ta thm mi mt form lin h c bn cho website. ty chnh thm, bn c th s dng mt s
la chn c sn.
109
Ty chnh thm
Vo Contacts hay Categories v nhn vo biu tng Options trn thanh cng c.
Nhn vo "Options"
110
y bn c th cu hnh tt c cc tham s bn cn.
Cc tham s ca biu mu lin h
111
Thm mi Extension
Cc Joomla! extensions mc nh ph hp cho nhng ngi mi bt u, nhng sau mt thi gian lm quen
vi Joomla!, bn c th cm thy chng cha . Trong qu trnh pht trin web site, bn s mun thm nhiu
chc nng na m nhng thnh phn m rng mc nh c sn khng th mang li. Trong phn ny, chng
ta s xem xem nhng Extensions g bn c th thm vo website v lm th no thc hin iu .
Xc nh Extension s c ci t
Thng thng mi mt website u c mc ch ring ca n v ng nhin cng khng c sn danh sch
nhng Extensions m n cn phi ci t. Tuy nhin, c nhng loi Extensions m cc website nn c, v d,
b su tp nh (image gallery), b su tp videos (video gallery), xy dng biu mu (form building), tch hp
vi mng x hi, hin th trn cc thit b di ng, v.v. C rt nhiu bi vit nhm gii quyt vn ny v
di y l mt s trong nhng bi vit hu ch:Joomlashine extensions JSN PowerAdmin, JSN Uniform
v JSN ImageShow: Chng c pht trin p ng nhng yu cu thng dng cho cc website. Nhng
Extensions ny nhn c kh nhiu li khen ngi t nhng ngi s dng Joomla v chng d dng v hiu
qu.
Top 10 Joomla! extensions - Brian Teeman: Danh sch cc tiu ch chn Joomla! extensions ca Brian.
Featured extensions on JED
My top ten Joomla! extensions - Kristoffer Sandven: Nhng extensions a thch ca mt Joomla!
blogger ni ting Kristoffer Sandven cho c phn front-end v back-end.
My Must have Joomla! Extensions - Anthony Olsen: Mt danh sch Extensions gip xy dng phn li
Joomla! mnh hn. Bn nn kim tra danh sch m bo rng nhng Extensions ny h tr cho
Joomla! 3.x.
Joomla! 3.x extensions on JED: Ton b extension y u c kim tra k cng bi i ng JED
trc khi gii thiu cho ngi dng. Bn cng nn kim tra qua s lt nh gi v bnh lun ca ngi
dng chn ra extensions tt nht m bn mong mun.
112
JSN PowerAdmin Mt extension gip n gin ha giao din qun tr back-end
JSN Uniform Mt extension gip to v qun l nhiu loi biu mu.
113
Tm kim nhng Extension hu ch

Ni m bn c th tm cho mnh nhng extensions hu ch l Joomla! Extensions Directory (JED). N l mt
ngun ti nguyn ln vi hng ngn Joomla!extensions c chia sn vo cc chuyn mc chc nng ca n.
Joomla! Extensions Directory

Tt c cc extensions c phn nh gi v bnh lun ring, bn cng c th xem v a ra kin ca bn v
extensions ny. Mc ny c iu hnh bi mt i ng chuyn nghip v bn c th tin tng nhng thng
tin c ng ti y.
114
Ci extensions mi
Sau khi chn v ti extensions cn thit cho website ca bn, bn cn bit lm th no ci t chng v lm
cho chng lm vic trn website ca bn.
1. Vo Extensions=>ExtensionManager
2. Tip theo, nhn Browse chn gi Joomla! extension bn ti v.
NhnBrowse
3. Sau , nhn Upload&Install ti ln v ci t tp tin ny vo website ca bn.
NhnUpload &Install
115
Joomla! s t ng a extension ny vo ng ch ca n.V d, nu extensions l mt component, bn s thy
n trong danh mcComponents; nu extension ny l mt module, bn s tm thy n trong Module
Manager.
JSN UniForm trong Components
G b extensions
Nu bn thy mt extension khng gip g cho bn, bn nn g b n:
1. Vo Extensions=>ExtensionManager v nhn vo mc Manage.
2. Nhp tn y hoc mt phn tn ca extension vo trng Filter v nhn Search icon.
3. Chn extension m bn mun g b v nhn Uninstall trn thanh cng c.
G b extension
116
Bc 7: Qun l website vi JSN PowerAdmin

Bn c c mt website Joomla! sau khi thc hin 6 bc trn. By gi, c th bn cn cp nht ni dung
hng ngy hoc hng thng: chnh sa ni dung ng, to mi mt danh mc hay module
Nhng vic ny, bn khng cn phi thc hin ton b cc bc v thao tc nh chng ti trnh by trc
. y l lc tit l mt b mt: JSN PowerAdmin. JSN PowerAdmin l mt extension Qun tr back-end
c to ra gip qun l website Joomla! ca bn d dng hn bao gi ht - vi cc chc nng Tm kim
Spotlight (Spotlight Search), Qun l Site (Site Manager), Qun l mu Template (Template styles
Manager) v nhiu hn na.
Nhng tnh nng ni bt ca JSN PowerAdmin
117
Qun l site (Site Manager): Qun l ba phn chnh trong website ca bn bao gm: Danh mc
(Menu), Component v Modules trong mt vng.
Site Manager
Tm kim Spotlight (Spotlight Search): im nhn tm kim (hnh di bn c th thy t joomla

c bi vng ton b, gi l Spotlight).
Spotlight Search vi danh sch kt qu c c
118
Qun l mu template (Template Style Manager): Bn c th sa, t lm mc nh, sao chp, xa
hay g b template d dng.
Qun l cc mu template
JSN PowerAdmin hon ton MIN PH Bn ch cn ti v v ci t back-end ca website theo hng dn
trong phn Ci extensions mi
Ti JSN PowerAdmin min ph
119
Qun l website Joomla! vi Site Manager
S mt kh nhiu thi gian khi bn phi vo tng menu, module hay bi vit chnh sa chng. By gi, bn
c th qun l ni dung website ca bn d dng hn, nhanh hn vi cng c Qun l Site: Bao gm Menu,
Component v Modules trong mt khu vc.
To access Site Manager, click Components -> JSN PowerAdmin -> Site Manager.
Qun l site bao gm Menu, Component v Modules panel

Tin li hn, bn c th iu chnh kch thc ca 3 phn ny nu bn mun. Bn ch cn ko thanh ngn cch
gia 2 phn sang tri hoc sang phi phng to hay thu gn li phn . y, ton b nhng thay i ny s
c t ng lu li.
Qun l Danh Mc
120
Cc danh mc con phn front-end
Bn c th qun l danh mc v danh mc con d dng vi th MENU trong Site Manager.
Qun l tt c cc danh mc v danh mc con
121
Xem cc danh mc n/hin:
Bn c th nhn thy tt c danh mc c hin th.Nhng mc khng c hin th s b n i. hin
th hay n cc mc ny, bn nhn vo biu tng vung pha trn bn phi.
Nhn vo biu tng vung hin th nhng danh mc n
Nhn vo biu tng vung khng hin th nhng danh mc n
122
To mi mt danh mc / danh mc con:
Thm mt danh mc v mt danh mc con mi
Sa danh mc hin ti / cc danh mc con:
Sa danh mc hin ti hoc danh mc con
123
Ko v th di chuyn cc mc con trong mt danh mc:
Ko mc danh mc con v th n n mt v tr khc
Ty chnh cc danh mc con:

Bn cng c th n (Unpublish), Ci t trn trang ch (Set as home), Chim quyn s dng
(Check in) danh mc con, v.v.
Qun l tt c cc danh mc hay danh mc con
124
Qun l ni dung
Phn COMPONENT hin th tt c ni dung ca danh mc bn chn. N cho php bn sa cc thnh phn,
hin th hay n cc mc m bn mun.
NhnSelect sa mt bi vit
Xem cc mc ni dung:
Nhn vo biu tng bn di hin th/khng hin th cc thnh phn n trn trang.
Nhn hin th hay khng hin th cc mc n
125
Sa cc bi vit / chuyn mc:
Gi y, bn c th sa mt bi vit nhanh hn sau khi bn chn n. Nhn vo tiu ni dung
hin th cc ty chn bn di:
Edit article: Thay i ni dung bi vit.

Hide element/ Show element: Nhn hin hay khng hin cc thnh phn n vi hai ty
chn For all pages globally hoc For this page only.
Enable link/ Disable link: Nhn hin th cc lin kt c kch hot hay khng kch hot
vi hai ty chn For all pages globally hay For this page only.
o For all pages globally: Thay i c p dng cho tt c cc thnh phn trn tt c
cc trang ca website.
o For this page only: Thay i c p dng cho ring trang ny.
Sa bi vit, hin th hay n cc chi tit v lin kt trong mt bi vit
126
Cch sa mt chuyn mc tng t nh cch sa mt bi vit trn.
Sa chuyn mc hoc n cc chi tit trong mt chuyn mc
127
Qun l cc Modules
Trong phn MODULES, bn c th qun l ton b modules ca template mc nh hin ti.
Modules trong phn front-end
128
Xem cc modules:
Bn c th nhn thy cc cc modules c hin th y. Nhng bn c th hoc khng th nhn thy
cc module khng c hin th v cc v tr c cc module (hoc khng c module). Bn c th qun l
nhng mc ny bng cch nhn vo biu tng vung gc trn bn phi v nh du vo
Modules, Positions hay c hai.
Nhn hin th hoc n cc modules v v tr
129
To mt module mi:
Nhn vo bt k v tr no v thm mt modulemi
Xem v tr ca cc modules
Bn c th nhn vo mt v tr module v chn View position xem tt c cc v tr ca template.
Nhn vo v tr bt k xem v tr ca template mc nh
130
Sa cc modules hin ti:
Vi mt module bt k, bn c th Sa (Edit), Thay i v tr (Change position), n (Unpublish) ...
Vi cc module b chim quyn s dng (Checked in), bn cn chim quyn s dng li trc khi
chnh sa chng.
Sa cc modules
Thay i v tr module vi ton b v tr c hin th ca template
131
Ko v th di chuyn cc v tr module.
Ko v th mt module ti v tr mi
132
Truy cp nhanh cc mc bt k vi Spotlight Search
Bn cn phi nhn kh nhiu ln tm kim cho phn front-end trong back-end ca Joomla!. Spotlight
Search gip bn tm kim cc mc trong website ca bn v truy cp chng nhanh hn:
Trong phn front-end, sao chp tiu ca ni dung m bn mun chnh sa.
Ti phn back-end, dn tiu vo Spotlight Search gc trn bn phi ca bng qun tr
admin.
Bn s nhn c tt c cc kt qu t cc chuyn mc khc nhau ngay lp tc. Bn ch cn chn
ng mc mong mun chnh sa.
Kt qu s c hin th ngay lp tc
133
Nhn vo mc bn mun c th truy cp ngay lp tc ti trang . Ti y, bn c th thay i ni dung
ging nh cch thng thng bn vn lm.
Truy cp tc th ti trang ty chnh
134
Qun l cc kiu template vi Template Style Manager
JSN PowerAdmin cung cp cho bn mt cch truy cp nhanh chng ti tt c cc mu templates c ci
t. V bn c th thc hin mt s thao tc c bn trn mt template nh sa (Edit), chn lm mc nh
(Make Default), sao chp lm hai (Duplicate), xa (Delete) v g b (Uninstall) nhanh chng vi mt vi c
nhp chut.
Hy xem lm th no thay i template mc nh.
Hin ti, Template front-end mc nh l Beez3
Vo Extensions => Template manager v nhn Template Styles.
Chn Template Styles

135
Tip theo, trong ca s ny, bn s thy tt c cc template c ci, bao gm c site templates v admin
templates. Template mc nh c nh du ni bt vi mu vng.
Qun l cc mu Template
136
Nhn trn template bn mun thit lp l mc nh v chn Make Default. V d, y chng ta
chn Protostar.
Nhn chn "Make Default"
Cui cng, nhnClose thot khi ca s.
137
By gi, ra ngoi phn front-end ca website v xem kt qu.Template by gi l Protostar.
Protostar c chn l template mc nh
138
Nhng tnh nng khc
Truy cp nhanh ti cc mc chnh sa trc

Tt c cc mc bn cu hnh trc s c lu tr trong History. Bn c th truy cp chng ch vi vi
c nhp chut.
Nhn vo biu tng ng h pha bn phi bnh cnh Spotlight search.
Nhn vo biu tng ng h
Nhn vo mc bn mun truy cp ti.
Nhn vo mc bn chnh sa trc
Bn s c chuyn ti mc .
139
Truy cp nhanh vo Profile ca thnh vin

Thng thng, l mt ngi qun tr, bn mun kim tra tin nhn, profile ca bn hay n gin l thi gian cn
li trong phin lm vic ca bn. vo user profile, bn:
Tm biu tng hnh ngi trn u thanh cng c gn biu tng ng h. Phn mu xanh i din cho
t l phn trm ca thi gian cn li trong phin ca bn.
Biu tng hnh ngi
Di chut vo biu tng v nhn vo Profile trong phn danh mc con. Mt ca s mi s hin th ra
cho php bn chnh sa h s ca bn.
Nhn Profile i ti trang cho thnh vin
140
Trang thit lp h s (Profile)
Qun tr Danh mc nng cao

Mt lc no bn c th mun g b mt vi extension. Khng cn phi vo Extension Manager theo
cch thng thng, bn c th g b chng vi chc nng G b nhanh (Quick Uninstall). N lm vic vi
mt vi exentions mc nh ca Joomla! (Banners, Contacts...) v tt c cc extension ca bn th ba trn
website Joomla! ca bn.
141
G b nhanh mt extension
142
Cu hnh JSN Power Admin
Bn c th qun l phn back-end Joomla! theo cch m bn thch vi trang Configuration ca JSN Power
Admin. Ti y, bn c th cu hnh logo v lin kt menu, vng tm kim hay s lng chnh sa c hin
th; tt tnh nng g b nhanh hoc h tr qun l cc thnh phn m rng, v.v.
Vo Component => JSN PowerAdmin v nhn Configuration
Vo trang Configuration ca JSN PowerAdmin
143
Bn c th cu hnh theo mnh trong trang Configuration.
Trang "Configuration"
144
Joomla! 2.5 Made Easy Phin bn trc ca Joomla! 3.x Made Easy (Thit k
website tht d dng vi Joomla! 3.x)
Cun e-book ny (Joomla! 3.x Made Easy Thit k website tht d dng vi Joomla! 3.x) l bn cp
nht t phin bn trc - Joomla! 2.5 Made Easy, c hn 50.000+ lt ti v.
Nu bn mun xy dng mt website trn mt phin bn Joomla! n nh, bn nn chn Joomla! 2.5 (n c
h tr cho ti ma xun nm 2014) v cun cm nang b ti Joomla! 2.5 Made Easyc khuyn dng v n
s gip bn tng bc lm ch Joomla! .
Joomla! 2.5 Made Easy,vit biJoomlaShine Team

93 trang
Ngn ng: ting Anh, ting c, ting an Mch
Cun sch c sn cc ngn ng ting Anh, ting c v ting an Mch. Bn c th ti n min ph.
145
Kt lun
Mt cun sch tt rt c gi tr v chng ti hi vng bn cng ngh th khi c cun sch ny. Ton b kin
thc v Joomla! 3.x ca chng ti c bin tp cn thn mng li cho bn 7 chng vi nhng thng tin
hu ch nhm gip bn tng bc to cho mnh mt website vi Joomla! 3.x. Sau khi c xong cun sch ny,
bn s bit c ht nhng kha cnh c bn ca Joomla! c th xy dng hon tt mt website: T lm
th no ci t n cho n vic lm th no lm vic vi n.
Tm nguyn ca i ng JoomlaShine l mong mun chia s nhng iu tt nht n vi c gi thng qua
cun sch ny. ng qun chia s nhng g m bn hc c t cun sch cho ngi khc.Vic mang li
cho bn c nhng kin thc c gi tr khng ch l mc ch m cn l phn thng cho chng ti.
Mc d c gng ht sc nhng nhng sai st l iu khng th trnh khi. Chng ti xin ghi nhn nhng
kin v ng gp t pha c gi lm cho cun sch tr ln hon thin hn!
146
Tham kho
Ra mt cui thng10/2012, Joomla! 3 - In 10 Easy Steps c vit bi Hagen Graff l mt cun sch tt cho
nhng ngi mi bt u. Vi nhng thng tin chi tit v Joomla! 3.x, ti bo m bn s c c nhiu kin
thc gip bn xy dng mt website nh mnh. Cun sch ny c xut bn vi nhiu ngn ng khc
nhau nh ting Anh, ting c v ting Php, vy bn c th chn mt phin bn tng ng cho mnh. Cun
sch ny c ti v chia s min ph.
Bn c th vo trang Blog chnh thc ca JoomlaShine ( Joomlashineblog) hoc xem qua knh Youtube hc
thm v Joomla! cng nh cp nht nhng thng tin mi nht v Joomla! Khng ch l th m cn hu ch,
nhng ch v Joomla! m c l bn s khng mun b l. Bn c th li li bnh lun bn di mi bi
vit chng ti nh gi cao iu ny
Cui cng, li khuyn chng ti a ra v mt vi website hc tp tt m chng ti ngh c th bn nn tham
kho nh:
http://joomlaviet.info/
http://docs.joomla.org/
http://www.joomlatutorials.com/
http://www.joomlablogger.net/
http://www.ostraining.com/blog/joomla/
http://www.theartofjoomla.com/
http://www.youtube.com/user/Joomla
http://www.joomla-wiki.de/dokumentation/Joomla!_Wiki
http://www.joomlaportal.de/forum.php
http://www.joomlaspanish.org/foros/
http://www.joomla.it/mediawiki/index.php/Pagina_principale
147

Joomla3.XMadeEasy Vi

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Joomla3.XMadeEasy Vi

Uploaded by

Copyright:

Available Formats

Thit k website tht d dng vi Joomla! 3.x JoomlaShine.

Nhng ngi thc hin

Nguyn Th Thanh Huyn Bi Anh Tun Bi Huy Thng

H Huy Tng Lu Minh Sn

Ngy xut bn: Thng 7 nm 2013

Tnh nng ca Joomla! 3.x

6 tnh nng tuyt vi ca Joomla! 3.x

Bc 1: Lm quen vi Joomla! CMS

Phn front-end ca website

Xem mt bi vit ti front-end

Phn back-end ca Joomla!

Chnh sa mt bi vit trong back-end

Bi vit Getting started

Phn Article Manager

Phn Category Manager

Chc nng Th bi vit (Tag) gip bn gn t kha vo cc mc ring bit

Vo Components -> Tags qun l th bi vit ca bn

Phn qun l Media Manager

Mt danh mc trn webiste

Mc Menu Manager trong phn qun tr Joomla!

Thnh vin trong nhmAdministrator c th truy cp c back-end v front-end.

Danh mc Users trong back-end

Joomla! Extensions Directory

Component Newsfeeds ti front-end

Danh mc Components trong phn back-end

Nhng modules hin th trong front-end

Danh mc con qun l Module Manager trong phn back-end

Cc yu t ha tnh nh nh nn, cc chi tit trang tr, logo, v.v.

Vng ni dung chnh trnh by d liu c to ra bi cc components.

V d nh nn (background), v tr ca module (module positions) v phn ni dung chnh (body)

Hai pluginsVoting v Read more trong front-end

Bc 2: Ci t Joomla! 3.x trn localhost

Bng iu khin chnh ca XAMPP

Giao din ca XAMPP cho Windows

Site Name: in tn website ca bn

Description: in thng tin m t cho website

Admin Email: in thng tin a ch email bn mun s dng cho website

Admin Username: in mc nh l admin

Admin Password: Nhp mt khu ca bn

Confirm Admin Password: Nhp li mt khu ca bn

Nhn Next sang bc 2

Host Name: in localhost

Database Name: Nhp vo tn ca c s d liu m bn to trc l Joomla30

Nhn Next sang bc 3

Overview: Trong bc ny, bn s nh gi li tng quan ton b thng tin bn cu hnh

Khi vic ci t hon tt, bn ch cn nhn vo nt Remove installation folder hon tt

Din n chnh thc ca Joomla!

Dch v h tr Joomla! (http://joomla.cmshelplive.com/)

Nhng ngun website hc Joomla! khc

>>> Bc tip theo

Bc 3: To ni dung cho website Joomla

Chun b cu trc ni dung

Nhp thng tin cho chuyn mc

Title: Nhp vo tiu About my site.

Category: Chn chuyn mc About trong danh sch.

Article text: Nhp ni dung ca bi vit.

Chn Yes hin th bi vit hin ln trn trang ch

Nhn nt Save & Close lu bi vit

Bi vit mi to About my site

Main Menu c trnh by ti front-end

Nhn vo New to mt danh mc con mi

Chn loi danh mc

Chn loi danh mc l Single Article

Nhp tiu danh mc con