BTL XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN SỬ DỤNG WORDPRESS

Nhóm 10- clc k9

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
----------o0o----------

BÀI TẬP LỚN
MÔN MÃ NGUỒN MỞ
Đề tài: Xây dựng trang web bán dày dép
với mã nguồn mở wordpress
Giảng viên hướng dẫn: Ths.
Lớp
: ĐH KTPMCLC K9
SV thực hiện : Nhóm 10
1. Nguyễn Văn Phượng
2. Nguyễn Văn Phương
Hà Nội,ngày 20 tháng 04 năm 2017

1

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

LỜI NÓI ĐẦU
Ngày nay chúng ta đang sống trong kỷ nguyên của khoa học công nghệ, đặc biệt là
công nghệ thông tin. Trong thời đại bùng nổ thông tin và có rất nhiều phương thức
truyền đạt thông tin thì phương thức truyền thông tin bằng công nghệ số là nhanh và
phổ biến nhất, được nhiều người tiếp cận nhất. Công nghệ thông tin không chỉ dừng lại
ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống, chính trị, kinh tế,

xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho con người, đặc biệt trong
lĩnh vực kinh tế, công nghệ thông tin đã thực sự có nhiều đóng góp quan trọng trong
công việc quản lý, quảng cáo sản phẩm, hoàng hóa của các công ty, xí nghiệp, doanh
nghiệp lớn nhỏ. Những ứng dụng của công nghệ thông tin đã mang lại nhiều lợi ích
không nhỏ, đạt hiệu quả kinh tế cho những công ty, xí nghiệp đó. Muốn bán và đưa
các sản phẩm cho mọi người biết một cách rộng rãi và nhanh chóng thì cần phải quảng
cáo. Vì vậy, xây dựng một website quảng cáo và bán các sản phẩm là điều tối cần thiết
đối với mọi công ty, doanh nghiệp để tồn tại và phát triển trong nền kinh tế thị trường
cạnh tranh khốc liệt ngày nay.
Thực tế các website bán hàng trực tuyến đều được xây dựng dựa trên các mã nguồn
xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp có thể đưa gian hàng của mình
lên thị trường Internet.
Chính vì vậy,em đã chọn đề tài “Thiết kế website bán hàng dày dép trực tuyến
bằng mã nguồn mở Wordpress”.
Với kiến thực hạn hẹp,thời gian nghiên cứu không dài, tài liệu tham khảo có chưa
nhiều, do vậy đồ án không tránh khỏi những sai sót. Mong thầy cùng các bạn chia sẻ,
góp ý để đồ án được hoàn thiện.
Nhóm em xin chân thành cám ơn!

2

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

MỤC LỤC
Trang

CHƯƠNG I

3

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
GIỚI THIỆU VỀ WORDPRESS
1.1.

Khái niệm Wordpress

Wordpress là một mã nguồn web mở để quản trị nội dung (CMS - Content
Managament System ) và cũng là một nền tảng Blog (Blog Platform) được viết trên
ngôn ngữ PHP sử dụng hệ quản trị cơ sở dữ liệu MYSQL được phát hành đầu tiên vào
ngày 27/5/2003 bởi Matt Mullenweg và Mike Little.
Thực ra Wordpress lúc đầu mới công bố ra nó không được xem như là một
CMS vì sức mạnh của nó cũng có giới hạn ít nhiều nên lúc đó cộng đồng xem
Wordpress chỉ là một mã nguồn được lựa chọn để phát triển blog cá nhân bình thường
với các tính năng rất cơ bản là hỗ trợ tạo trang tĩnh, tạo bài viết có nhúng tính năng
bình luận bài viết để thành viên có thể tương tác.
Tuy vậy, so với công nghệ lúc bấy giờ thì Wordpress cũng đã có những bước
tiến vượt bậc so với những đối thủ khác mà cái quan trọng nhất là tính tương tác hoàn
toàn đơn giản để có thể gần gũi với người sử dụng không chuyên. Vì vậy lúc đó
Wordpress đã bắt đầu trở thành một mã nguồn mở được nhiều người chú ý đến và
nhận đóng góp từ những người sử dụng để có thể phát triển được tốt hơn.
Theo một số Webmaster có kinh nghiệm thì Wordpress hoạt động nhẹ nhàng,ít tốn tài
nguyên. Wordpress dễ sử dụng nhất trong 3 CMS, nó giúp bạn có một Blog trong vài
phút. Hơn nữa các plugin của wordpress có rất nhiều và 99% là miễn phí và bạn có thể
cài đặt và nâng cấp các plugin này ngay trong phần quản lý của Wordpress mà không
cần phải download.

