Cách cài đặt trang web WordPress trên localhost

Bài này thuộc phần 3 của 16 trong series Học WordPress căn bản

Bạn muốn học cách sử dụng WordPress.

Nhưng bạn vẫn chưa sẵn sàng để có một website hoàn chỉnh. Nói cách khác bạn chưa muốn mua host hay domain vội.

Cài đặt WordPress trên localhost là giải pháp hợp lý cho bạn.

Bạn có thể tập trung vào việc học cách sử dụng WordPress mà không phải phân tâm vào việc quản trị host. Hay là chọn lựa domain.

Mua domain và hosting phù hợp hơn khi bạn có trong tay một kế hoạch phát triển website cụ thể.

Trong bài viết này mình sẽ cung cấp cho bạn một hướng dẫn hoàn chỉnh về cài đặt WordPress trên localhost.

Bạn sẽ học cách cài đặt localhost với XAMPP. Sau đó, bạn sẽ nắm những bước cần thiết để cài đặt một trang WordPress trên localhost.

Đầu tiên, chúng ta cùng tìm hiểu thế nào là localhost.

1. Localhost biến máy tính cá nhân thành server

Localhost là một máy chủ (server) được dựng lên từ chính chiếc máy tính cá nhân của bạn. Bản thân localhost hoạt động không khác gì một web server bình thường. Sau khi thiết lập localhost, bạn có thể mở trình duyệt nhập vào địa chỉ trang web được cài đặt trong localhost. Localhost sẽ xử lý yêu cầu này và trả về trang web bạn yêu cầu.

Để vận hành trang web WordPress, localhost bao gồm các thành phần sau:

  • Phần mềm Webserver có tên gọi là Apache.
  • Phần mềm PHP ( hay còn gọi là PHP compiler) chịu trách nhiệm xử lý mã PHP vì WordPress được viết bằng PHP.
  • Phần mềm MySQL Server để lưu trữ dữ liệu cho các trang WordPress
  • Phần mềm PhpMyAdmin đóng vai trò là công cụ để quản trị cơ sở dữ liệu MySQL. Nói cách khác, bạn sử dụng phần mềm này vào các tác vụ với cơ sở dữ liệu như thêm cơ sở dữ liệu (database), xem bảng…

Vậy bạn truy cập môi trường localhost như thế nào?

Đầu tiên bạn cài đặt môi trường localhost trên máy tính của bạn. Sau đó bạn có thể truy cập localhost thông qua trình duyệt với địa chỉ http://localhost hay http://127.0.0.1

2. Dễ dàng cài đặt localhost với XAMPP

Để cài đặt localhost, chúng ta sử dụng phần mềm phổ biến Xampp. Trước khi cài đặt Xampp, bạn cần lưu ý mấy điểm sau:

a. Nếu bạn dùng Skype

Mặc định, localhost sẽ hoạt động trên cổng 80. Trong khi Skype đã sử dụng cổng này. Do vậy localhost sẽ không hoạt động. Giải pháp cho vấn đề này là bạn thay đổi cổng của Skype. Cụ thể bạn mở Skype -> Tools -> Options -> Advanced -> Connection và bỏ chọn “Use port 80 and 443…”. Rồi nhập một cổng bất kỳ để Skype sử dụng. Cuối cùng ấn Save để lưu lại kết quả.

cấu hình skype

Bạn nhớ khởi động lại máy tính để cập nhật lại hệ thống port.

b. Tắt tường lửa

Nếu máy bạn có bật tường lửa từ Windows hay cài một phần mềm diệt virus, hãy tắt nó đi vì có thể nó sẽ chặn cổng 80 hoặc các ứng dụng khác của server.

c. Tắt User Account Control (UAC) trên Windows

Nếu máy bạn đang bật UAC, tắt nó đi khi dùng localhost để tránh các vấn đề bị giới hạn quyền.

Hướng dẫn cài đặt localhost

Bước 1: Tải về phần mềm Xampp mới nhất:

Bạn truy cập vào địa chỉ https://www.apachefriends.org/download.html và chọn phiên bản phù hợp với hệ điều hành của bạn. Ở đây mình chọn bản 5.6.24

tải về xampp

Bước 2: Nhấp chuột vào file exe bạn vừa tải về để cài đặt. Một hộp thoại xổ ra, bạn chọn Next để tiếp tục.

cài đặt wordpress trên localhost 2

