MỤC LỤC MỞ ĐẦU....................................................................................................... 1 CHƯƠNG I: CƠ SỞ LÝ THUYẾT.............................................................. 2 1.1 Khái niệm website................................................................................ 2 1.2 Cấu trúc website................................................................................... 2 1.3 Phân loại website ................................................................................. 3 1.4 Cở sở dữ liệu ........................................................................................ 3 CHƯƠNG II: GIỚI THIỆU CHUNG WORDPRESS.................................. 5 2.1 Wordpress là gì?................................................................................... 5 2.2 Lý do chọn Wordpress? ....................................................................... 5 2.3 Cài đặt Wordpress................................................................................ 7 2.4 Các bước cơ bản để xây dựng website wordpress............................. 11 2.4.1Thiết lập môi trường ..................................................................... 11 2.4.2 Cài đặt các theme ......................................................................... 13 2.4.3 Cài đặt các plugin cho website .................................................... 16 2.4.4 Bảo mật cho website .................................................................... 20 2.4.5 Làm chủ wordpress – phát triển website của bạn........................ 20 2.5 Những hiểu lầm về Wordpress .......................................................... 21 2.5.1Wordpress chỉ là một phần mềm .................................................. 21 2.5.2 Wordpress chỉ dành cho người không biết code ......................... 21 2.6 Giới thiệu các chức năng cơ bản của wordpress................................ 21 CHƯƠNG III: THIẾT KẾ WEBSITE XEM PHIM................................... 26 3.1 Phân tích hệ thống website ................................................................ 26 3.1.1 Mô tả nghiệp vụ ........................................................................... 26 3.1.2 Các sơ đồ luồng dữ liệu ............................................................... 26 3.1.3 Cơ sở dữ liệu................................................................................ 30 3.2 Thiết kế giao diện............................................................................... 33 3.2.1 Giao diện trang chủ...................................................................... 33 3.2.2 Giao diện admin........................................................................... 35 3.2.3 Giao diện trang Movies................................................................ 36 3.2.4 Giao diện trang TV Shows........................................................... 37 3.2.5 Giao diện trang Videos................................................................ 37 3.2.6 Giao diện trang Blog.................................................................... 38 3.2.7 Trang chi tiết thông tin................................................................. 39 3.2.8 Trang Login,Register................................................................... 40 CHƯƠNG IV: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ......................... 41 4.1 Kết luận .............................................................................................. 41 4.2 Hướng phát triển trong tương lai ....................................................... 41 TÀI LIỆU THAM KHẢO....................................................
Trang 1BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIA ĐỊNH KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO
THỰC TẬP TỐT NGHIỆP TÊN ĐỀ TÀI
THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE XEM PHIM ỨNG DỤNG WORDPRESS
Giảng viên hướng dẫn: LÊ QUANG BẮC Sinh viên thực hiện: TRẦN MINH VŨ
MSSV: 2108110427 Lớp: K15DCPM03 Khóa: K15
Thành phố Hồ Chí Minh, tháng 07 năm 2024
Trang 2Thành phố Hồ Chí Minh, tháng 08 năm 2024
LỜI CẢM ƠN
Em xin gửi lời cảm ơn chân thành đến anh Lê Việt Mỹ cũng như Công ty Công ty TNHH dịch vụ Tổng đài tư vấn Việt Khương đã tạo điều kiện cho em được thực tập và học hỏi tại quý công ty Trong suốt thời gian thực tập, em đã nhận được sự hướng dẫn tận tình và sự hỗ trợ quý báu từ các anh chị trong công ty Những kinh nghiệm và kiến thức thực tế mà em học được tại đây đã giúp em rất nhiều trong việc hoàn thiện kiến thức chuyên môn và phát triển kỹ năng nghề nghiệp
Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến Thầy Lê Quang Bắc, người đã tận tình hướng dẫn, hỗ trợ và tạo mọi điều kiện thuận lợi để em hoàn thành tốt kỳ thực tập này Sự động viên và chỉ bảo của Thầy đã giúp em vượt qua nhiều khó khăn và hoàn thiện báo cáo thực tập này
Cuối cùng, em xin chân thành cảm ơn gia đình, bạn bè và các thầy cô trường Đại học Gia Định đã luôn động viên, khích lệ và tạo điều kiện tốt nhất để em có thể tập trung hoàn thành tốt kỳ thực tập này
Em xin kính chúc Thầy Lê Quang Bắc sức khỏe dồi dào và công tác tốt Chúc Công ty TNHH dịch vụ Tổng đài tư vấn Việt Khương ngày càng phát triển và đạt được nhiều thành công trong tương lai
Trân trọng! Trần Minh Vũ
Trang 3ĐÁNH GIÁ CỦA ĐƠN VỊ THỰC TẬP
1 Thái độ tác phong trong thời gian thực tập:
2 Kiến thức chuyên môn:
3 Nhận thức thực tế:
4 Đánh giá khác:
5 Đánh giá chung kết quả thực tập:
………, ngày ……… tháng ……… năm …………
TM Đơn vị thực tập
(Ký tên, đóng dấu)
Trang 4ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN
1 Thái độ tác phong trong thời gian thực tập:
2 Kiến thức chuyên môn:
3 Nhận thức thực tế:
4 Đánh giá khác:
5 Đánh giá chung kết quả thực tập:
………, ngày ……… tháng ……… năm …………
Giảng viên hướng dẫn
(Ký tên, ghi rõ họ tên)
Trang 5TRƯỜNG ĐẠI HỌC GIA ĐỊNH
KHOA CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự do – Hạnh phúc
BÁO CÁO THỰC TẬP TỐT NGHIỆP HÀNG TUẦN
Họ và tên SV: TRẦN MINH VŨ MSSV: 2108110427 Lớp: K15DCPM03
Giảng viên hướng dẫn: LÊ QUANG BẮC
Tên doanh nghiệp (đơn vị) đến thực tập: CÔNG TY TNHH DỊCH VỤ TỔNG ĐÀI TƯ VẤN VIỆT KHƯƠNG
Địa chỉ: Số 20/16, Đường số 8, Phường 11, Quận Gò Vấp, TP Hồ Chí Minh Điện thoại: 0919678265
Tên cán bộ phụ trách thực tập tại doanh nghiệp: LÊ VIỆT MỸ
Thời gian thực tập Từ: 20/05/2024 Đến: 28/07/2024
Stt Tuần thứ Nội dung CV thực tập trong tuần
Nhận xét của CB hướng dẫn tại DN
(Ký tên và ghi rõ họ tên)
Nhận xét của giảng viên hướng dẫn (Ký tên và ghi rõ
họ tên) 1
Tuần 1 (Từ ngày 20/05 đến ngày 26/05)
Cài đặt, tìm hiểu cách sử
dụng Wordpress
2
Tuần 2 (Từ ngày 27/05 đến ngày 02/06)
Lựa chọn và cài đặt theme
WordPress
3
Tuần 3 (Từ ngày 03/06 đến ngày 09/06)
Tìm hiểu về Pluggin
4
Tuần 4 (Từ ngày 10/06 đến ngày 16/06)
Thiết kế chỉnh sửa giao
diện
5
Tuần 5 (Từ ngày 17/06 đến ngày 23/06)
Phát triển và tùy chỉnh
các chức năng
6 Tuần 6 Tiếp tục phát triển và tùy
Trang 6(Từ ngày 24/06 đến ngày 30/06)
chỉnh các tính năng
7
Tuần 7 (Từ ngày 01/07 đến ngày 07/07)
Tiếp tục phát triển và tùy
chỉnh các tính năng
8
Tuần 8 (Từ ngày 08/07 đến ngày 14/07)
Tiếp tục phát triển và tùy
chỉnh các tính năng
9
Tuần 9 (Từ ngày 15/07 đến ngày 21/07)
Tìm hiểu cách triển khai
web lên hosting
10
Tuần 10 (Từ ngày 22/07 đến ngày 28/07)
Kiểm thử và tối ưu hóa
các chức năng
Trang 7MỤC LỤC
MỞ ĐẦU 1
CHƯƠNG I: CƠ SỞ LÝ THUYẾT 2
1.1 Khái niệm website 2
2.4 Các bước cơ bản để xây dựng website wordpress 11
2.4.1Thiết lập môi trường 11
2.4.2 Cài đặt các theme 13
2.4.3 Cài đặt các plugin cho website 16
2.4.4 Bảo mật cho website 20
2.4.5 Làm chủ wordpress – phát triển website của bạn 20
2.5 Những hiểu lầm về Wordpress 21
2.5.1Wordpress chỉ là một phần mềm 21
2.5.2 Wordpress chỉ dành cho người không biết code 21
2.6 Giới thiệu các chức năng cơ bản của wordpress 21
CHƯƠNG III: THIẾT KẾ WEBSITE XEM PHIM 26
3.1 Phân tích hệ thống website 26
3.1.1 Mô tả nghiệp vụ 26
3.1.2 Các sơ đồ luồng dữ liệu 26
3.1.3 Cơ sở dữ liệu 30
3.2 Thiết kế giao diện 33
3.2.1 Giao diện trang chủ 33
Trang 83.2.2 Giao diện admin 35
3.2.3 Giao diện trang Movies 36
3.2.4 Giao diện trang TV Shows 37
3.2.5 Giao diện trang Videos 37
3.2.6 Giao diện trang Blog 38
3.2.7 Trang chi tiết thông tin 39
3.2.8 Trang Login,Register 40
CHƯƠNG IV: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 41
4.1 Kết luận 41
4.2 Hướng phát triển trong tương lai 41
TÀI LIỆU THAM KHẢO 43
Trang 9DANH MỤC HÌNH ẢNH
Hình 1 Giao diện trang chủ WordPress 8
Hình 2 Giao diện chính phpMyAdmin 9
Hình 3 Giao diện tổng thể tài khoản người dùng 10
Hình 4 Tạo tài khoản người dùng 10
Hình 5 Tạo thông tin người dùng 11
Hình 6 Giao diện Themes 13
Hình 7 Giao diện nơi cài đặt Plugins 18
Hình 8 Add Plugins bằng cách upload Plugins 19
Hình 9 Plugin WooCommerce 19
Hình 10 Giao diện Plugin Elementor 20
Hình 11 Giao diện chính khi cài đặt Wordpress thành công 22
Hình 12 Giao diện quản lý Post 22
Hình 13 Giao diện quản lý Pages 23
Hình 14 Giao diện quản lý Comments 23
Hình 15 Giao diễn quản lý Themes 24
Hình 16 Giao diện quản lý Plugins 24
Hình 17 Giao diện quản lý người dùng 25
Hình 18 Giao diện settings WordPress 25
Hình 19 Usecase tổng quát 27
Hình 20 Sơ đồ tuần tự chức năng đăng nhập 28
Hình 21 Sơ đồ tuần tự chức năng tìm kiếm 28
Hình 22 Sơ đồ tuần tự chức năng comment 29
Hình 23 Sơ đồ tuần tự chức năng xem movies 29
Hình 24 Các thuộc tính dữ liệu table Users 30
Hình 25 Các thuộc tính dữ liệu table Comments 31
Hình 26 Các thuộc tính dữ liệu table Posts 32
Hình 27 Tổng quan cơ sở dữ liệu 33
Trang 10Hình 28 Giao diện trang chủ 33
Hình 29 Giao diện trang chủ 34
Hình 30 Giao diện trang chủ 34
Hình 31 Giao diện trang chủ 34
Hình 32 Giao diện Footer trang chủ 35
Hình 33 Giao diện admin quản lý Movies 35
Hình 34 Giao diện admin quản lý Videos 35
Hình 35 Giao diện trang Movies 36
Hình 36 Giao diện trang Movies 36
Hình 37 Giao diện trang TV Shows 37
Hình 38 Giao diện trang Videos 37
Hình 39 Giao diện trang Blog 38
Hình 40 Giao diện comment của Blog 38
Hình 41 Giao diện trang chi tiết thông tin 39
Hình 42 Giao diện comments 39
Hình 43 Giao diện nhân vật liên quan movies 40
Hình 44 Giao diện Login, Register 40
Trang 11MỞ ĐẦU
Trong thời đại số hóa ngày nay, việc xây dựng một website là nhu cầu tất yếu và đóng vai trò cực kỳ quan trọng trong việc quảng bá và tăng mức độ cạnh tranh trên thị trường của các công ty Trong khuôn khổ của chương trình thực tập của trường Đại Học Gia Định, tôi đã có cơ hội được tham gia vào một dự án thực tế về xây dựng website, chính là thực tập tại Công Ty TNHH dịch vụ Tổng đài tư vấn Việt Khương Trong quá trình thực tập, tôi đã được thực hiện các hoạt động như triển khai và xây dựng các tính năng cho website, cụ thể là website xem phim Qua đó, tôi đã được trải nghiệm học tập nhiều kiến thức, được rèn luyện thực tế và phát triển website của riêng mình
Báo cáo này được viết nhằm trình bày kết quả của quá trình thực tập của tôi đồng thời chia sẻ các kinh nghiệm và kiến thức mà tôi đã học được Báo cáo này bao gồm các phần chính sau:
Chương I: Cơ sở lý thuyết
Chương II: Giới thiệu chung wordpress Chương III: Thiết kế website xem phim Chương IV: Kết luận và hướng phát triển
Tôi hy vọng rằng báo cáo này sẽ cung cấp cho các bạn đọc một cái nhìn tổng quan về quá trình thực tập của tôi tại Công Ty TNHH dịch vụ Tổng đài tư vấn Việt Khương và đóng góp vào việc nâng cao kiến thức và kỹ năng về xây dựng và thiết kế website
Xin chân thành cảm ơn!
Thành phố Hồ Chí Minh, tháng 07, năm 202 4
Trang 12CHƯƠNG I: CƠ SỞ LÝ THUYẾT
1.1 Khái niệm website
Website là một tập hợp các trang web có một địa chỉ duy nhất trên internet dùng để xác định rõ vị trí của nó Một trang web (Web Page) là một hồ sơ web
Trang chủ của website thường gọi là Home Page, tức là trang chính đóng vai trò giới thiệu về website Trang này sẽ liên kết với tất cả các trang khác trong cùng website
- Logo: Đây là ảnh đại diện của một trang web
- Menu: Đây là nơi chứa các chuyên mục của trang web
- Search: Đây là nơi mà bạn có thể tìm các vấn đề mà bạn quan tâm trong trang web
b Phần Content
Đây là phần giữa của trang web Nó có chức năng là nơi chứa nội dung của trang web Tùy vào loại hàng và mặt hàng của trang web mà bạn có thể sắp xếp và tùy chỉnh theo ý thích Phần content cũng chia làm 2 phần như sau: - Home article title: Chứa nội dung chính của website Thông thường chỉ thể hiện ảnh đại diện, tiêu đề sản phẩm, danh mục sản phẩm và một phần mô tả bài viết
- Siderbar: Đây là nơi chứa các nội dung mà người đọc có thể quan tâm Thường nằm bên phải của website
c Phần Footer
Trang 13Đây là phần để các thông tin để người xem có thể liên lạc với chủ trang web khi cần thiết
1.3 Phân loại website
Các trang web tĩnh (Static Website)
Web tĩnh chính là những trang web cơ bản nhất Chúng không phải thay đổi nội dung liên tục và không được người dùng cập nhật Với dạng trang web này, khi muốn thay đổi bất kỳ nội dung gì trên website, người quản lý phải truy cập trực tiếp vào các mã lệnh để điều chỉnh, thay đổi thông tin và đòi hỏi cần phải biết lập trình phức tạp Đa phần, loại trang web này được tạo ra chủ yếu cho mục tiêu giới thiệu thông tin hơn là tương tác thường xuyên
Các trang web động (Dynamic Website)
Vậy Website động là gì? Ngược lại ở trên thì đây là những trang web mà nội dung luôn được cập nhật thường xuyên Những website khi lập trình sẽ bao gồm 2 phần như sau:
Một phần được hiển thị trên công cụ trình duyệt mà khi truy cập mạng ta thường thấy
Một phần còn lại nằm ngầm bên dưới dùng để điều khiển nội dung của website Nội dung phía sau gọi là phần quản trị và thông thường thì chỉ những người nắm quyền quản trị website mới được phép truy cập vào
1.4 Cở sở dữ liệu
Thiết kế cơ sở dữ liệu luôn là phần quan trọng khi bạn muốn thiết kế một website Bởi để có một trang web hoạt động thành công thì không chỉ phải đảm bảo tiến trình thực thi chính xác mà còn phải đảm bảo cấu trúc dữ liệu hợp lý
Với việc xác định trước các yếu tố liên quan đến môi trường xung quanh, chúng ta có thể tránh các xung đột trở về sau
Trang 14Cơ sở dữ liệu (viết tắt CSDL, còn gọi là: database) được hiểu theo cách định nghĩa kiểu kĩ thuật thì nó là một tập hợp thông tin có cấu trúc Tuy nhiên, thuật ngữ này thường dùng trong công nghệ thông tin và nó thường được hiểu rõ hơn dưới dạng một tập hợp liên kết các dữ liệu, thường đủ lớn để lưu trên một thiết bị lưu trữ như đĩa hay băng Dữ liệu này được duy trì dưới dạng một tập hợp các tập tin trong hệ điều hành hay được lưu trữ trong các hệ quản trị cơ sở dữ liệu
Phân loại cơ sở dữ liệu:
- Cơ sở dữ liệu dạng file: dữ liệu được lưu trữ dưới dạng các file có thể là text, ascii, *.dbf Tiêu biểu cho cơ sở dữ liệu dạng file là*.mdb Foxpro - Cơ sở dữ liệu quan hệ: dữ liệu được lưu trữ trong các bảng dữ liệu gọi là các thực thể, giữa các thực thể này có mối liên hệ với nhau gọi là các quan hệ, mỗi quan hệ có các thuộc tính, trong đó có một thuộc tính là khóa chính Các hệ quản trị hỗ trợ cơ sở dữ liệu quan hệ như: MS SQL server, Oracle, MySQL
- Cơ sở dữ liệu hướng đối tượng: dữ liệu cũng được lưu trữ trong các bản dữ liệu nhưng các bảng có bổ sung thêm các tính năng hướng đối tượng như lưu trữ thêm các hành vi nhằm thể hiện hành vi của đối tượng Mỗi bảng xem như một lớp dữ liệu, một dòng dữ liệu trong bảng là một đối tượng Các hệ quản trị có hỗ trợ cơ sở dữ liệu hướng đối tượng như: MSSQL server, Oracle, Postgres
- Cơ sở dữ liệu bán cấu trúc: dữ liệu được lưu dưới dạng XML, với định dạng này thông tin mô tả về đối tượng thể hiện trong các tag Đây là cơ sở dữ liệu có nhiều ưu điểm do lưu trữ được hầu hết các loại dữ liệu khác nhau nên cơ sở dữ liệu bán cấu trúc là hướng mới trong nghiên cứu và ứng dụng
Trang 15CHƯƠNG II: GIỚI THIỆU CHUNG WORDPRESS
2.1 Wordpress là gì?
WordPress là một công cụ, phần mềm mã nguồn mở (Open Source Software) dùng để để tạo lập, xuất bản các blog được viết bằng ngôn ngữ lập trình PHP (Hypertext Preprocessor) và sử dụng MySQL Database Mã nguồn mở WordPress rất dễ sử dụng nên được sử dụng trong rất nhiều loại website, blog lớn nhỏ trên thế giới Hiện nay, WP đang có số lượng người sử dụng vô cùng lớn, bao gồm cả các lập trình viên và những người sáng tạo web nghiệp dư Bên cạnh đó, WP cũng được xem như là một hệ quản trị nội dung (CMS -Content Management System) miễn phí cho người dùng tốt và phổ biến nhất trên thế giới
Mã nguồn mở WordPress cho phép người dùng tạo ra hàng loạt website khác nhau như blog, tin tức/tạp chí, doanh nghiệp, shopping/bán hàng… Không chỉ vậy, bạn cũng có thể sử dụng WordPress để thiết kế những website có độ phức tạp cao như đặt phòng khách sạn, đặt vé máy bay, bất động sản…
2.2 Lý do chọn Wordpress?
Nếu bạn vẫn còn băn khoăn về WordPress, mình xin chỉ ra cho bạn một số lý do rất tuyệt vời để bạn chọn WordPress làm nền tảng xây dựng website cho riêng bạn
Dễ sử dụng
WordPress được phát triển nhằm phục vụ đối tượng người dùng phổ thông, không có nhiều kiến thức về lập trình website nâng cao Các thao tác trong WordPress rất đơn giản, giao diện quản trị trực quan giúp bạn có thể nắm rõ cơ cấu quản lý một website WordPress trong thời gian ngắn Về cách cài đặt lại càng dễ hơn, bạn có thể tự cài đặt một website WordPress trên host (máy chủ) riêng của mình và tự vận hành nó sau vài cú click
Cộng đồng hỗ trợ đông đảo
Trang 16Là một mã nguồn CMS mở phổ biến nhất thế giới, điều này cũng có nghĩa là bạn sẽ được cộng đồng người sử dụng WordPress hỗ trợ bạn các khó khăn gặp phải trong quá trình sử dụng Nếu bạn có khả năng tiếng Anh tốt, bạn có thể dễ dàng tìm câu trả lời cho vấn đề bạn đang gặp phải trên Google chỉ với vài từ khóa tìm kiếm
Nhiều gói giao diện có sẵn
Tuy WordPress rất dễ sử dụng, nhưng việc tự tay thiết kế một giao diện website cho mình dựa trên WordPress không hề đơn giản và vẫn cần một kiến thức chuyên môn nhất định Tuy nhiên bạn không cần qua lo lắng về điều này, bởi vì hệ thống giao diện (bao gồm trả phí lẫn miễn phí) dành cho WordPress cực kỳ phong phú và bạn có thể sử dụng chỉ với vài cú click Nếu bạn chưa tin vào các giao diện làm sẵn dành cho WordPress đẹp như thế nào, hãy ghé thử ThemeForest, MyThemeShop, Theme-Junkies,…Hoặc bạn có thể xem các giao diện WordPress miễn phí tại thư viện WordPress.Org
Nhiều plugin hỗ trợ
Plugin mở rộng nghĩa là một thành phần cài đặt thêm vào WordPress để giúp nó có thêm nhiều tính năng cần thiết, ví dụ bạn cần tính năng làm trang bán hàng cho WordPress thì cài thêm plugin WooCommerce chẳng hạn Với lợi thế là người sử dụng đông đảo, nên thư viện plugin của WordPress cũng cực kỳ phong phú lẫn trả phí và miễn phí, hầu hết các tính năng thông dụng bạn đều có thš tìm thấy thông qua plugin
Dễ phát triển cho lập trình viên
Nếu bạn là một người có am hiểu về việc làm website như thành thạo HTML, CSS, PHP thì có thể dễ dàng mở rộng website WordPress của bạn ra với rất nhiều tính năng vô cùng có ích Cách phát triển cũng rất đơn giản vì WordPress là một mã nguồn mở nên bạn có thể dễ dàng hiểu được cách hoạt động của nó và phát triển thêm các tính năng Với hàng nghìn hàm
Trang 17(function) có sẵn của nó, bạn có thể thoải mái sử dụng, bạn cũng có thể thay đổi cấu trúc của một hàm với filter hook và hầu như quy trình làm việc của một lập trình viên chuyên nghiệp có thể ứng dụng dễ dàng vào WordPress
Hỗ trợ nhiều ngôn ngữ
Mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ đi kèm, bao gồm tiếng Việt Mặc dù trong mỗi giao diện hay plugin đều có ngôn ngữ riêng nhưng bạn có thể dễ dàng tự dịch lại nó với các phần mềm hỗ trợ
Có thể làm nhiều loại website
Dùng WordPress không có nghĩa là bạn chỉ có thể làm blog cá nhân, mà bạn có thể biến website mình thành một trang bán hàng, một website giới thiệu công ty, một tờ tạp chí online bằng việc sử dụng kết hợp các theme và plugin với nhau Tuy nhiên để làm được, bạn nên chắc chắn là đã hiểu được WordPress chứ đừng vội một bước lên mây để nhận các cảm giác thất vọng vì độ phức tạp của nó
2.3 Cài đặt Wordpress
Tải về file cài đặt mã nguồn Wordpress và lưu vào localhost
Bước 1: Để tải phiên bản mới nhất của Wordpress, bạn truy cập vào đường dẫn: https://wordpress.org/download/ và chọn vào mục Download như hình bên dưới và nhấn vào liên kết Download Wordpress để tải nó trực tiếp về máy tính
Trang 18Hình 1 Giao diện trang chủ WordPress
Bước 2: Giải nén tập tin wordpress-6.5.5.zip mà bạn vừa tải bằng cách ấn chuột phải và chọn vào Extract Here Kết quả bạn nhận được là thư mục có tên wordpress
Bước 3: Đổi tên thư mục wordpress vừa được giải nén thành tên website/blog mà bạn muốn tạo Bạn muốn đặt tên gì cũng được, miễn là viết liền mạch (không có dấu cách), không có dấu Tiếng Việt, không nên có ký tự đặc biệt Ví dụ đặt đúng sẽ là: webmau, blognauan, tintuc24h,… Bước 4: Sao chép (coppy) thư mục demo vừa đổi tên ở bước trên, đem bỏ vào thư mục htdocs tron XAMPP Thư mục htdocs có đường dẫn là: C:\xampp\htdocs Bước này là đang đưa file mã nguồn Wordpress vào trong host ảo(localhost) để chuẩn bị cho cài đặt
Tạo tài khoản người dùng và cơ sở dữ liệu trong phpAdmin
Trong phần này sẽ nói về mục đích của việc tạo tài khoản người dùng (user) và cơ sở dữ liệu (database) Tiếp theo đó là tuần tự các bước tạo user và database trong trang quản trị phpMyAdmin
Mục đích của việc tạo user và database
Trang 19WordPress là một Web CMS, nó tạo ra môi trường để người dùng (user) bên trong nó có thể tương tác với nhau cũng như tương tác với các tài nguyên thông tin ở đó Các tài nguyên này có thể là: hình ảnh, video, âm thanh, văn bản,…
Mỗi một hành động tương tác của người dùng (user) như: thực hiện các thiết lập, chỉnh sửa, xóa, sao chép, di chuyển, một đối tượng nào đó sẽ được lưu lại, và cái nơi dùng để lưu lại các hành động này chính là cơ sở dữ liệu (database)
Tóm lại: mục đích của việc tạo user và database là nhằm để lưu lại những tác vụ mà bạn hoặc người dùng (user) khác sẽ làm với website WordPress kể từ lúc cài đặt cho đến khi vận hành và phát triển nó
Còn phpMyAdmin thì nó đơn thuần là trang quản trị để bạn có thể tạo lập, quản lý một hay nhiều user và database
Các bước tạo tài khoản người dùng (user) và cơ sở dữ liệu (MySQL Database) trong phpMyAdmin
Bước 1: Bạn truy cập vào đường dẫn: http://localhost/phpmyadmin/ trên trình duyệt để mở trang quản trị phpMyAdmin
Hình 2 Giao diện chính phpMyAdmin
Trang 20Bước 2: Chuyển sang Tab Các tài khoản người dùng, lúc này sẽ như hình bên dưới
Hình 3 Giao diện tổng thể tài khoản người dùng
Bước 3: Nhấn vào mục tạo tài khoản người dùng như hình bên dưới Nhấn tạo tài khoản người dùng mới
Hình 4 Tạo tài khoản người dùng
Bước 4: Điền các thông tin cần thiết để tạo tài khoản người dùng và cơ sở dữ liệu, có thể thực hiện theo hình bên dưới:
Mục tài khoản điền: “wordpress”
Mục tên máy chọn: Nội bộ (cái này có nghĩa là localhost)
Trang 21Ở hai mục mật khẩu và g– lại: Bạn nhập vào 02 mật khẩu giống nhau, để cho dễ nhớ bạn hãy để mật khẩu là: “123456”;
Đánh dấu tick vào mục “Tạo cơ sở dữ liệu với cùng tên và cấp mọi đặc quyền“ Tức là tên user và tên database giống nhau
Hình 5 Tạo thông tin người dùng
(Lưu ý: Do trước đó đã tạo tên người dùng nên hiện dòng chữ “ Tài khoản đã sẵn có với
cùng tên nhưng có lẽ là một tên máy khác”
Bước 5: Xác nhận thực hiện tạo tài khoản người dùng và cơ sở dữ liệu bằng cách cuộn trang xuống phía dưới cùng rồi nhấn nút Thực hiện Nếu thành công nó sẽ có thông báo “Bạn đã thêm một người dùng mới”
Thông báo tạo thành công tài khoản người dùng và cơ sở dữ liệu
Như vậy là hoàn tất việc tạo tài khoản người dùng và cơ sở dữ liệu MySQL Database
Tiến hành cài đặt WordPress vào localhost
Bạn cần ghi nhớ các thông tin đã tạo trước đó để sẵn sàng cài WordPress nhé, điền thông tin không chính xác là không cài được đâu
2.4 Các bước cơ bản để xây dựng website wordpress 2.4.1Thiết lập môi trường
Đăng ký domain và mua hosting website bán hàng
Trang 22Domain và hosting là hai thứ không thể thiếu khi thiết kế website:
- Đối với domain: Còn gọi là tên miền của website (như vnexpress.net, google.com…), bạn nên chọn tên miền đảm bảo các yếu tố ngắn gọn - dễ nhớ - dễ phát âm Điều này sẽ giúp khách hàng tiếp cận nhớ lâu và có độ tin cậy với
thương hiệu cao hơn Bạn sẽ trả phí domain theo năm hoặc theo thời hạn, khi đến kỳ đóng tiền hoặc gia hạn tiếp thị nhà cung cấp sẽ nhắc bạn
- Đối với hosting: Đây là nơi giúp bạn lưu trữ các dữ liệu của website và mã
nguồn WordPress Hiểu một cách nôm na, khi khách hàng truy cập đến website
của bạn thông qua domain, thì hosting server sẽ gửi dữ liệu website đến thiết bị
và hiển thị trang web đó lên trình duyệt của khách hàng Hiện nay có 3 dạng
hosting chủ yếu: Shared hosting, VPS hosting và dedicated server
Trỏ domain về hosting website bán hàng
Sau khi đã có domain và hosting, để website có bắt đầu đi vào hoạt động thì bước kế tiếp là cho domain kết nối với hosting Mục đích của bước này là khi user domain của bạn vào trình duyệt thì sẽ kết nối được đến hosting nơi website của bạn được lưu trữ Khi đó user mới có thể truy cập vào website bán hàng của bạn
Cài đặt WordPress cho website bán hàng
Thành công 2 bước đầu thì giờ bạn đã có thể bắt tay cài đặt WordPress để tự thiết kế web Cài đặt WordPress cũng khá đơn giản, các hosting hầu hết đều được cung cấp bảng điều khiển cPanel (Ngoài ra còn có các bảng điều khiển khác như Plesk, DirectAdmin, CyperPanel,…) Tại cPanel bạn có thể
Trang 23thực hiện các tác vụ cấu hình hosting server cũng như cài đặt WordPress đơn giản
Đương nhiên sẽ mất phí cho những bước trên tùy vào chất lượng mỗi công cụ, vì vậy bạn cũng có thể sử dụng XAMPP để chạy wordpress trên localhost và điều này hoàn toàn không mất phí, có thể tham khảo cách mà tôi đã cài đặt ở phần trên
2.4.2 Cài đặt các theme
Theme trong WordPress là giao diện trực quan của website, bao gồm bố cục, màu sắc, kiểu chữ và các yếu tố thiết kế khác Theme được ví như bộ trang phục cho website, giúp website hiển thị đẹp mắt và thu hút người dùng
Việc tạo lập và phát triển một Website bằng WordPress cũng giống như khi bạn làm đẹp cho tổ ấm của mình Nếu chỉ xây dựng phần cơ bản mà không chú trọng đến việc trang trí, thì căn nhà chỉ mới dừng lại ở giai đoạn hoàn thiện cấu trúc
Nhưng, nếu bạn chọn lựa màu sắc phù hợp, bổ sung các đồ vật trang trí một cách hợp lý và tinh tế, chắc chắn rằng bất kỳ ai đi qua cũng sẽ phải dừng lại và ngưỡng mộ ngôi nhà của bạn ít nhất một lần
Hình 6 Giao diện Themes
Trang 24Một số cách phổ biến phân biệt các loại theme: Theo giá thành:
Theme miễn phí: Có sẵn trong kho theme của WordPress.org Ưu điểm là dễ dàng sử dụng, tiết kiệm chi phí Nhược điểm là thường có ít tính năng và tùy chỉnh hơn theme trả phí
Theme trả phí: Được bán bởi các nhà phát triển theme chuyên nghiệp Ưu điểm là có nhiều tính năng và tùy chỉnh hơn, hỗ trợ tốt hơn Nhược điểm là tốn chi phí
Theo mục đích sử dụng:
Theme blog: Phù hợp cho các blog cá nhân hoặc website tin tức
Theme doanh nghiệp: Phù hợp cho các website giới thiệu doanh nghiệp, sản phẩm hoặc dịch vụ
Theme bán hàng: Phù hợp cho các website bán hàng trực tuyến
Theme portfolio: Phù hợp cho các website giới thiệu portfolio (hồ sơ năng lực) của cá nhân hoặc doanh nghiệp
Theme giáo dục: Phù hợp cho các website giáo dục, trường học hoặc khóa học trực tuyến
Trang 25Theme từ nhà phát triển ít tên tuổi: Có thể có chất lượng thấp hơn, hỗ trợ kém hơn và ít được cập nhật hơn
Theme trong WordPress là một tập hợp các file mã, bao gồm:
File PHP: Xác định các khu vực hiển thị nội dung (ví dụ: header, footer, sidebar) và cách thức hiển thị nội dung đó
File CSS: Kiểm soát kiểu chữ, màu sắc, bố cục và các yếu tố thiết kế khác của theme
File JavaScript: Thêm các tính năng tương tác cho theme, ví dụ như menu trượt, hiệu ứng ảnh, v.v
File ảnh: Được sử dụng để hiển thị logo, hình nền, v.v trên website
Cách thức hoạt động của theme có thể được tóm tắt như sau:
Người dùng truy cập website WordPress tải các file của theme
WordPress sử dụng các file PHP để xác định cấu trúc và chức năng của website
WordPress sử dụng các file CSS để kiểm soát giao diện và bố cục của website
WordPress sử dụng các file JavaScript để thêm các tính năng tương tác cho website
WordPress hiển thị nội dung website cho người dùng
Có hai cách phổ biến để cài đặt theme WordPress:
Cách 1: Cài đặt theme từ thư viện theme WordPress.org
Bước 1: Truy cập vào giao diện quản trị WordPress của bạn Bước 2: Chọn Giao diện > Thêm mới
Bước 3: Duyệt qua các theme miễn phí trong thư viện theme
WordPress.org
Bước 4: Lọc theme theo mục đích sử dụng, tính năng, nhà phát triển, v.v Bước 5: Khi bạn tìm thấy theme ưng ý, hãy nhấp vào Cài đặt
Trang 26Bước 6: Sau khi cài đặt xong, nhấp vào Kích hoạt để sử dụng theme
Cách 2: Cài đặt theme thủ công
Bước 1: Tải theme bạn muốn cài đặt từ website của nhà phát triển hoặc từ kho theme trả phí
Bước 2: Giải nén file theme
Bước 3: Truy cập vào FTP hoặc File Manager của hosting WordPress của bạn
Bước 4: Tải lên thư mục wp-content/themes trên hosting của bạn Bước 5: Truy cập vào giao diện quản trị WordPress của bạn Bước 6: Chọn Giao diện > Thêm mới
Bước 7: Nhấp vào Tải lên Theme
Bước 8: Chọn file theme bạn đã tải lên và nhấp vào Cài đặt
Bước 9: Sau khi cài đặt xong, nhấp vào Kích hoạt để sử dụng theme Lưu ý:
Nên sao lưu website trước khi cài đặt theme mới
Xác định rõ nguồn gốc của theme trước khi cài đặt để tránh mã độc Cập nhật theme thường xuyên để đảm bảo bảo mật và tính năng mới nhất
2.4.3 Cài đặt các plugin cho website
Plugin trong WordPress là một hay nhiều đoạn code được bổ sung vào mã nguồn của website Plugin được xem là phần mở rộng của trang website giúp người dùng bổ sung thêm nhiều tính năng khác cho trang WordPress của mình Hiện nay có hàng ngàn Plugin với nhiều tính năng đa dạng và phong phú, chỉ cần lựa chọn các Plugin phù hợp với website của mình là được
Các plugins WordPress được viết bằng ngôn ngữ PHP PHP là ngôn ngữ phổ biến dùng để xây dựng những nền tảng như WordPress Có rất nhiều plugin WordPress mà có thể thêm vào website của mình, hầu hết là những plugin miễn phí Tuy nhiên, bên cạnh đó có một số plugin cần trả phí mới