Thủ Thuật Website

Hướng dẫn cài WordPress trên localhost bằng XAMPP

access_time

hourglass_empty

Thiết lập môi trường lưu trữ nội bộ là bước quan yếu trong bất kỳ dự án phát triển trang web WordPress nào. Nó cho phép bạn rà soát những tính năng và chức năng của website một cách an toàn, trên một môi trường hoàn toàn riêng tư. Bài này sẽ hướng dẫn cài WordPress trên localhost bằng cách tận dụng XAMPP. Bạn sẽ cài đặt trang web WordPress thành công chỉ trong 3 bước:

  1. Cài đặt XAMPP.
  2. Chạy XAMPP và cấu hình môi trường làm việc.
  3. Tải xuống và chạy WordPress.

Chúng ta cũng sẽ thảo luận về một số cách tốt nhất để thử nghiệm code và rà soát trang WordPress bằng XAMPP. Cuối cùng, chúng tôi còn chỉ bạn cách sử dụng XAMP để kết hợp cài WordPress multisite. Hãy tiếp tục tìm hiểu!

vì sao bạn cần website WordPress trên localhost? 

Trang WordPress trên localhost là trang web chỉ được truy cập trong mạng nội bộ (ko phải mạng internet). tương tự, loại trang web này mang thể được xem như môi trường an toàn, trong đó bạn tiến hành rà soát tính năng mới và lên giải pháp khắc phục sự cố.

những trang web nội bộ sẽ tốt trong việc thực hiện những loại nhiệm vụ sau:

  • Tạo theme và plugin mới: lúc sử dụng trang web nội bộ, bạn ko mang nỗi lo túc trực như trên trang web đang online
  • Website Staging: Staging website là một bản sao của trang web chính, được sử dụng để kiểm nghiệm.
  • Gỡ lỗi và xử lý sự cố trang web: Sửa lỗi trực tiếp trên một trang web đang chạy mang thể dẫn tới vấn đề to hơn (và, mang khả năng dẫn tới downtime). Bằng cách sử dụng một website WordPress localhost, bạn mang thể thử nhiều cách khác nhau để sửa lỗi và tiện dụng khôi phục bản gốc nếu sửa ko được.

Vì những lý do này, việc tạo trang web WordPress trên localhost rất được khuyên sử dụng lúc phát triển dự án. Tuy nhiên, trước tiên, bạn cần biết cài WordPress trên localhost loại đã. Một phương pháp thông dụng nhất là sử dụng XAMPP làm môi trường localhost đểcài đặt WordPress.

XAMPP là gì?

Để cài WordPress trên localhost, bạn cần một bộ phần mềm chính. Chúng bao gồm ứng dụng máy chủ web như Apache, tiếng nói lập trình như PerlPHP, và phần mềm quản lý hạ tầng dữ liệu – MySQL. Tuy nhiên, việc cài đặt từng thành phần riêng biệt khá tốn thời kì và rối rắm.

XAMPP là tên viết tắt của cross (x)-platform, Apache, MySQL, PHP và Perl. Nó cho phép bạn cài tất cả yếu tố một cách nhanh chóng và tiện dụng. Sau đó, bạn mang thể sử dụng XAMPP để thiết lập môi trường cần thiết để chạy WordPress trên localhost. Ở đó, bạn mang thể rà soát plugin, thử nghiệm theme và lập trình, và phát triển web một cách an toàn.

XAMPP là phần mềm miễn phí và nguồn mở, được tương trợ bởi cùng đồng to. Phần mềm này cũng rất nhẹ, và tất cả yếu tố cần thiết để thiết lập máy chủ web local đều chứa trong một file duy nhất, mang thể giải nén được. Hơn nữa, việc sử dụng XAMPP tương đối đơn thuần. Vì vậy, chúng tôi sẽ nhanh chóng hướng dẫn cài đặt WordPress trên localhost thông qua XAMPP ngay cho bạn đây.

Hướng dẫn cài WordPress trên localhost trong 3 bước

Trong những bước sau, chúng tôi sẽ hướng dẫn bạn cách sử dụng XAMPP và cài đặt WordPress trên đó. Đối với hướng dẫn này, chúng tôi sẽ giới thiệu những bước cho phiên bản phần mềm trên Mac. Tuy nhiên, bạn cũng mang thể thiết lập XAMPP và chạy tương đối tiện dụng trên cả thiết bị WindowsLinux, với thứ tự tương tự.

Bước một: Cài đặt XAMPP

Trước hết, bạn cần truy cập Apache Friends website và chọn liên kết tải xuống thích hợp trên trang chủ:

XAMPP là gì?

Tiếp theo, kéo XAMPP vào thư mục Applications:

kéo XAMPP vào thư mục Applications

lúc trình tự tải hoàn thành, XAMPP sẽ được cài đặt trên hệ thống của bạn. Phần này ko yêu cầu bạn làm gì nhiều

Lưu ý là nếu bạn đang chạy XAMPP trên Windows và mang một chương trình khác trên máy đang sử dụng cổng 80 hoặc 443, bạn mang thể gặp phải lỗi về cổng. Ví dụ: chương trình World Wide Web Publishing Service thường sử dụng cổng 80 và mang thể gây ra xung đột với XAMPP.

Để khắc phục vấn đề này, bạn cần ngăn nhà sản xuất đó chạy bằng cách thực hiện những thao tác sau:

  1. Chuyể tới thực đơn Windows Start, và gõ vào services.msc.
  2. Trong cửa sổ Services, tìm World Wide Web Publishing Service.
  3. Nhấp chuột phải vào nó và chọn nút Stop.
  4. phát động lại XAMPP. Lỗi về cổng sẽ được khắc phục nếu World Wide Web Publishing Service là thủ phạm.

Nếu điều này ko khắc phục được vấn đề thì mang thể do tường lửa trên máy Windows của bạn gây ra. Để buộc mở khóa cổng của bạn, bạn cần thiết lập quy tắc tường lửa mới:

  1. Mở Windows Firewall và điều hướng tới Advanced Settings.
  2. Chuyển tới Inbound > New Rule.
  3. Chuyển tới Port > TCP. Bạn phải nhập 80,443 trong trường mang nhãn Specific Ports, sau đó nhấp vào Next.
  4. Chọn Allow the Connection, sau đó bấm vào Next một lần nữa.
  5. Đảm bảo tất cả những tùy chọn được liệt kê đã được rà soát và sau đó tiếp tục tới trang tiếp theo.
  6. Trong trường Name, nhập tên dễ nhớ (chẳng hạn như host1) và chọn Finish.
  7. hiện tại bạn cần lặp lại những bước từ một tới 6, thay đổi tên một lần nữa (tức là thành host2) để xóa cổng.
  8. phát động lại máy tính. những cổng 80 và 443 giờ đã được bỏ chặn và mở ra trên máy local.

lúc XAMPP được cài đặt, giờ bạn mang thể sử dụng XAMPP.

Bước hai: Chạy XAMPP và cấu hình môi trường để cài WordPress

hiện tại, hãy mở ứng dụng XAMPP và nhấn nút Start. Bạn sẽ thấy đèn xanh ở góc trên bên phải màn hình:

khởi động xampp

Tiếp theo, điều hướng tới tab Services. Bạn sẽ cần đảm bảo rằng trạng thái của cả hai nhà sản xuất Apache và MySQL đều đang chạy (tức là đều mang đèn xanh). Điều này nhằm đảm bảo hệ thống quản lý database và những yếu tố phần mềm đều sẵn sàng cho môi trường localhost. Hiện tại, bạn mang thể bỏ qua ProFTPD (là File Transfer Protocol server mang thể cấu hình).

Nếu MySQL hoặc Apache ko chạy (nếu hiển thị đèn đỏ), bạn chỉ cần chọn chúng và nhấn Start:

kích hoạt apache mysql

Sau đó, chuyển sang tab Network. Tại đây, bạn mang thể xác định quy tắc chuyển tiếp cổng giữa server và bộ phần mềm XAMPP. Chọn localhost mà bạn muốn làm việc, sau đó nhấn nút Enable. Trong ví dụ này, chúng tôi sẽ sử dụng localhost:8080:

kích hoạt network localhost xampp

hiện tại bạn sẽ mang thể truy cập localhost và khởi đầu sử dụng XAMPP làm môi trường máy chủ. Để làm điều này, hãy mở trình duyệt web ưa thích và nhập tên localhost của bạn (hiện tại là localhost:8080). Việc này sẽ đưa lên XAMPP dashboard. lúc đó, chọn nút phpMyAdmin ở góc trên cùng bên phải của trang:

nút phpMyAdmin trên XAMPP Dashboard

Sau đó, bạn cần phải tạo hạ tầng dữ liệu để cài WordPress trên localhost. Để thực hiện việc này, hãy chọn tab Database, nhập tên cho hạ tầng dữ liệu của bạn (trong trường hợp của chúng tôi, đơn thuần là WordPress), đảm bảo thực đơn thả xuống tiếp theo được đặt thành Collation, sau đó nhấn Create:

tao database trong phpMyAdmin Database Tab

Giờ, bạn đã mang thể cài WordPress trên XAMPP.

Bước 3: Tải và chạy WordPress

Tại thời khắc này, bạn cần truy cập WordPress.org và tải phiên bản mới nhất của WordPress:

trang tải WordPress trên WordPress.org

Mở thư mục WordPress trên máy, giải nén và tìm file wp-sample-config.php:

file cấu hình wpconfig sample

Mở file này trong trình soạn thảo văn bản bạn thích (như TextEdit). Bạn cần phải xác định vị trí dòng văn bản này:

define('DB_NAME', 'database_name_here');

Thay thế database_name_here bằng tên bạn đặt cho database ở bước cuối cùng. Sau đó, tìm hai dòng này:

define('DB_USER', 'username_here');
define('DB_PASSWORD', 'password_here');

Bạn cần thay thế username_here bằng root và xóa hoàn toàn password_here. Kết quả sẽ như sau:

cấu hình file wp-sample-config để cài WordPress trên localhostHãy lưu file dưới tên wp-config.php. Trước lúc cài đặt WordPress trên localhost, bạn cần copy, đưa toàn bộ nội dung file trong thư mục cài WordPress vào thư mục con của htdocs trong thư mục XAMPP. Thư mục con này bạn đặt tên tùy ý, chúng tôi đặt tên là WP.

Tiếp theo bạn chỉ cần chuyển tới http://localhost/wp/  trong trình duyệt. lúc đó, hãy làm theo thứ tự cài đặt WordPress tiêu chuẩn. lúc hoàn thành, bạn sẽ mang trang web WordPress trên máy localhost!

Cách thiết lập WordPress Multisite trên XAMPP

hiện tại bạn biết cách cài đặt WordPress trên localhost bằng XAMPP, bạn mang thể muốn sử dụng nó để tạo WP multisite network. Điều này cho phép bạn tạo quản lý nhiều website từ một giao diện duy nhất. mang rất nhiều ứng dụng lúc sử dụng multisite. Chẳng hạn, bạn mang thể sử dụng nó để rà soát cách theme và /hoặc plugin mới hoạt động trên nhiều trang web khác nhau như thế nào.

Để khởi đầu, bạn cần mở lại file wp-config.php trong trình chỉnh sửa văn bản. Sau đó, bạn thêm những code sau ở phía dưới, ngay phía trên dòng * That’s all, stop editing! Happy blogging. *

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

Sau lúc bạn chắc là Apache và MySQL vẫn đang chạy trên XAMPP, hãy đăng nhập vào trang web localhost. Sau đó, điều hướng tới Tools > Network Setup:

Chọn mục WordPress Network Setup

Sau lúc bạn nhập tiêu đề mạng lưới xong, hãy chọn Install. Bạn sẽ được nhắc chỉnh sửa file wp-config.php.htaccess.

Mở file wp-config.php một lần nữa. Bạn cần phải thêm code sau bên dưới những dòng bạn đã thêm trước đó:

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

Tiếp theo, bạn phải mở (hoặc tạo) file .htaccess trong cùng thư mục với file wp-config.php . Sau đó, thay tất cả những dòng hiện mang trong file đó bằng đoạn code sau:

# 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).*) $hai [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*.php)$ $hai [L]
RewriteRule . index.php [L]


# END WordPress

Lưu file và đóng lại. hiện tại, bạn sẽ mang thể truy cập những trang web riêng trong cùng một dashboard lúc đăng nhập vào localhost WordPress.

Cài WordPress trên localhost mang ích gì, mang thể làm gì?

lúc đã biết cách tận dụng XAMPP để cài WordPress trên máy local, những gì bạn làm tiếp theo sẽ phụ thuộc phần to vào loại dự án phát triển mà bạn đang thực hiện. Để giúp bạn khởi đầu, WordPress.org đã tạo hướng dẫn tuyệt vời cho người mới khởi đầu về Test drive WordPress.

Nếu bạn quan tâm tới việc phát triển theme, bạn mang thể xem hướng dẫn của chúng tôi về cách phát triển theme WordPress. Hoặc bạn xem thêm trang web như Theme Shaper. Nhờ môi trường nội bộ, bạn mang thể chỉnh sửa file một cách an toàn.

Nếu bạn muốn tìm hiểu cách sử dụng XAMPP và WordPress để rà soát tri thức lập trình và tăng thêm kinh nghiệm về PHP, mang một số hướng dẫn hữu ích mang thể giúp bạn. BitDegreeCode Academy đều phân phối nhiều hướng dẫn tuyệt vời bao gồm những nguyên tắc cơ bản về PHP và HTML, và nhiều nữa.

lúc sử dụng localhost/WordPress, mang thể bạn cần thêm tài nguyên để phát triển kỹ năng tư nhân. Stack Exchange là diễn đàn trực tuyến rất sôi nổi bạn mang thể đặt thắc mắc cho cùng đồng phát triển WordPress, cũng như nhận được những thông tin vô giá. Cuối cùng, bạn chắc sẽ cần hoạt động thường xuyên trên diễn đàn tương trợ WordPress.org.

Kết luận

Như bạn thấy, XAMPP là giải pháp mạnh mẽ và linh hoạt để thiết lập local web server. Nó tạo môi trường để lập trình WordPress lý tưởng nhất. Bạn còn mang thể thiết lập multisite, điều chỉnh theme và nhiều hơn nữa. Tuy nhiên đây ko phải là phương tiện duy nhất mà bạn mang thể sử dụng để cài đặt WordPress trên localhost. phương tiện tuyệt vời thay thế khác là cài đặt WordPress bằng Docker.

Bạn mang thắc mắc nào quá trình cài WordPress trên localhost ko? Hoặc bạn muốn chia sẽ kinh nghiệm làm web WordPress local mới của bạn? Cho chúng tôi biết trong phần comment bên dưới nhé!

Để lại bình luận