Hướng dẫn cài website WordPress trên localhost dùng XAMPP

Cài WordPress trên localhost dùng XAMPP là một ý tưởng tuyệt vời nếu bạn đang muốn thiết lập một môi trường để phát triển trang web từ WordPress, hay vào một mục đích thử nghiệm nào khác. XAMPP giúp bạn khởi tạo một trang web từ chính máy tính của mình. Từ đó bạn có thể dễ dàng đưa bộ mã nguồn WordPress vào chỉ với vài cú nhấp chuột.

Bạn có thể tìm hiểu thêm về XAMPP và tất cả kiến thức liên quan tại đây:

• Hướng dẫn cài đặt và sử dụng XAMPP trên Windows và Linux.
• Hướng dẫn cài đặt SSL cho XAMPP trên Windows.
• Cách khởi tạo và cài đặt Localhost đơn giản, nhanh chóng.

Trước khi tiến hành vào các bước cài đặt, các bạn nên tạo các thư mục như đường dẫn “C:\\xampp\htdocs”. Trong đó, hãy tạo các thư mục tên miền ảo (các website) mà bạn dự định sẽ thiết lập VD: BKHOST.VN,…

Các bước hướng dẫn dưới đây, BKHOST sẽ chỉ cho bạn chính xác cách cài đặt WordPress trên localhost dùng XAMPP một cách đơn giản nhất.

HƯỚNG DẪN CÀI ĐẶT WORDPRESS TRÊN LOCALHOST

Bước 1: Tải mã nguồn WordPress

Để tải bộ mã nguồn WordPressmới nhất, bạn truy cập trực tiếp vào địa chỉ: https://wordpress.org/latest.zip

Tệp tải về sẽ có dạng “wordpress-[version].zip, VD: wordpress-5.8.3.zip. Bạn vào thư mục chứa file vừa tải về => nháy chuột phải vào tệp => chọn Extract Here  => bạn sẽ nhận được một thư mục có tên “wordpress” với bên trong là bộ mã nguồn mở mới nhất.

Sau đó, bạn mở thư mục vừa giải nén ra, bên trong sẽ có các thư mục và tệp tin như: wp-admin, wp-content,… readme.html, wp-activate.php,… Tất cả chúng chính là mã nguồn WordPress.

Bước 2: Copy & Paste mã nguồn WordPress vào Localhost

Tiếp theo, bạn hãy copy hết toàn bộ các thư mục và file đã giải nén, sau đó paste vào thư mục website của bạn theo đường dẫn  C:\\xampp\htdocs\bkhost.vn.

Lưu ý: Chỉ copy các file và thư mục mã nguồn bên trong thư mục wordpress. Không copy cả thư mục wordpress.

Bước 3: Khởi tạo một database mới

Đầu tiên bạn sẽ phải đặt  XAMPP:

Bước 1: Bạn vào đường dẫn: https://www.apachefriends.org/download.html chọn version phù hợp với hệ điều hành của bạn và tải về máy tính.

Bước 2: Sau khi hoàn tải file cài đặt thành công, bạn chỉ việc chọn “Next”. Tất cả quy trình đều đã được tự động chọn mặc định. Bạn chỉ cần chú ý các mục sau sẽ cần được tick vào trong quá trình cài đặt: MySql, PhpMyAdmin.

Bước 3: Sau khi cài đặt xong, nó sẽ hỏi bạn có muốn mở panel điều khiển này không bạn chọn “Finish” nó sẽ mở ra bảng điều khiển. Nhiệm vụ của bạn là khởi chạy: Apache, MySql bằng cách nhấn vào nút Start.

Bước 4: Mở trình duyệt và gõ http://localhost, nhấn Enter. Nếu nó truy cập tới trang làm việc của XAMPP là bạn đã cài đặt thành công.

Khởi tạo một Database:

Để tạo một cơ sở dữ liệu mới bạn cần lưu ý 3 yếu tố sau:

• Tên user của database.
• Mật khẩu của user database.
• Tên database.

Database Host (nên để mặc định là localhost).

Bước 1: Truy cập vào link: http://localhost/phpmyadmin/

Sau đó bạn nhấp mục Database như hình bên dưới:

Tiếp theo, nhấn vào nút New (phiên bản tiếng việt là “Mới”) tại panel bên trái. Ở đây, bạn nên điền luôn tên miền của website vào.

Bước 2: Sau đó ở phần nhập tên cơ sở dữ liệu. Tại mục Collation bạn hãy chọn là utf8_unicode_ci. Sau đó nhấn Create (tạo mới).

Sau khi tạo xong, bạn sẽ có một Database xuất hiện ở panel bên tay trái. Và Database của bạn sẽ có thông tin sau: 

• Database Host: localhost.
• Database user: root.
• Database password: trống.
• Database name: bkhost.vn (nhớ sửa thành tên miền của bạn nhé).

Lưu ý: Các thông tin này sẽ được sử dụng trong quá trình thiết lập website ở bước 4.

Bước 4: Thiết lập website WordPress

Tiếp theo, bạn mở trình duyệt và truy cập đường dẫn http://localhost/bkhost.vn. Khi này, một bảng yêu cầu bạn chọn ngôn ngữ bạn chọn English và nhấn Continue. 

Ở màn hình tiếp theo bạn chọn Let’go để nó chạy tự động. 

Tiếp đến là phần rất quan trọng, bạn cần chậm lại để thao tác chính xác.

• Database name: Tên cơ sở dữ liệu, thường các bạn sẽ nhập luôn tên miền. Và ở đây tôi sẽ nhập là: bkhost.vn (đây là tên Database mà bạn đã tạo ở bước 3)
• User Name: Để mặc định là root.
• Password: Nên để trống (có thể thiết lập password nhưng không cần thiết).
• Database Host: Để mặc định là localhost.
• Table Prefix: mặc định là wp_, bạn có thể đổi thành tiền tố khác nhưng không được bỏ dấu “_” ở sau tiền tố.

Sau khi làm xong các bước này nhấn Submit. Sau đó nó sẽ hiện ra màn hình báo “All right, Parking!…” bạn nhấp Run the Install. 

Ở màn hình tiếp theo, bạn phải nhập những thông tin quan trọng liên quan đến Website.

• Site Title: Tiêu đề của trang, ví dụ: BKHOST
• User Name: Tài khoản truy cập, ví dụ: Admin
• Password, twice: bạn nhập 2 lần mật khẩu và lưu ý phải bao gồm chữ hoa, thường, số và kí tự đặc biệt để đảm bảo độ bảo mật. Ví dụ: Admin@12345

Lưu ý: Nên lưu lại tài khoản này để tránh trường hợp làm việc với nhiều dự án sẽ dễ quên.

Sau khi điền đầy đủ các thông tin bạn nhấn Install WordPress => màn hình “Success!” báo đã hoàn tất quá trình cài đặt. Bạn nhấn Login để truy cập vào trang quản trị WordPress.

Để kiểm tra trang web đã hoạt động chưa. Bạn mở tab mới và truy cập vào đường dẫn http://localhost/bkhost.vn nếu nó hiện ra nội dung trang web default như bên dưới có nghĩa bạn đã hoàn tất quá trình cài đặt.

Để truy cập lại trang quản trị WP bạn truy cập vào đường dẫn: http://localhost/bkhost.vn/wp-admin/

Bonus: Thiết lập WordPress Multisite trên XAMPP

Sau khi đã Cài đặt WP trên XAMPP thành công, để có thể tạo và quản lý nhiều trang web trên một màn hình điều khiển, bạn sẽ cần thiết lập WordPress Multisite.

Một trong những ưu điểm của WordPress Multisite là nó giúp bạn có thể kiểm tra các theme, plugin sẽ hoạt động trên các trang web khác nhau như thế nào.

Cách thực hiện như sau:

1. Bạn mở file wp-config.php theo đường dẫn: C:\xampp\htdocs\bkhost.vn\ bằng Notepad

2. Tìm đến dòng /* That’s all, stop editing! Happy publishing. */

3. Dán 2 dòng bên dưới lên phía trên nó.

define('WP_DEBUG', false);
define('WP_ALLOW_MULTISITE', true);

4. Tiếp đó, bạn truy cập vào trang điều khiển http://localhost/bkhost.vn/wp-admin/.

5. Vào mục Tools > Network Setup.

6. Nhập thông tin vào các trường  Network Title và Network Admin Email.

7. Chọn Install. Bạn sẽ được thông báo phải sửa file wp-config.php và .htaccess.

Tiếp tục, hãy mở file wp-config.php sau đó thêm các dòng sau vào bên dưới 2 dòng vừa thêm ở trên:

define('MULTISITE', true);
define('SUBDOMAIN_INSTALL', false);
define('DOMAIN_CURRENT_SITE', 'localhost');
define('PATH_CURRENT_SITE', '/');
define('SITE_ID_CURRENT_SITE', 1);
define('BLOG_ID_CURRENT_SITE', 1);

8. Tiếp theo, vào đường dẫn C:\xampp\htdocs\bkhost.vn\ mở file .htaccess bằng notepad và xóa tất cả nội dung đang có, thay thế bằng đoạn code bên dưới:

# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
RewriteRule . index.php [L]
# END WordPress

9. Lưu và đóng file.

Chúc mừng, bạn đã hoàn thành việc cấu hình WordPress Multisite trên XAMPP. Giờ đây, bạn có thể quản lý nhiều trang cùng lúc trên một bảng điều khiển duy nhất.

TỔNG KẾT

Vậy là bạn đã biết cách cài đặt website WordPress trên Localhost dùng XAMPP. Không quá phức tạp phải không. Nếu bạn có bất cứ thắc mắc nào, hãy để lại bình luận ở bên dưới bài viết này, BKHOST sẽ trả lời bạn trong thời gian sớm nhất. Ngoài ra, bạn cũng có thể truy cập vào Blog của BKHOST để đọc thêm các bài viết chia sẻ kinh nghiệm quản trị website, domain, hosting, vps, server, email doanh nghiệp… Chúc bạn thành công!