👉 Làm thế nào để tạo môi trường dàn dựng cho một trang web WordPress

Jetpack hữu ích nhất cho các module WordPress Plugin

Khi người mới bắt đầu WordPress tiến bộ trong sự nghiệp của họ, trang web của họ cũng phát triển. Khi chạy các trang web ổn định và chuyên nghiệp, chỉnh sửa mọi thứ trực tiếp không phải là lựa chọn tốt nhất. Một số người dùng của chúng tôi đã yêu cầu chúng tôi hướng dẫn giải thích quy trình tạo môi trường dàn dựng. Trong bài viết này, chúng tôi sẽ cho bạn thấy làm thế nào để tạo ra một môi trường dàn dựng cho trang web WordPress của bạn.

Chú thích: Bài viết này phù hợp hơn cho những người dùng muốn chuyển từ phát triển WordPress ở cấp độ mới bắt đầu sang phát triển nâng cao hơn một chút. Bài viết này sẽ giúp bạn từ mã hóa bò-boy và tìm hiểu thực hành tốt nhất. Đây là những gì bạn sẽ tìm hiểu ở phần cuối của bài viết này.

  • Tạo trang web dàn dựng
  • Sử dụng Git và BitBucket
  • Đẩy các thay đổi từ máy chủ cục bộ sang BitBucket
  • Triển khai các thay đổi từ BitBucket đến Staging Site

Môi trường Staging là gì?

Để làm việc trên trang web WordPress, chúng tôi khuyên người dùng nên cài đặt WordPress cục bộ trên máy tính Windows hoặc Mac của mình. Khi bạn đã hoàn thành và hài lòng với trang web của mình, bạn có thể tải nó lên từ máy chủ cục bộ đến máy chủ trực tiếp.

Có một vấn đề với cách tiếp cận này. Điều gì nếu một cái gì đó mà làm việc trên localhost của bạn không hoạt động trên máy chủ sống? Điều này sẽ gây ra lỗi có thể là một vấn đề cho các trang web được thiết lập bởi vì nó có thể ảnh hưởng đến thứ hạng công cụ tìm kiếm, bán hàng, ấn tượng đầu tiên trên người dùng, v.v.

Thay vì tải các thay đổi của bạn lên trang web trực tiếp, bạn có thể tải chúng lên một trang web dàn dựng trên cùng một máy chủ. Trang web dàn dựng là một khu vực phát triển riêng trên trang web của bạn (thường là miền phụ) với quyền truy cập bị hạn chế. Đây là nơi bạn có thể kiểm tra các thay đổi của bạn hoặc sử dụng nó cho tất cả sự phát triển của bạn. Khi bạn đã kiểm tra kỹ trang web của mình, bạn có thể tải trang web đó lên trang web trực tiếp của mình.

Nếu bạn là người mới bắt đầu và không muốn tìm hiểu quy trình phức tạp được nêu bật trong bài viết dưới đây, chúng tôi khuyên bạn nên chọn nhà cung cấp dịch vụ lưu trữ WordPress được quản lý như WPEngine cung cấp chức năng dàn dựng sẵn. Bạn bè của chúng tôi tại SiteGround cũng cung cấp các chức năng dàn dựng trong kế hoạch phát triển của họ, đó là giá cả phải chăng hơn nhiều.

Thiết lập môi trường Staging Sử dụng cPanel

Điều đầu tiên bạn cần làm là tạo một tên miền phụ trên tên miền chính của bạn. Tên miền phụ sẽ cho phép bạn chạy trang web của bạn trong một thư mục riêng biệt, không ảnh hưởng đến cơ sở dữ liệu, tệp hoặc tải lên chính của bạn.

Để làm điều này, đăng nhập vào cPanel của bạn (bảng điều khiển khác sẽ tương tự, hãy tìm Tên miền hoặc là Tên miền phụ), Bên dưới Tên miền các phần, bạn cần phải nhấp vào Tên miền phụ.

Trên màn hình tiếp theo, nhập tên bạn muốn sử dụng cho tên miền phụ của bạn (thường là dàn dựng hoặc là dev) và sau đó chọn tên miền chính của bạn từ trình đơn thả xuống.

