23

Thiết kế web joomla

Embed Size (px)

Citation preview

Page 1: Thiết kế web joomla
Page 2: Thiết kế web joomla

Contents 1 Giới thiệu ............................................................................................................................................... 2

2 Cài đặt và cấu hình ................................................................................................................................ 3

2.1 Cài đặt. .......................................................................................................................................... 3

2.2 Tạo bài viết .................................................................................................................................. 10

2.3 Tạo menu .................................................................................................................................... 12

2.4 CÀI MODULE TRÌNH DIỂN ẢNH ................................................................................................... 19

2.5 CÀI MODULE TIN TUC CẬP NHẬT................................................................................................. 22

Thiếtkế web joomla

1 Giới thiệu

Joomlalàmộthệquảntrịnội dung mãnguồnmở. joomlađượcviếtbằngngônngữ PHP

kếtnốicơsỡdữliệu MySQL.

Joomlacócácđặctínhcơbảnlà: bộđệmtrang (page caching) đểtăngtốcđộhiểnthị,

lậpchỉmục, đọc tin RSS (RSS feeds), trangdùngđể in, bản tin nhanh, blog, diễnđàn,

bìnhchọn, lịchbiểu, tìmkiếmtrong Site vàhỗtrợđangônngữ.

Joomlađượcphátâmtheotiếng Swahili nhưlà 'jumla' nghĩalà "đồngtâmhiệplực".

Điểmmạnh:

- Mộthệthống CMS hoànchỉnhcóthểthayđổi, tạomới themes, extension, language.

- Xâydựngtrênmột framework mạnh, hổtrợ MCV vànhiềuthưviện, dễdàngpháttriển.

- Sốngườithamgiapháttriểnđôngđảo, extension và themes

rấtnhiềukhổngchỉxâydựngmột web tin tứcmàcòn forum, communicate, shopping,

social networking, CRM

Page 3: Thiết kế web joomla

Điểmyếu:

- Mãnguồnbịxemlàcồngkềnh, nặngnềhơn

- Độtươngthíchvớicácloại hosting khôngcao, hoạtđộngkémổnđịnhtrên host

windows

- Truyvấnđến SQL server nhiều

- SEO kémnếukhôngbiếtvậndụnglinhhoạt

- Khôngcócơchế ping mặcđịnh

2 Cài đặt và cấu hình

2.1 Cài đặ t.

Để chạy được joomla ta cần XAMPP sao khi cài XAMPP bật

Apache và MySQL như hình.

Vào ổ C xampp vừa cài htdocs giải nén file joomla đặt ten theo ý mình

Tiếp theo ta phải tạo cơ sở dữ liệu MySQL http://localhost/phpmyadmin/

Page 4: Thiết kế web joomla

Create new database create.

sau đógõ vào thanh điều hướng của IE hay firefox “localhost/tên trang web” giao

diện cài đặt hiện ra chọn ngôn ngữ chọn vietnam

Tiếp theo kiểm tra cài đặt và chọn button tiếp theo.

Page 5: Thiết kế web joomla

Bước giấy phép ta đọc xong rồi nhấn tiếp theo.

Bước 4 cơ sở dữ liệu chọn loại cơ sở dữ liệu tên máy chủ localhost tên đăng

nhập root mật khẩu toor tên cơ sở dữ liệu webdemo.

Page 6: Thiết kế web joomla

Bước 5 cấu hình FPT

Bước 6 cài đặt cấu hình.

Page 7: Thiết kế web joomla

Bước 7 hoàn thành chọn vào gỡ bỏ thư mục cài đặt.

Vào trang quản trị

Page 8: Thiết kế web joomla

http://localhost/webdemo/administrator/ vào được giao diện quản trị của joomla.

1. Cài đặt template.

Vào Extensions Extension manager như hình vào

mục Upload packge file chọn vào duyệt đến file template trong máy chọn vào

Upload & install.

Page 9: Thiết kế web joomla

Vào Extensions template manager chọn vào template vừa upload.

Page 10: Thiết kế web joomla

2.2 Tạobàiviế t

Content article managernew(cómộtbàiviết).

Title :tiêuđềbàiviết.

Alias: bídanhcủabàiviết.

Category: bàiviếtthuộc category nào.

Status: bàiviếtđượchiểnthịrangoàikhông

+ published :dượchiểnthịrangoài

+ unpublished: khôngđượchiểnthịrangoài

+ archived: bàiviếtđặctrưng

+ trashed: lưutrữtạmthời.

Access:

+ public: tấtcảmọingườiđiềuđượcxembàiviết

+ registered: phảiđăngkýthànhviênmớixemđượcbàiviết

+ special: nhómngười.

Page 11: Thiết kế web joomla

Tiếptheovào content category Manager new (cónhiềuhơnmộtbàiviết).

Đặttêncho title tiếptheosẽ save lạirồi quay lại

Page 12: Thiết kế web joomla

Content article manager new

Title gõtêntiêuđề, category chọnmụcthíchhợpvớibàiviết.

2.3 Tạo menu

Menus main menu Save

sủalại menu tiltethành “TrangChu”

Page 13: Thiết kế web joomla

Tiếptheocũngvào Menus main menu add new menu item

menuitem type select single Article.(single Article dùngkhi chi

cómộtbàiviết).

Tạimục Select a Menu Item Type Articles Single Article

Single Article dùngtạo menu mộtbàiviết.

Page 14: Thiết kế web joomla

Khihiệnrabảng Menu Manager: New Menu Item

Tạimục Menu item type “Single Article “

Tạimục Menu Tile điềntênthíchhợp

Tạimuc parent Item chọnmụcthíchhợp

Page 15: Thiết kế web joomla

Tạo menu cónhiềubàiviết ta vàomục select a Menu Item Type

Articles Category Blog.

Page 16: Thiết kế web joomla
Page 17: Thiết kế web joomla
Page 18: Thiết kế web joomla

Đưa menu rangoàivào extensions extension manager

vàomụcduyệtchọntemlplatesauđóchọnupload&intall

Tiếptheochọnvào extensions template manager chọn template

mớicàivàođểhiểnthịlên web.

Page 19: Thiết kế web joomla

2.4 CÀI MODULE TRÌNH DIỂN ẢNH

Vào content media manager tạomớimột folder

Saukhitạothànhcông folder ta vào extensions extension manager

chọnđườngdẩnđến module cầncàivàojoomla.

Vàophầnquảnlý module; extensions module manager chọnvào module

mớicàiđểcấuhình

Mụctitle :tên module

Show Title: cọn Hide

Position:chọn position 15 (http://localhost/webdemo/?tp=1)

ở Slides manager chọnảnhtrìnhdiển

Page 20: Thiết kế web joomla
Page 21: Thiết kế web joomla
Page 22: Thiết kế web joomla

2.5 CÀI MODULE TIN TUC CẬP NHẬT.

Extensions extension manager chon module “tin mới”

Cấuhìnhđểhiệnthịlêntrang web vào Extensions module manager

Page 23: Thiết kế web joomla