Hướng dẫn cài đặt website WordPress trên localhost

Bạn muốn học sử dụng WordPress. Nhưng 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. Cài đặt WordPress trên localhost là giải pháp phù hợp cho bạn.

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

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

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

Bạn sẽ học 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 WordPress trên localhost.

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

Hotline thietkewebpro247.com

Hotline Thietkewebpro247

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

Localhost là máy chủ (server) được dựng từ chính 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 server bình thường. Sau khi thiết lập localhost, bạn mở trình duyệt nhập địa chỉ trang web được cài đặt trong localhost. Localhost sẽ xử lý yêu cầu và trả về trang web bạn muốn.

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

  • Phần mềm Webserver có tên Apache.
  • Phần mềm PHP ( còn gọi là PHP compiler) trách nhiệm xử lý mã PHP vì WordPress viết bằng PHP.
  • MySQL Server để lưu 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 vào các tác vụ 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 môi trường localhost trên máy tính. Sau đó bạn 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, ta sử dụng phần mềm Xampp. Trước khi cài Xampp, cần lưu ý mấy điểm sau:

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

Mặc định, localhost hoạt động cổng 80. Trong khi Skype đã dùng cổng này. Do vậy localhost sẽ không hoạt động. Giải pháp là bạn thay đổi cổng của Skype. 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ỳ. Cuối cùng ấn Save để lưu kết quả.

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

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

Nếu máy 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 ứng dụng khác của server.

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

Nếu máy đang bật UAC, tắt nó đi để 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 phần mềm Xampp mới nhất:

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


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

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

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 ổ có hệ điều hành. Mình chọn ổ D

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

Bước 6: Tiến trình cài đặt: Lúc này, XAMPP được cài đặt vào máy tính của bạn. Sau khi XAMPP cài đặt, 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 (control panel) của XAMPP.

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

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

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

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

 

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

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

Bước 1: Truy cập PhpMyAdmin

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

 

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

 

Như vậy 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 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, ta truy cập localhost với địa chỉ http://localhost. Tuy nhiên bạn có thể truy cập với tên miền ảo chẳng hạn http://local.thietkewebpro247.com

Ở đây mình sẽ hướng dẫn các bước cấu hình 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 quyền.

Đầu tiên nhấp vào hosts, chọn Properties

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

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 . Thêm đoạn text như hình bên dưới vào cuối file

 

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 như hình, giống như tên bạn cấu hình trong file hosts.

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.toolofblogger.com
DocumentRoot "D:/xampp/htdocs/local.toolofblogger.com"
ServerName local.toolofblogger.com

Chú ý 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 mọi thứ đã OK chưa

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

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

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

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

Ấn vào nút download để tải về WordPress

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

 

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

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

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

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

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

 

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

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

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

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:

WordPress sẽ cung cấp 2 hệ thống: front-end và back-end. Back-end là phần quản trị trang web. Ở đây 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…

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

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

 

Về front-end, đây 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.toolofblogger.com, sẽ nhìn thấy trang chủ WordPress sau khi cài đặt

Lời kết

Như vậy bài viết này, mình đã hướng dẫn bạn từng bước cài đặt một trang WordPress trên  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à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 rồi đấy. Chúc bạn thành công.

Xem thêm: Review theme Flatsome: theme WordPress bán hàng số 1