Bước 3: Ở bước chọn Components, bạn chỉ cần những Components cần thiết như hình bên dưới. Sau khi chọn xong, nhấn Next.

cài đặt wordpress trên localhost 3

Bước 4: Chọn thư mục cài đặt XAMPP

Mặc định, XAMPP sẽ cài đặt ở ổ C. Bạn nên tránh ổ chứa hệ điều hành. Như hình bên dưới, mình chọn ổ D

cài đặt wordpress trên localhost 4

Bước 5: Ở hộp thoại tiếp theo bạn bỏ chọn Learn more about Bitnami for XAMPP, rồi nhấp chuột vào Next.

cài đặt wordpress trên localhost 5

Bước 6: Tiến trình cài đặt:

Lúc này, XAMPP sẽ được cài đặt vào máy tính của bạn với chi tiết bạn chọn ở các bước trên. Sau khi XAMPP cài đặt, bạn hãy khởi động lại máy tính.

Bước 7: Khởi động localhost:

Vào ổ D:xampp, rồi nhấp chuột vào xampp-control.exe để khởi động bảng điều khiển (control panel) của XAMPP.

cài đặt wordpress trên localhost 8

Bạn sẽ thấy hai ứng dụng Apache và MySQL có nút Start. Nó nghĩa là hai ứng dụng này chưa được khởi động. Bạn nhấp chuột vào từng nút Start để khởi động ứng dụng tương ứng.

Nếu 2 ứng dụng chuyển sang màu xanh, nó nghĩa là tiến trình khởi động thành công.

cài đặt wordpress trên localhost 9

Bước 8: Kiểm tra localhost trên trình duyệt

Mở trình duyệt bất kỳ, và nhập vào địa chỉ http://locahost. Nếu bạn nhìn thấy màn hình bên dưới, bạn đã cài đặt thành công môi trường localhost trên máy tính.

cài đặt wordpress trên localhost 10

Tiếp theo chúng ta tiến hành tạo cơ sở dữ liệu MySQL

3. Học cách tạo cơ sở dữ liệu (Database) MySQL

Bước 1: Truy cập PhpMyAdmin

Trên trình duyệt, bạn truy cập vào đia chỉ http://localhost/phpmyadmin.Màn hình quản trị của PhpMyAdmin hiện ra. Bạn ấn vào nút Database

cài đặt wordpress trên localhost 11

Bước 2: Bạn nhập vào tên cơ sở dữ liệu. Ở phần Collation bạn chọn utf8_unicode_ci. Cuối cùng ấn nút Create để tạo cơ sở dữ liệu.

cài đặt wordpress trên localhost 12

Như vậy chúng ta đã tạo một cơ sở dữ liệu với thông tin như sau:

Database Host: localhost

Database user: root

Database password: trống

Database name: toolofblogger

Bạn sẽ sử dụng những thông tin này trong quá trình cài đặt WordPress ở bước bên dưới.

4. Tăng sức mạnh localhost với tên miền ảo


Mặc định, bạn truy cập localhost với địa chỉ http://localhost. Tuy nhiên bạn có thể truy cập với một tên miền ảo chẳng hạn http://local.thuthuatwp.com.

Ở đây mình sẽ hướng dẫn các bước để cấu hình một tên miền ảo

Bước 1: Thiết lập tên miền ảo trỏ về IP 127.0.0.1

Bạn sẽ thiết lập thay đổi ở file hosts nằm trong C:WindowsSystem32driversetc. Để thay đổi file này, bạn cần chỉnh sửa lại quyền.

Đầu tiên nhấp chuột vào hosts, rồi chọn Properties

cài đặt wordpress trên localhost 14

Hộp thoại xổ ra, chọn Security -> SYSTEM, rồi ấn vào nút Edit

cài đặt wordpress trên localhost 15

Tiếp theo, chọn Users -> Chọn Full Control Allow -> Chọn Apply

Lúc này, bạn đã có quyền chỉnh sửa file hosts.

Mở file Hosts với NotePad hoặc phần mềm chỉnh sửa text bất kỳ. Thêm đoạn text như hình bên dưới vào cuối file

cài đặt wordpress trên localhost 17

Bước 2: Tạo thư mục trong D:xampphtdocs

Bạn di chuyển tới D:xampphtdocs và tạo thư mục với tên local.thuthuatwp.com, giống như tên bạn cấu hình trong file hosts.

cài đặt wordpress trên localhost 31

Bước 3: Sửa file httpd-vhost.conf

Di chuyển đến D:xamppapacheconfextra. Rồi mở file httpd-vhost.conf

Xóa dấu ## ở dòng NameVirtualHost *:80

Và thêm đoạn mã sau vào cuối file:


ServerAdmin contact@local.thuthuatwp.com
DocumentRoot "D:/xampp/htdocs/local.thuthuatwp.com"
ServerName local.thuthuatwp.com

Chú ý bạn thay đổi thông tin cho phù hợp với môi trường của bạn.

Bước 4: Kiểm tra xem là mọi thứ đã OK chưa

Bạn mở trình duyệt, và nhập vào địa chỉ http://local.thuthuatwp.com. Nếu bạn nhìn thấy màn hình bên dưới, mọi thứ đã hoạt động tốt.

cài đặt wordpress trên localhost 19

5. Cách cài đặt WordPress trên localhost

Bước 1: Tải phiên bản WordPress mới nhất từ WordPress.org

Đầu tiên, bạn nhập địa chỉ sau: https://wordpress.org/download/

Ấn vào nút download để tải về mã nguồn WordPress

Sau khi tải xong, bạn giải nén file zip. Lúc này bạn có được thư mục wordpress chứa toàn bộ mã nguồn wordpress

cài đặt wordpress trên localhost 20

Bước 2: Copy toàn bộ file trong thư mục wordpress vào thư mục local.thuthuatwp.com mà chúng ta tạo bước trên.

cài đặt wordpress trên localhost 21

Bước 3: Chạy tiến trình cài đặt trên trình duyệt

Nhập địa chỉ http://local.thuthuatwp.com trên trình duyệt. Lúc này bạn nhìn thấy màn hình chọn ngôn ngữ cài đặt WordPress. Chọn English và ấn Continue

cài đặt wordpress trên localhost 22

Ở màn hình tiếp theo bạn ấn vào Let’s go

cài đặt wordpress trên localhost 23

Bây giờ chúng ta nhập vào thông tin cơ sở dữ liệu mà chúng ta đã tạo bước trên. Ấn nút Submit để sang bước kế tiếp.

cài đặt wordpress trên localhost 24

Nếu bạn nhập thông tin chính xác, bạn sẽ nhìn thấy màn hình sau:

cài đặt wordpress trên localhost 25

Hãy ấn nút Run the Install để bắt đầu cài đặt.

Bước tiếp theo, bạn sẽ nhập vào các thông tin quan trọng cho website: như tên của trang web, username và mật khẩu để truy cập vào trang quản trị. Nhập xong, ấn vào nút Install WordPress

cài đặt wordpress trên localhost 26

Quá trình cài đăt thành công bạn sẽ nhìn thấy màn hình thông báo như bên dưới:

cài đặt wordpress trên localhost 27

WordPress sẽ cung cấp 2 hệ thống: front-end và back-end. Back-end là phần quản trị trang web của bạn. Ở đây bạn có thể thực hiện hàng loạt các tác vụ quản trị wesite như viết, chỉnh sửa bài vân vân.

Để truy cập vào trang quản trị, bạn nhập vào địa chỉ:http://local.thuthuatwp.com/wp-admin. Bạn sử dụng username và mật khẩu ở bước trên để đăng nhập

cài đặt wordpress trên localhost 28

Và đây là giao diện trang quản trị WordPress

cài đặt wordpress trên localhost 29

Về front-end, đây chính là giao diện người sử dụng, nơi mà khách sẽ ghé thăm trang của bạn. Nhập địa chỉ http://local.thuthuatwp.com, sẽ nhìn thấy trang chủ WordPress sau khi cài đặt

cài đặt wordpress trên localhost 30

Lời kết

Như vậy trong bài viết này, mình đã hướng dẫn bạn từng bước quá trình cài đặt một trang WordPress trên môi trường localhost.

Đầu tiên bạn đã biết được cách dựng localhost sử dụng phần mềm XAMPP. Bạn cũng biết cách sử dụng tên miền ảo trong môi trường localhost.

Cuối cùng bạn đã học cách cài đặt WordPress thông qua giao diện web.

Bây giờ bạn đã sẵn sàng thực hành và trải nghiệm WordPress.

Như thường lệ, nếu bạn gặp bất kỳ khó khăn gì với quá trình cài đặt trên, hãy để lại comment bên dưới.

Xem bài trong seriesPhần trước: Sự khác biệt giữa WordPress.org và WordPress.com?Phần kế tiếp: Tổng quan về WordPress và các chức năng chính