Trong cPanel, điều này sẽ tự động điền vào Tài liệu gốc hộp văn bản có vị trí dựa trên tên của tên miền phụ của bạn. Bạn có thể thay đổi điều này nếu muốn, nhưng thường thì mặc định sẽ không sao (public_html / staging).

Bây giờ bạn chỉ cần nhấp vào Tạo nên khi nào bạn làm xong vậy. Nó sẽ xác nhận và hiển thị tên miền phụ trong bảng bên dưới.

Bạn có thể xác minh rằng tên miền phụ của bạn đã được thiết lập bằng cách truy cập nó trong trình duyệt web của bạn. Nó sẽ hiển thị một cái gì đó tương tự như thế này:

Bây giờ bạn cần tạo một tài khoản FTP riêng cho môi trường dàn dựng của bạn. Một tài khoản FTP chuyên dụng sẽ chỉ có quyền truy cập vào thư mục dàn dựng của bạn ngăn ngừa các thay đổi ngẫu nhiên đối với môi trường sống của bạn.

Trong cPanel, điều hướng đến Tài khoản FTP phần. Hoàn thành các trường trong Thêm tài khoản FTP phần.

Các Danh mục phải khớp với thư mục bạn đã chỉ định khi tạo tên miền phụ của bạn. Nhấp chuột Tạo tài khoản FTP để tạo tài khoản mới của bạn. Tài khoản này sẽ chỉ có quyền truy cập vào thư mục bạn đã chỉ định chứ không phải toàn bộ máy chủ.

Sao chép dữ liệu từ trang web trực tiếp sang môi trường dàn dựng

Bây giờ bạn đã thiết lập tên miền phụ của bạn, bước tiếp theo là sao chép dữ liệu từ trang web đang hoạt động của bạn vào trang web dàn dựng của bạn. Điều này sẽ cho phép bạn kiểm tra các thay đổi trong môi trường dàn dựng của bạn với cùng một dữ liệu mà không ảnh hưởng đến trang web trực tiếp của bạn.

Cách dễ nhất để thực hiện điều này là thông qua phpMyAdmin. Đăng nhập vào phpMyAdmin thông qua cPanelvà chọn cơ sở dữ liệu trực tiếp hiện tại của bạn. Khi bạn đã chọn cơ sở dữ liệu trực tiếp của mình, hãy nhấp vào Hoạt động trong thanh trình đơn.

Ở đây bạn cần phải tìm Sao chép cơ sở dữ liệu sang cái hộp. Trong hộp văn bản, nhập tên cơ sở dữ liệu dàn dựng của bạn (nếu bạn chưa tạo nó, hãy đảm bảo TẠO DATABASE trước khi sao chép được chọn và đặt tên cho nó như example_staging). Bạn cần sao chép cả cấu trúc và dữ liệu cũng như đảm bảo rằng bạn giữ nguyên các cài đặt còn lại làm mặc định. Nhấp chuột Đi để chạy bản sao. Hãy nhớ cho các cơ sở dữ liệu lớn hơn, điều này có thể mất chút thời gian.

Khi cơ sở dữ liệu của bạn đã sao chép, bạn cần phải chọn nó từ thanh bên bên trái. phpMyAdmin bây giờ sẽ mở cơ sở dữ liệu mới được sao chép của bạn. Bạn cần phải bấm vào SQL trong thanh trình đơn của phpMyAdmin.

Bây giờ chúng tôi sẽ thay thế tất cả các tham chiếu của trang web trực tiếp của chúng tôi đến trang web dàn dựng để đảm bảo rằng mọi thứ hoạt động tốt khi chúng tôi sử dụng cơ sở dữ liệu này để dàn dựng. Để làm điều đó bạn cần chạy các truy vấn SQL sau đây.

CẬP NHẬT wp_options SET option_value = REPLACE (option_value, 'ORIGINAL_URL', 'NEW_URL'); CẬP NHẬT wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); CẬP NHẬT wp_posts SET guid = REPLACE (guid, 'ORIGINAL_URL', 'NEW_URL'); CẬP NHẬT wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL');