Wordpress được chính thức phát hành vào năm 2003, nhưng thực tế thì tiền
thân của nó đã có mặt vào năm 2011. Lúc đó thì sự phát triển của Internet ở Việt Nam
chưa cao, con số người sử dụng các dịch vụ blog miễn phí là khá lớn, chủ yếu là dựa
vào dịch vụ blog miễn phí của Yahoo. Đối với cộng đồng người dùng Wordpress trong
thời điểm này cũng còn hạn chế bởi những phiên bản đầu tiên của Wordpress chưa thật
sự thu hút người dùng như bây giờ. Và sau thời gian hơn 10 năm hình thành và phát
triển, cho tới thời điểm hiện tại thì Wordpress được sử dụng trên hàng nghìn blog lớn
nhỏ và có tới hơn 10 triệu lượt truuy cập vào trang chủ của Wordpress mỗi ngày.
Wordpress là một bộ mã nguồn mở, có lẽ vì điều này mà tạo nên sự thành công
của Wordpress như ngày hôm nay. Điều này có nghĩa là Wordpress được tạo ra bởi
cộng đồng và phục vụ cho lợi ích của cộng đồng ,nó được phát triển bởi hàng trăm tình
nguyện viên trên thế giới và rất rất nhiều lập trình viên khác đã đóng góp vào đây. Và
4

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
để sử dụng Wordpress thì bạn không cần phải trả bất kỳ chi phí nào cho bộ mã nguồn
này.
1.2.

Lịch sử phát triển

B2/cafelog thường được biết đến với cái tên đơn giản là B2 hay cafelog là tiền
thân của wordpress . B2/cafelog theo ước lượng đã sử dụng 2000 blog trong tháng 5
năm 2003. Nó đã được viết bằng ngôn ngữ lập trình PHP sử dụng với MySQL bởi
Michel Valdrighi, người đã trở thành nhà phát triển chính của Wordpress hiện nay.
Mặc dù Wordpress là hậu duệ chính thức nhưng một dự án khác, b2evolution, cũng
đang được song song phát triển.

Năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh Movable type bị
thay đổi bởi Six Apart, nhiều người dùng chuyển sang sử dụng Wordpress, tạo nên
một bước ngoặt lớn trong sự phất triển và phổ biến của Wordpress.
Năm 2007 Wordpress giành giải thưởng Packt Open Source CMS , năm 2009,
Wordpress dẫn đầu về mã nguồn mở CMS tốt nhất.
Năm 2011, số người sử dụng Wordpress đã lên đến con số 50 triệu site
1.3.

Các đặc tính nổi bật của CMS Wordpress

 Hệ thống Plugin phong phú và cập nhật liên tục,bạn cũng có thể tự viết plugin
cho mình.
 Hỗ trợ nhiều ngôn ngữ (bao gồm cả Tiếng Việt).
 Được cập nhật, vá lỗi và hỗ trợ liên tục.
 Có rất nhiều Themes miễn phí, chuyên nghiệp và SEO rất tốt.
 Dễ dàng quản lý và thao tác, việc quản lý blog, bài viết giống như các phần
mềm thiết kế web chuyên nghiệp.
 Tích hợp sẵn Latex- công cụ soạn thảo công thức toán học, bạn có thể viết công
thức toán học ngay trong bài viết.

 Upload và quản lý hình ảnh một cách dễ dàng, đặc biệt là chức năng tạo
thumbnail rất hay.
5

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
 Có một hệ thống Widget đa dạng ( ứng dụng tạo thêm ) như Thống kê số người
truy cập, Danh sách các bài viết mới, các bài viết nổi bật, được xem nhiều, được

comment nhiều, Liệt kê các chuyên mục , Liệt kê các trang, Bài viết theo ngày
tháng,..có đến trên 23 Widget để bạn tha hồ lựa chọn.
 Thống kê số truy cập từng ngày đối với mỗi bài viết của blog . Trên cơ sở đó
bạn có thể định hướng viết gì tiếp theo.
 Hệ thống quản lý và duyệt Comment rất hay, có thể chặn spam theo IP.
 Hệ thống phân quyền với nhiều cấp độ khác nhau như : Administraor, Author,
Edittor, Contributer, Subcriber. Mỗi phân quyền sẽ có các quyền hạn khác nhau như
được phép đăng bài viết, sửa bài viết, xóa bài viết, duyệt comment.
 Sao lưu dữ liệu một cách dễ dàng để backup hoặc chuyển nhà sang một nơi
khác.
 Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger,
LiveJournal…
 Wordpress hỗ trợ 3G để lưu hình ảnh và văn bản.
 Hằng ngày Wordpress sẽ thống kê 100 bài viết trên các blog Tiếng Việt được
nhiều người đọc nhất. Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễn
ra.
 Và đặc biệt mới đây nhất Wordpress hỗ trợ việc quản lý blog qua mobile rất
thuận tiện và dễ dàng.

CHƯƠNG II
KHẢO SÁT, PHÂN TÍCH VÀ XÂY DỰNG WEBSITE BÁN HÀNG
6

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

2.1 Mục tiêu và yêu cầu xây dựng hệ thống
2.1.1 Mục tiêu

 Trang web được xây dựng nhằm trưng bày, giới thiệu các sản phẩm về giày dép
tới khách hàng khi tham quan trang web.
 Xây dựng phân chia các sản phẩm giày dép thành menu giúp khách hàng nhận

biết được các sản phẩm ở danh mục nào.
 Luôn cập nhật các sản phẩm mới một cách nhanh chóng, giúp khách hàng nắm
bắt thông tin nhanh nhất và rõ ràng nhất có thể.
 Cho phép tìm kiếm sản phẩm một cách nhanh chóng.
2.2.1 Yêu cầu hệ thống
 Yêu cầu về phần cứng và phần mềm
• Máy tính làm web server.
• Hệ điều hành Windown 8.
• Phầm mềm appsevr tích hợp PHP và MySQL, Wordpress 3.8.2
 Yêu cầu về Website:
Website chia làm hai phần:
• Phần dành cho khách hàng.
• Phần dành cho nhà quản trị.
 Yêu cầu về chức năng
• Chức năng quản trị viên
Để truy cập vào chức năng hệ thống, quản trị viên cần có một tài khoản để đăng nhập,
sau khi đăng nhập quản trị viên có thể thực hiện các chức năng sau:
- Đăng nhập: Quản trị viên đăng nhập vào hệ thống để quản lý toàn bộ hệ thống.
- Quản lý danh mục sản phẩm: Bao gồm các công việc thêm , sửa, xóa các thông
tin về sản phẩm.
- Quản lý sản phẩm: Bao gồm các công việc thêm sửa,xóa thông tin về sản phẩm,
cập nhật số lượng còn hay hết.
- Quản lý đơn hàng: Xử lý các đơn hàng của khách hàng, thanh toán và giao hàng
tới khách hàng.
- Quản lý danh sách khách hàng và ý kiến của khách hàng.
7

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
- Thống kê danh sách và doanh thu.
• Chức năng khách hàng:
Trước tiên khách hàng phải đăng ký một tài khoản ,sau khi đăng ký xong khách
hàng có thể đăng nhập vào hệ thống và thực hiện các chức năng sau:
- Khách hàng có thể tìm kiếm sản phẩm mà mình cần dựa trên danh mục và tên sản
phẩm.
- Sau khi tìm kiếm khách hàng có thể xem thông tin chi tiết về sản phẩm.
- Khách hàng có thể cho sản phẩm vào giỏ hàng bằng cách đặt mua và xem thông
tin về những sản phẩm khác.
- Sau khi chọn được giỏ hàng có thể đặt mua thông qua website.
- Khách hàng có thể quản lý đơn hàng mà mình đã mua.
- Ngoài ra khách hàng có thể gửi ý kiến phản hồi.
- Yêu cầu về giao diện
Website cần được trình bày dễ hiểu, giao diện gần gũi, khách hàng dễ nhìn thấy
thông tin họ cần tìm, cung cấp cho khách hàng những sản phẩm bán chạy, sản phẩm
mới cập nhật...
2.1. Khảo sát hiện trạng của trang web bán hàng online
2.2.1. Hiện trạng của trang web bán hàng online
Qua tìm hiểu và nghiên cứu các Website bán hàng online như:
/>
/>
/>
Em đã rút ra được một số vấn đề như sau:
Các trang Web đều cung cấp các sản phẩm đa dạng : quần áo, giày dép, các phụ
kiện.

Các thông tin sản phẩm mới được cập nhật liên tục, mẫu mã đa dạng, phù hợp
với mọi lứa tuổi.

8

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Cung cấp cho người dùng nhiều chức năng đơn giản như đăng ký tài khoản trên
trang web, tìm kiếm sản phẩm nhanh chóng, nhận thông tin từ web thông qua email.
Liên kết với các trang mạng xã hội để người dùng dễ dàng nhận thông tin khi
có cập nhật mới.
2.2.2. Yêu cầu đặt ra để phát triển trang web
Giao diện thân thiện, dễ nhìn, dễ sử dụng.
Nguồn thông tin sản phẩm đa dạng.
Thông tin sản phẩm cập nhật thường xuyên.
Các chức năng tìm kiếm, thêm vào giỏ hàng, cách thức liên hệ, liên kết với các
trang mạng xã hội.
Chức năng cập nhật, sửa, xóa.
Sơ đồ chỉ đường
Đối với người dùng :
Cho phép đăng ký thành viên.
Cho phép tìm kiếm, góp ý.
Đối với Admin:
Quản lý người dùng: thêm, sửa, xóa người dùng và Admin.
Cập nhật thường xuyên thông tin các sản phẩm
Hiển thị thông tin nhóm tin, danh mục
2.3.

Phân tích hệ thống

2.3.1. Yêu cầu chi tiết về Website
Hiện thị các danh mục sản phẩm.
Hiển thị chi tiết về sản phẩm có trong danh mục.

Hiển thị kết quả của việc tìm kiếm, đăng ký, đăng nhập trên hệ thống.
Hiển thị các sản phẩm mới cập nhật
2.3.2. Đối với người truy cập là người dùng
Cho phép đăng ký thành viên.
9

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Cho phép xem tin tức, thông tin sản phẩm.
Cho phép thêm vào giỏ hàng và mua hàng trực tuyến.
2.3.3. Đối với Admin
Quản lý người dùng: thêm, sửa, xóa người dùng.
Cập nhật các thông tin liên quan, sửa thông tin, xóa thông tin sản phẩm.
Kiểm tra thông tin sản phẩm trước khi đăn bài.
Hiện thông tin sản phẩm theo nhóm tin,danh mục
2.4.

Các chức năng cụ thể

2.4.1. Mô tả các chức năng
Đầu vào : Quản lý thông tin.
Cập nhật thông tin ( sửa, xóa,thêm mới).

Nhập thông tin và quản lý thông tin sản phẩm theo khuôn có sẵn.
Đầu ra: Hiện thị thông tin sản phẩm
Hiển thị thông tin sản phẩm theo danh mục.
Hiển thị thông tin tìm kiếm sản phẩm.
2.4.2. Phân tích chức năng
Khuôn thông tin sản phẩm:
Mã sản phẩm: Là số ký tự, đảm bảo tính duy nhất của thông tin.
Tên sản phẩm: thể hiện nội dung sản phẩm.
Thông tin sản phẩm: hiển thị thông tin chi tiết của sản phẩm .
Hình ảnh: thể hiện hình ảnh minh họa cho sản phẩm.

Nhập nội dung sản phẩm:
Thiết kế nhập: mã thông tin sản phẩm phải nhập bằng tay, đưa ra cảnh báo
nếu trùng thứ tự.
Nội dung sản phẩm: ghi rõ thông tin của sản phẩm.
Hình ảnh của sản phẩm: có thông báo nếu không có ảnh.
10

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Cập nhật thông tin sản phẩm: Cho phép chỉnh sửa, xóa hoặc thêm các sản phẩm
mới.
Xóa thông tin: Có thể xóa theo mục hay xóa từng sản phẩm.
Liên hệ: Khách hàng phản hồi qua Website, gửi nội dung vào Email của Admin.
Cho phép người dùng nhập các thông tin cá nhân để khẳng định chính xác là người đó.
Chức năng tìm kiếm: Cho phép khách hàng tìm kiếm sản phẩm theo tên sản
phẩm.
2.5.

Cài đặt Wordpress trên Localhost

2.5.1. Cài đặt Wordpress với AppServ
Tạo Localhost trên Windown với AppServ
Bình thường để chạy các website sử dụng mã nguồn như Wordpress, Joomla,
NukeViet, Drupal, Tomatocart…và các mã nguồn khác thì bạn phải upload lên hosting
hay server. Nếu chỉ để test website thì việc uploat lên hosting rất hạn chế, nếu sử dụng
hosting free thì nó còn không hỗ trợ một số hàm cần thiết cho mã nguồn do vậy việc
test là không đầy đủ.
Cấu hình AppServ
Sau khi download AppServ về giải nén vào ổ D hoặc E tránh ổ C ( ổ cài đặt
Windowns), để sau này khi cài đặt lại windowns sẽ không bị mất dữ liệu.
Sau khi giải nén, các file chương trình sẽ nằm trong thư mục AppServ,tìm
file appserv-win32-2.5.9.exe
- Chọn Next --> I Agree --> Chọn đường dẫn cài đặt AppServ (hoặc để mặc định) ->
Chọn các option cần thiết (có thể chọn tất cả).
- Điền vào thông tin của server :
- Nhập vào mật khẩu của user 'root' (ghi nhớ mật khẩu này để có thể vào MySQL hay

PHPMyAdmin) :
- Nhấp chọn Install --> Finish.

11

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Truy cập vào địa chỉ mặc định của chương trình http://localhost hoặc

http://127.0.0.1/, xem mục Status, nếu như hình dưới là chương trình đã hoạt động
chính xác, và bạn đã có thể bắt đầu để chạy web.
Cấu hình của AppServ sau khi cài đặt thành công:

Hướng dẫn sử dụng:
Thư mục để chạy web ( tương đương với thu mục root hay public_html trên
hosting) là \ AppServ \www
Ví dụ bạn muốn chạy Wordpress, giải nén wordpress vào thư mục htdocs. Đường
dẫn thư mục sẽ là \ AppServ \www\wordpress, tương ứng địa chỉ website là
http://localhost/wordpress/. Lưu ý là chỉ xem được website này trên máy tính của bạn.
Để quản lý Database truy cập vào http://loaclhost/phpmyadmin/.
Mặc định username là root, không có passwword,hostname là localhost.
Để tạo mới Database chọn tab Database, trong phần Create database gõ tên
database mà bạn muốn tạo vào, ô bên cạnh chọn utf8_unicode_ci click vào Create để
hoàn tất tạo mới database. Các database hiện có sẽ hiển thị ở cột bên trái.

2.5.2. Cài đặt Wordpress

12

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Trước tiên vào website để download bản mới nhất về,
và giải nén mà nguồn vào thư mục gốc của web server. Mình dùng Xampp thì sẽ là
htdocs.
Tiếp theo bạn gõ vào trình duyệt địa chỉ: http;//localhost/phpmyadmin/ để vào
php admin tạo cho mình một cơ sở dữ liệu tên tùy ý với điều kiện bạn phải nhớ tên
này. Cơ sở dữ liệu này sẽ được wordpress insert dữ liệu khi bạn cài đặt wordpress.

Tiếp đến bạn vào thư mục gốc của file wordpress vừa giải nén tìm đến file wp-configsample.php. File này là file cấu hình cho wordpress bạn đổi tên lại thành wpconfig.php và sửa các thông tin sau:
//** MySQL settings – You can get this info from your web host**//
/** The name of the database for Wordpress */
Define(‘DB_NAME’,’wordpress’); Tên cơ sở dữ liệu vừa tạo( Tên cơ sở dữ liệu vừa
tạo là wordpress)
/** MySQL database username */
Define (‘DB_USER’,’root’);//Username của cơ sở dữ liệu ( Đối với localhost sẽ mặc
định là root)
/**MySQL database passwword*/
Define(‘DB_PASSWORD’,”);// Pass của cơ sở dữ liệu (Bạn để trống ô này).
Bạn chỉ cần chú ý đến 3 thông tin đó và điền vào cho đúng. Save lại và mở một
trình duyệt nào bất kỳ gõ địa chỉ :http://locahost/site-name, với site-name là tên thư
mục bạn giải nén ra mặc định là wordpress.

13

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

Bạn điền đầy đủ thông tin site title ( tên website), username( tên đăng nhập
quản trị), password, twice( mật khẩu cho username tạo ở trên), your email( địa chỉ
email của bạn), privacy:bạn tick vào đây để chấp nhận website của bạn xuất hiện ở
trên các công cụ tìm kiếm( đối với các localhost thì không có cũng được). Sau khi điền
đầy đủ thông tin bạn nhấn vào nút Install Wordpress để bắt đầu cài đặt.
Khi cài đặt xong hiện ra giao diện như sau thì bạn đã cài đặt thành công:

14

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

Sau khi cài đặt thành công Wordpress thì chúng ta sẽ được cấu hình Wordpress
như hình. Đây là nơi thực hiện các cài đặt cho website bán hàng.

15

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

2.5.3. Việt hóa Wordpress
Để dễ sử dụng chúng ta nên việt hóa Wordpress cũng như các plugin.
Đầu tiên bạn cần tải file wp-vi.zip về máy. Sau nó giải nén ra sẽ được một số file như
thế này .

16

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

Sau đó bạn dùng FileZilla vào host thông qua FTP, vào thư mục wp-content và tạo
thêm thư mục với tên là Languages.

Tiếp đó, bạn upload tất cả các file Việt hóa ở dưới máy lên thư mục languages
vừa tạo. Tức là khi upload xong ,bạn vào thư mục languages sẽ thấy các file Việt hóa
bên trong.
Bây giờ hãy quay lại thư mục public_html trên host, tìm file wp-config.php
rồi tải về máy. Sau đó mở ra bằng Notepad++ tìm đoạn define(‘WPLANG’, ‘ ‘); sửa
thành define(‘WPLANG’,’vi’);
17

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Ấn lưu file này lại và upload đè lên host.
Bây giờ bạn hãy mở web Wordpress của bạn lên và đăng nhập vào wp-admin
sẽ thấy mọi thứ đã chuyển thành Tiếng Việt.
2.6.

Cài đặt plugin và Themes cho Wordpress

2.6.1. Cài đặt plugin
Plugin là những thành phần, chức năng mà chúng ta thêm vào WP để giúp ta
thực hiện những công việc nhất định. Tương tự như các Hack Mod ở các forum.
Tạm chia thành 02 phương pháp cài đặt: Tự động và Thủ công.
 Cài tự động : Đây là cách cài nhanh. Với cách này bạn sẽ cài plugin trong thư
viện plugin của WP nên rất an toàn và tin cậy. Tuy vậy bạn cũng không cài được các
plugin khác không nằm trong kho của WP. HT thường chọn cài bằng cách này. Tại
phần quản trị blog ( Dashbroad ), bạn vào Menu Plugin->Add New
Bạn nhập tên từ khóa, tác giả, tag…vào ô tìm kiếm để tìm plugin trong kho của
WP ( Yêu cầu kết nối Internet nếu đang test trên PC ). Thường thì bạn nên gõ tên
plugin sẽ tìm nhanh chóng và chính xác hơn.

Hệ thống sẽ liệt kê một danh sách kết quả, bạn chọn plugin mình cần rồi nhấn
Details để xem thông tin chi tiết về plugin hoặc nhấn Install Now để cài đặt.
Đợi một chút trong khi hệ thống bắt đầu quá trình cài đặt.
Khi nhận được thông báo : Successfully installed the plugin ten-plugin là bạn
đã cài đặt thành công. Nhấn vào Activate Plugin để kích hoạt. Tùy plugin mà có thể
có những cài đặt riêng khác nhau, phần này thuộc về sử dụng plugin nên chúng ta
không bàn tới.

18

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

 Cài thủ công:
Với cách này bạn sẽ có thể cài đặt được bất kỳ plugin nào bạn muốn. Trước hết bạn
cần tìm và tải plugin về may.
• Cách 1:
Sau khi tải plugin về máy, bạn giải nén và dùng trình FTP để up plugin vào thư mục
/wp-content/plugin/. Sau đó vào Dashboard-> Plugin. Tại đây sẽ xuất hiện danh
sách các plugin trên blog bạn, chọn plugin vừa tải lên , activate nó là xong.
• Cách 2 :
Tại phần quản trị blog ( Dashboard ) bạn vào Menu Plugins-> Add New, chọn tab
Upload.
Nhấn Browse rồi tìm đến file plugin bạn vừa tải về, chọn Open, nhấn Install Now
để hệ thống upload và cài đặt plugin cho bạn.
Lưu ý : WP chỉ hỗ trợ plugin dạng zip thôi. Nếu plugin của bạn ở dạng khác bạn cần
chuyển về zip trước khi thao tác.
2.6.2. Cài đặt Themes

Themes là giao diện của blog bạn, nó được xem như là bộ mặt hoặc cái áo cho blog
bạn. Nếu bạn chưa cài bất kỳ theme nào thì hệ thống sẽ dùng theme mặc định
( Twenty Ten).
a)

Tìm kiếm theme và cài đặt ngay trang quản trị

Nếu các bạn không hài lòng với giao diện mặc định thì có thể tìm kiếm và cài đặt
một giao diện khac ngay tại trang quản trị . Cách cài đặt hoàn toàn tương tự như
plugin. Các bạn vào Appearance -> Themes, chuyển qua tab Install Theme và tìm
19

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
theme theo tên, màu, kiểu chia cột, chủ đề..v.v…Hoặc có thể tìm những theme được
nhiều người sử dụng tại mục Featured ngay trên ô tìm kiếm.

Sau khi tìm theme, các bạn chọn Preview để xem trước và chọn Install để tiến
hành cài đặt.

20

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
Sau khi nhấn Install Now,các bạn nhấn Active để kích hoạt và bắt đầu sử dụng.

b) Cài đặt theme bằng cách upload len host
Nếu các bạn không thể tìm được một theme ưng ý trong thư viện có sẵn của
wordpress thì có thể vào các trang cung cấp theme khác để lựa chọn, có rất nhiều
website cung cấp những theme Wordpress vừa đẹp lại vừa miễn phí.
Sau khi tìm được một theme ưng ý thì bạn tiến hành upload thư mục theme vào wpcontent/themes. Sau đó các bạn vào Appearance -> Themes và nhấn Active vào
theme vừa upload.

21

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9
CHƯƠNG III
THIẾT KẾ WEBSITE BÁN HÀNG
3.1.

Giao diện trang chủ

 Trang chủ bao gồm các phần như Banner, thanh menu, phần nội dung, phần
right, phần bottom.
 Hiển thị danh mục sản phẩm mới, sản phẩm đặc trưng.
 Có những danh mục sản phẩm, thanh tìm kiếm theo tên, form đăng nhập, thống
kê số lượng sản phẩm đã cho vào giỏ hàng, video giới thiệu sản phẩm…
Theme mình cho website này có tên là Mesocolumn. Sau khi cài đặt thì nó ở dạng mặc
định. Chúng ta sẽ thay đổi banner và header cho theme.

22

Khoa CNTT-ĐH HAUI

Nhóm 10- clc k9

Ở giao diện trang chủ mình có tạo thêm 1 slideshow gồm các ảnh quảng cáo
cho sản phẩm và trang web.

Ta có thể dùng plugin WP flash img show. Đầu tiên ta phải cài đặt plugin này, sau đó
vào cài đặt vào chọn mở plugin này ra để bắt đầu tùy chỉnh và đăng ảnh.

23

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

Ở đây chúng ta sẽ chọn ảnh cần tạo slide và thêm vào dường dẫn. Lưu ý là các ảnh
cùng một kích thước.

Ở bảng tùy chọn, người dùng có thể thiết lập lại các giá trị theo ý muốn bao gồm màu
sắc viền, kích thước của mỗi ảnh trong slide….
24

Khoa CNTT-ĐH HAUI


Nhóm 10- clc k9

Để đăng các sản phẩm lên trang web thì ở đây mình dùng plugin

WooCommerce. WooCommerce rất phổ biến trong giải pháp tạo nên tính năng bán
hàng đơn giản ( nhưng cũng có thể chuyên nghiệp ) trong Wordpress. Theo các đánh
giá của người dùng nước ngoài thì Woocommerce rất tiện ích vì nó được thiết kế theo
chuẩn thương mại điện tử quốc tế, thế nhưng điều đó không có nghĩa là nó không có
các tính năng thích hợp dành cho cộng đồng người Việt theo thói quen kinh doanh trên
Internet tại Việt Nam.
25

Khoa CNTT-ĐH HAUI