Hướng dẫn sử dụng Joomla 3.0

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.
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine
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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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.
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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
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).
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
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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine Di y l mt vi v d v Joomla template:
JSN Pixel
JSN Boot 27
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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 backend.
>>> 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 GoDadd y ( 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine By gi bn c th ra ngoi front-end xem kt qu.
Cc danh mc con mi trong Main Menu
52
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 2. Chn nh thm vo vn bn.
M th mc hnh nh
65
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 3. Tip, chn Single Contact.
Chn Single Contact
106
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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
Thit k website tht d dng vi Joomla! 3.x JoomlaShine.com Twitter http://www.twitter.com/joomlashine | Facebook http://www.facebook.com/joomlashine 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

Hướng dẫn sử dụng Joomla 3.0

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

Hướng dẫn sử dụng Joomla 3.0

Uploaded by

Copyright:

Available Formats

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

Nhng ngi thc hin

Nguyn Th Thanh Huyn

T Nam Phong Ngy xut bn: Thng 7 nm 2013 n bn th ba.

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

Bc 3: To ni dung cho website Joomla ............................................................................................. 37

Bc 4: Ty chnh giao din website ca bn vi Joomla! template ............................................... 81

Bc 6: M rng chc nng ca website vi Joomla! extensions ................................................ 100

Bc 7: Qun l website vi JSN PowerAdmin .................................................................................... 117

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

Nhng thnh phn chnh ca Joomla?

Phn Category Manager 13

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

Thnh vin (Users)

Danh mc Users trong back-end

Cc thnh phn m rng (Extensions)

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

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

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

Giao din ca XAMPP cho Windows

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

c. Step 3. Cc cu hnh cui cng

>>> Bc tip theo

Bc 3: To ni dung cho website Joomla

Chun b cu trc ni dung

Nhp thng tin cho chuyn mc 38

Chuyn mc About Bn c th to tt c cc chuyn mc cn li theo cch ny.

6 chuyn mc mi c to Sau khi hon tt vic to cc chuyn mc, hy to cc bi vit .

Chn loi danh mc

Chn loi danh mc l Single Article

Nhn Save & New

To mt module mi hin th cc th bi vit

Cc danh mc con mi trong Main Menu

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.

Qun l ni dung ca bn vi JSN PowerAdmin

Chn nh dng tiu cho on vn Bn c th thy dng ch ny ln hn:

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

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.

Bt tnh nng flash uploader

Ti cc nh ln By gi bn c cc hnh nh trong th mc.

Chn hnh nh bng cch nhn vo n sau in cc thng tin cn thit

Bi vit vi hnh nh trong website

Chn bi vit tng ng 70

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

B lin kt trong bi vit

Thm lin kt bn ngoi Mt ca s pop-up s hin th bn di:

Thm mt lin kt bn ngoi

Thm Page Break v Read More

Thm mt page break

Dng chm hin th mt page break 5. Nhn Save.

Chn mt lin kt Read more Bn s thy mt dng chm nh bn di.

Bi vit vi lin kt Read more

Bc 4: Ty chnh giao din website ca bn vi Joomla! template

Chn Joomla! template