Nhập các truy vấn trên vào hộp câu hỏi SQL, thay thế các giá trị sau:

  • ORIGINAL_URL – URL trang web ban đầu của bạn, ví dụ://example.com. Bạn có thể tìm thấy điều này trong Quản trị WordPress của mình trong Cài đặt> Chung> Địa chỉ WordPress (URL)
  • NEW_URL – nhập URL mới của bạn, đây sẽ là một trong những trang web dàn dựng của bạn được tạo trước đó (hãy chắc chắn bao gồm // – ví dụ: //staging.example.com)
  • wp_ – Nếu trang web của bạn có tiền tố tùy chỉnh trên bảng cơ sở dữ liệu, hãy đảm bảo bạn thay thế wp_ bằng đó.

Nhấp chuột Đi để chạy các truy vấn. Một thông báo xác nhận sẽ hiển thị khi điều này hoàn tất.

Sau khi sao chép cơ sở dữ liệu của bạn, bạn cần sao chép các tệp WordPress, plugin, chủ đề và video tải lên của mình. Trước tiên hãy tải xuống bản sao WordPress mới từ WordPress.org. Tải nội dung của WordPress lên trang web dàn dựng của bạn. chú thích, chưa chạy cài đặt WordPress.

Khi bạn đã tải lên WordPress, điều tiếp theo bạn cần phải sao chép là tệp phương tiện, plugin và chủ đề. Các thư mục sau sẽ cần được sao chép:

  • / wp-content / video tải lên
  • / wp-content / themes
  • wp-content / plugins

Nếu chúng nhỏ, bạn có thể tải xuống từ trang web trực tiếp của bạn thông qua ứng dụng khách FTP và tải chúng lên thư mục dàn dựng của bạn. Tuy nhiên đối với các thư mục lớn hơn, điều này thường có thể tốn thời gian. Trình quản lý tệp của cPanel cho phép bạn sao chép các thư mục trực tiếp trên máy chủ giúp quá trình này nhanh hơn nhiều.

Đăng nhập vào bảng điều khiển cPanel của bạn và nhấp vào Quản lý tập tin trong phần Tệp.

cPanel sẽ khởi chạy trình quản lý tệp. Bạn cần điều hướng đến trang web trực tiếp của mìnhwp-contentthư mục (thường là / public_html / wp-content), nơi bạn có thể xem các thư mục chủ đề, plugin và tải lên của mình.

Đối với mỗi thư mục, bạn cần nhấp chuột phải và chọn Sao chép. Thao tác này sẽ hiển thị hộp thoại, chọn vị trí bạn muốn sao chép thư mục. Chúng tôi muốn sao chép nó vào thư mục mà chúng tôi đã tạo cho tên miền phụ dàn dựng. Nó cũng là thư mục mà bạn đã tải lên WordPress ở bước trước./ public_html / dàn dựng / wp-content /

Điều này sẽ sao chép từng thư mục vào dàn dựng của bạnwp-contentdanh mục.

Bạn cần phải lặp lại điều này cho mỗi thư mục trên (plugin, chủ đề và video tải lên).

Chú thích: Trong một số môi trường lưu trữ WordPress, bạn không thể sử dụng trình quản lý tệp trong trường hợp này bạn sẽ phải tải xuống các thư mục này theo cách thủ công và sau đó tải chúng lên trang web dàn dựng hoặc sử dụng SSH.

Một khi bạn đã sao chép các thư mục này, bạn đã sẵn sàng để kết nối cài đặt dàn dựng của bạn WordPress vào cơ sở dữ liệu bạn đã sao chép trước đó.

Truy cập trang web dàn dựng của bạn, qua tên miền phụ mà chúng tôi đã tạo trước đây. Nếu thư mục dàn dựng của bạn không chứawp-config.phptập tin, WordPress sẽ cố tạo một yêu cầu cho chi tiết kết nối cơ sở dữ liệu của bạn. Nếu nó có tệp wp-config.php, hãy đảm bảo bạn chỉnh sửa nó để sử dụng chi tiết kết nối cơ sở dữ liệu dàn dựng mới của bạn.

Một lần WordPress đã kết nối với cơ sở dữ liệu dàn dựng của bạn, nó sẽ phát hiện ra rằng WordPress đã được cài đặt và nhắc bạn đăng nhập. Chi tiết đăng nhập của bạn sẽ giống như trên trang web trực tiếp hiện tại của bạn.

Bất kỳ thay đổi nào bạn thực hiện cho môi trường dàn dựng của mình giờ đây sẽ độc lập với môi trường sống của bạn. Điều này có nghĩa là bạn được tự do thay đổi cài đặt, cài đặt plugin mới, chỉnh sửa tệp chủ đề và hơn thế nữa mà không ảnh hưởng đến trải nghiệm cho khách hàng của mình.

Cấu hình và khắc phục sự cố Môi trường Staging của bạn

Một khi bạn đã đăng nhập vào dàn dựng của bạn WordPress cài đặt, có một số cài đặt cần được định cấu hình trước khi tiếp tục.

Đảm bảo miền của bạn chính xác

Xem URL của màn hình quản trị của bạn. Nếu đó là tên miền phụ của bạn, thì nó đã phát hiện ra cấu hình mới. Nếu không, thì các truy vấn SQL chạy trước đó sẽ không thay đổi URL trang web của bạn trong cơ sở dữ liệu dàn dựng. Tìm kiếm siteurlnhà option_name trong bảng wp_options.

Đảm bảo phương tiện của bạn đã được sao chép

Truy cập phần phương tiện của Quản trị WordPress của bạn và kiểm tra xem hình ảnh / video của bạn / v.v. được đưa ra. Nếu vậy, thư mục tải lên của bạn sẽ được sao chép chính xác. Nếu không, hãy đảm bảo rằng thư mục tải lên ở đúng vị trí (thường là / public_html / staging / wp-content / uploads).

Vô hiệu hóa XML Sitemaps trong WordPress SEO

Nếu bạn đang chạy WP SEO, thì bạn cần đảm bảo rằng tùy chọn XML Sitemaps bị tắt. Điều này sẽ giúp ngăn công cụ tìm kiếm lập chỉ mục môi trường dàn dựng của bạn.

Truy cập trang web bị giới hạn

Để ngăn người dùng vô tình truy cập trang web dàn dựng của bạn, bạn cần cài đặt và kích hoạt, Truy cập trang web bị giới hạn. Khi cài đặt, hãy truy cập Cài đặt> Đọc để định cấu hình plugin.

Bạn cũng muốn đi vào Cài đặt »Đọc và đảm bảo vô hiệu hóa việc lập chỉ mục trang web này bằng công cụ tìm kiếm. Bạn muốn chắc chắn rằng bạn làm điều này để ngăn chặn bất kỳ nội dung trùng lặp nào.

Bạn cũng có thể bảo vệ mật khẩu toàn bộ thư mục bằng htpassword. Phương pháp được hiển thị trong hướng dẫn là dành cho / wp-admin / nhưng bạn có thể sửa đổi nó cho bất kỳ thư mục trang web nào.

Cập nhật liên kết Permalinks

Chuyến thăm Cài đặt> Liên kết cố định và nhấp vào Lưu để đảm bảo cấu trúc liên kết cố định của bạn được cập nhật. Nếu bạn gặp lỗi 404 trên trang web dàn dựng của mình, thì đây thường là nguyên nhân.

Đẩy các thay đổi để dàn dựng từ GitHub hoặc BitBucket

Hầu hết các nhà phát triển chuyên nghiệp muốn sử dụng một hệ thống kiểm soát phiên bản như SVN hoặc Git để theo dõi tiến độ phát triển của họ. Sử dụng hệ thống kiểm soát phiên bản cho phép bạn quay ngược thời gian nếu có sự cố vì tất cả lịch sử mã của bạn được lưu trữ ở vị trí trung tâm. Nó cũng làm cho sự cộng tác dễ dàng hơn vì tất cả các thay đổi được lưu trữ trên một vị trí trung tâm, các nhà phát triển có quyền truy cập vào tất cả các thay đổi được thực hiện cho một dự án.

GitHub hoặc BitBucket, cái nào bạn nên sử dụng

Cả hai, GitHub và BitBucket là dịch vụ lưu trữ dự án và cả hai đều cho phép bạn sử dụng Git cho các dự án của bạn. GitHub phổ biến hơn trong số các nhà phát triển dự án nguồn mở và có cộng đồng các nhà phát triển lớn hơn. Nếu dự án bạn đang làm là một plugin WordPress nguồn mở hoặc một chủ đề, thì bạn có thể lưu trữ nó trên GitHub. Dự án của bạn sẽ hiển thị công khai và những người dùng khác sẽ có thể thấy mã nguồn của bạn. Để tạo một kho lưu trữ riêng trên GitHub, bạn cần nâng cấp lên gói trả phí của họ.

Mặt khác, BitBucket cho phép bạn tạo các kho riêng tư miễn phí. Nếu bạn đang làm việc trên trang web của khách hàng hoặc trang web cá nhân của riêng bạn, thì có thể bạn sẽ muốn giữ cho công việc của mình ở chế độ riêng tư. BitBucket giúp bạn dễ dàng hơn.

Bắt đầu với BitBucket

Bước 1. Cài đặt Git

Điều đầu tiên bạn cần làm là tải xuống và cài đặt Git trên Windows (hoặc Mac).

Bước 2. Tạo kho lưu trữ đầu tiên của bạn

Bây giờ bạn đã cài đặt Git, bước tiếp theo là đăng ký tài khoản BitBucket miễn phí. Một khi bạn đã đăng ký, bạn sẽ vào bảng điều khiển BitBucket nơi bạn cần phải bấm vào Tạo kho lưu trữ mới nút.

Nhập tên và mô tả cho kho lưu trữ của bạn để giúp bạn xác định dự án của mình. Để đặt kho của bạn ở chế độ riêng tư, bạn cần chọn hộp bên cạnh Cấp độ truy cập. Cuối cùng, hãy đảm bảo rằng Git được chọn làm loại kho lưu trữ của bạn. Bạn có thể để nguyên các tùy chọn còn lại và nhấp vào nút tạo kho lưu trữ để tiếp tục. BitBucket giờ đây sẽ tạo một kho lưu trữ trống cho bạn.

Vì bạn sẽ thực hiện cài đặt WordPress cục bộ của mình, hãy nhấp vào Tôi có một dự án hiện có để đẩy lên.

Bước 3. Thêm thư mục cục bộ vào Git

Bạn đã sẵn sàng để đẩy dự án WordPress cục bộ của bạn lên BitBucket. Khởi chạy Git Bash trên máy tính của bạn. Có, nó là một công cụ dòng lệnh và bạn sẽ phải gõ lệnh, nhưng đừng lo lắng nó là siêu dễ dàng.

Nếu bạn không muốn sử dụng dòng lệnh, thì bạn có thể sử dụng giao diện GUI như Github cho Windows (cũng hoạt động với Bitbucket) và / hoặc TortoiseGit.

Trước tiên, bạn cần thêm thư mục dự án WordPress cục bộ của bạn làm kho lưu trữ trong Git. Hãy nhớ rằng, bạn không cần phải thêm toàn bộ thư mục WordPress của bạn vào dự án. Nếu bạn đang làm việc trên một chủ đề, thì bạn chỉ có thể thêm thư mục chủ đề đó làm kho lưu trữ Git.

Trong Git Bash, trước tiên hãy di chuyển đến thư mục dự án của bạn bằng cách gõ đường dẫn đến thư mục dự án của bạn và sau đó thêm nó vào Git:

cd / C / xampp / htdocs / wordpress / wp-content / chủ đề / myawesometheme git init

Bây giờ bạn đã thêm dự án của mình vào Git, bước tiếp theo là thêm tất cả các tệp vào đó.

git add.

Sau khi thêm tất cả các tệp của bạn, bước tiếp theo là thực hiện cam kết đầu tiên của bạn.

git commit -m "Thêm tất cả các tệp dự án làm cam kết đầu tiên"

Bước 4. Đồng bộ hóa các thay đổi với kho lưu trữ Bitbucket của bạn.

Bây giờ bước cuối cùng là đồng bộ hóa các tệp cục bộ của bạn với kho lưu trữ BitBucket của bạn. Nhập vào dòng này trong Git Bash để kết nối kho lưu trữ cục bộ của bạn với kho lưu trữ BitBucket của bạn.

git remote add origin //[email protected]/bitbucketusername/repositoryname.git

Đẩy tất cả các tệp của bạn vào kho lưu trữ BitBucket.

git push -u origin --all # đẩy repo và refs của nó lần đầu tiên

Xin chúc mừng, bạn đã đồng bộ hóa thành công các tệp WordPress cục bộ của mình với kho lưu trữ BitBucket của bạn. Bây giờ cho phép thực hiện một số thay đổi đối với tệp trong kho lưu trữ cục bộ của bạn. Khi bạn đã thực hiện xong các thay đổi, bạn cần phải cam kết những thay đổi đó với Git.

git add. git commit -m "Đã thêm các tính năng mới" git push -u origin --all

Triển khai các thay đổi từ BitBucket đến trang web dàn dựng

Bây giờ bạn đã học được cách sử dụng Git với BitBucket, đã đến lúc triển khai các thay đổi từ kho lưu trữ BitBucket của bạn đến trang web dàn dựng của bạn. Bằng cách này bạn có thể làm việc trên trang web của bạn tại địa phương và kiểm tra các thay đổi của bạn trên trang web dàn dựng của bạn mà không ảnh hưởng đến trang web trực tiếp của bạn.

Để làm điều đó, chúng tôi khuyên bạn nên sử dụng Ftploy. Tài khoản miễn phí cơ bản cho phép bạn thiết lập một dự án. Nó theo dõi các thay đổi được thực hiện cho kho lưu trữ BitBucket của bạn và sau đó triển khai chúng vào máy chủ web của bạn. Trước tiên, bạn sẽ cần phải đăng ký một tài khoản trên Ftploy. Sau đó, bạn cần phải thêm chi tiết máy chủ của bạn.

Để định cấu hình máy chủ mới, hãy chọn Máy chủ »Máy chủ mới từ điều hướng ở trên cùng.

Hoàn thành các trường thích hợp với các cài đặt bạn đã tạo khi cấu hình tài khoản FTP dàn dựng của bạn trước đó.

Nhấp chuột Kiểm tra kết nối để đảm bảo FTPloy có thể kết nối với máy chủ của bạn, rồi bấm Lưu Máy chủ.

Để tạo dự án, hãy chọn Dự án »Dự án mới từ menu điều hướng, chọn GitHub hoặc BitBucket nếu thích hợp.

Nếu trước đây bạn đã xác định máy chủ của mình, bạn có thể chọn nó từ trình đơn thả xuống (nếu không, hãy nhập chi tiết vào các trường thích hợp). Trong trường Đường dẫn Máy chủ, nhập đường dẫn đến thư mục chủ đề của bạn (điều này sẽ thay đổi tùy thuộc vào cấu trúc của repo của bạn, nhưng / wp-content / theme / theme của bạn sẽ phù hợp nếu repo chỉ chứa chủ đề của bạn).

Khi bạn đẩy một thay đổi vào kho lưu trữ BitBucket đó, FTPloy sẽ nhận các tệp đã thay đổi và đẩy chúng vào máy chủ bạn đã chọn.

Đẩy các thay đổi để phát trực tiếp

Nếu bạn đang sử dụng FTPloy để triển khai các thay đổi của bạn từ một kho lưu trữ đến máy chủ dàn dựng của bạn, bạn có thể thiết lập một quy trình tương tự cho máy chủ trực tiếp của mình. Tuy nhiên, nếu mã không chính xác hoặc bị lỗi được đẩy vào kho lưu trữ của bạn, điều đó sẽ tự động chuyển đến trang web trực tiếp của bạn.

Chúng tôi khuyên bạn nên chạy một hệ thống triển khai tự động như FTPloy cho máy chủ dàn dựng và sau đó sao chép thủ công các tệp cần thiết vào trang web trực tiếp của bạn khi bạn hài lòng với các thay đổi và đã kiểm tra kỹ lưỡng môi trường dàn dựng mới của mình.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo môi trường dàn dựng cho các trang WordPress của bạn.Để khắc phục sự cố, hãy xem hướng dẫn về các lỗi WordPress phổ biến nhất của chúng tôi và cách khắc phục chúng. Đối với phản hồi và câu hỏi cảm thấy tự do để lại một bình luận dưới đây.

Xem video: Full tutorial in Post in WordPress and install plugin Plugin.

Like this post? Please share to your friends:
Trả lời

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: