Cách tự động deploy các thay đổi theme WordPress bằng GitHub và deploy

Mục lục

Bạn có muốn tự động deploy các thay đổi theme WordPress cho website của mình không?

Hầu hết các developer web chuyên nghiệp đều sử dụng hệ thống kiểm soát phiên bản như GitHub hoặc Bitbucket và tự động deploy các thay đổi của họ lên các website dàn dựng hoặc trực tiếp. Bạn có thể sử dụng hệ thống deploy như DeployHQ để đóng vai trò trung gian giữa kho lưu trữ Git và server của bạn.

Trong bài viết này, MuaHosting.com sẽ chỉ cho bạn cách tự động deploy các thay đổi giao diện WordPress bằng GitHub và Deploy.

Cách tự động deploy các thay đổi theme WordPress

Tại sao nên sử dụng Hệ thống kiểm soát phiên bản để phát triển theme WordPress?

Hệ thống kiểm soát phiên bản cho phép bạn ghi lại các thay đổi đối với một file hoặc một tập hợp các file theo thời gian để bạn có thể nhớ lại các phiên bản cụ thể sau này. Nói cách khác, mỗi khi chúng ta thay đổi mẫu theme WordPress, hình ảnh hoặc file CSS, hệ thống kiểm soát phiên bản sẽ theo dõi những thay đổi này.

Ví dụ, giả sử bạn quyết định chạy một loạt thay đổi. Nếu những thay đổi đó gây ra sự cố, thì bạn có thể hoàn nguyên (hoặc quay lại) về ‘phiên bản’ hiện có của Chủ đề WordPress của MuaHosting.com.

Git là một hệ thống kiểm soát phiên bản phổ biến và cho phép nhiều người dùng làm việc trên cùng một cơ sở code, chẳng hạn như WordPress Theme. Nếu hai developer chỉnh sửa cùng một file, Git có các điều khiển tích hợp để giải quyết các vấn đề này (được gọi là xung đột hợp nhất).

Để biết thêm thông tin, hãy xem hướng dẫn dành cho người mới bắt đầu sử dụng Git với WordPress.

Tại sao nên sử dụng hệ thống deploy?

Hệ thống deploy tích hợp với các dịch vụ như GitHub cho phép bạn upload tự động hoặc thủ công các thay đổi bạn đã thực hiện đối với theme WordPress của mình.

Bạn có thể xem nó như một hệ thống đồng bộ một chiều. Ví dụ: nếu bạn xóa một file khỏi theme WordPress của mình, bạn cũng phải xóa file đó qua FTP. Với hệ thống deploy, việc này sẽ tự động được thực hiện cho bạn khi bạn chuyển giao các thay đổi code của mình cho GitHub.

Trong bài viết này, chúng ta sẽ làm việc với một hệ thống deploy có tên là DeployHQ hoặc đơn giản là Triển khai. Triển khai hoạt động với các nhà cung cấp kho lưu trữ Git khác như Bitbucket, nhưng MuaHosting.com sẽ sử dụng GitHub cho hướng dẫn này.

Thiết lập kho lưu trữ GitHub cho theme WordPress của bạn

Đầu tiên, bạn cần thiết lập một tài khoản trên GitHub, sau đó sử dụng ứng dụng GitHub dành cho Windows hoặc Mac để lưu trữ các thay đổi cho Chủ đề WordPress của bạn.

Để bắt đầu, bạn có thể truy cập vào Trang web GitHub và nhập địa chỉ email của bạn để tạo một tài khoản mới.

Đăng ký tài khoản GitHub

Tiếp theo, bạn cần nhập tên người dùng và mật khẩu.

GitHub cũng sẽ yêu cầu bạn chọn option email.

Nhập thông tin chi tiết để tạo tài khoản GitHub

Sau đó, bạn có thể cuộn xuống và xác minh tài khoản của mình bằng cách giải một câu đố.

Giống như reCAPTCHA trên trang WordPress của bạn.

Xác minh tài khoản GitHub của bạn

Khi tài khoản của bạn được xác minh, bạn sẽ thấy dashboard GitHub.

Từ đây, bạn có thể nhấp vào icon ‘+’ ở trên cùng và chọn option ‘Kho lưu trữ mới’.

Tạo một kho lưu trữ mới trong GitHub

Tiếp theo, bạn có thể bắt đầu bằng cách đặt tên kho lưu trữ, giống như tên folder của theme WordPress.

Sau đó, bạn sẽ cần chọn xem đây là kho lưu trữ Công khai hay Riêng tư. Kho lưu trữ Công khai cho phép mọi người xem code của bạn nhưng không thể thay đổi code đó. Kho lưu trữ Riêng tư chỉ có bạn mới xem được.

Nhập tên cho kho lưu trữ mới

Cuối cùng, bạn có thể tích vào ô nếu muốn thêm file README.

Khi đã xong, chỉ cần nhấp vào nút ‘Tạo kho lưu trữ’.

Nhấp vào nút tạo repo

Kho lưu trữ GitHub của bạn bây giờ sẽ sẵn sàng để sử dụng.

Cài đặt GitHub cho Windows hoặc Mac

Tiếp theo, bạn cần đưa code WordPress Theme của MuaHosting.com vào kho lưu trữ của MuaHosting.com. Một cách đơn giản để thực hiện việc này là sử dụng GitHub client, cài đặt trên máy tính của bạn.

Đơn giản chỉ cần truy cập Máy tính để bàn GitHub website và download ứng dụng khách Máy tính để bàn có sẵn cho Windows hoặc Mac.

Tải xuống ứng dụng khách GitHub

Sau khi download hoàn tất, hãy khởi chạy ứng dụng GitHub.

Tiếp theo, bạn cần đăng nhập bằng tài khoản GitHub của mình. Bạn có thể nhấp vào nút ‘Đăng nhập vào GitHub.com’.

Đăng nhập vào ứng dụng khách GitHub

Thao tác này sẽ khởi chạy GitHub trên trình duyệt web của bạn.

Chỉ cần nhấp vào nút ‘Ủy quyền máy tính để bàn’ để cho phép GitHub Desktop truy cập vào tài khoản của bạn.

Cho phép truy cập GitHub

Sau đó, bạn có thể mở ứng dụng GitHub Desktop.

Tiếp theo, bạn sẽ cần cấu hình Git. Chỉ cần chọn option ‘Sử dụng tên tài khoản và địa chỉ email GitHub của tôi’ và nhấp vào nút ‘Hoàn tất’.

Cấu hình git trên máy khách để bàn

Tiếp theo, hãy thêm kho GitHub mà bạn đã tạo trước đó.

Để thực hiện việc này, hãy nhấp vào option ‘Sao chép kho lưu trữ từ internet’.

Sao chép một kho lưu trữ

Bạn sẽ thấy danh sách các kho lưu trữ GitHub của mình, bao gồm cả kho lưu trữ bạn đã tạo trước đó.

Chỉ cần chọn kho lưu trữ và chọn nơi bạn muốn lưu trữ trên máy tính của mình trong trường ‘Đường dẫn cục bộ’. Khi đã xong, bạn có thể nhấp vào nút ‘Sao chép’.

Chọn một kho lưu trữ từ GitHub để sao chép

Bây giờ bạn đã sao chép (sao chép) kho lưu trữ của mình được lưu trữ trên GitHub vào máy tính của MuaHosting.com.

Tiếp theo, bạn cần thêm code theme WordPress của MuaHosting.com vào folder của kho lưu trữ, sau đó cam kết và đồng bộ hóa code này với GitHub.

Bạn có thể bắt đầu bằng cách tìm folder bạn đã chọn ở bước trên trên máy tính. Nó nên có một README.md tập tin trong folder. Tùy thuộc vào cài đặt máy tính của bạn, bạn cũng có thể thấy ẩn .git folder.

Mở tập tin readme

Khi bạn thực hiện các thay đổi đối với code theme WordPress của mình, chỉ cần sao chép và dán chúng vào folder này.

Sau đó, bạn có thể mở ứng dụng GitHub trên Mac hoặc Windows và xem các file bạn vừa thêm xuất hiện trong cửa sổ:

Xem các thay đổi về code trong máy tính để bàn GitHub

Bạn sẽ thấy những thay đổi được đánh dấu bằng màu xanh lá cây. Đây là những thay đổi bạn đã lưu trong kho lưu trữ cục bộ nhưng bạn chưa thực hiện những thay đổi đó.

Tiếp theo, bạn sẽ cần phải commit (upload) các file này lên GitHub. Để thực hiện việc này, chỉ cần nhập một số văn bản vào hộp Tóm tắt để giải thích những thay đổi chúng ta đã thực hiện và nhấp vào nút ‘Commit to master’.

Thêm tóm tắt và cam kết với master

Thao tác này sẽ xác nhận những thay đổi bạn đã thực hiện vào kho lưu trữ.

Để tải những thay đổi đó lên GitHub, bạn có thể nhấp vào nút ‘Đẩy nguồn gốc’.

Nhấp vào nút nguồn gốc đẩy

Để kiểm tra cam kết của bạn đã được upload GitHub, hãy truy cập kho lưu trữ của bạn trên website GitHub. Nếu mọi thứ đều hoạt động, bạn sẽ thấy code của mình thay đổi.

Thiết lập deploy

Bước cuối cùng là đảm bảo rằng mọi thay đổi trên kho GitHub đều được đẩy lên website WordPress của bạn.

DeployHQ hay Deploy là một dịch vụ dựa trên web sẽ theo dõi những thay đổi trên kho lưu trữ GitHub của bạn và tự động hoặc thủ công tải những thay đổi đó lên website WordPress của bạn.

Hãy tưởng tượng nó như một kết nối giữa code của bạn và server web.

Đầu tiên, bạn cần truy cập vào Triển khai website và đăng ký tài khoản mới. Triển khai là dịch vụ trả phí nhưng cung cấp tài khoản miễn phí cho một dự án và 5 lần deploy mỗi ngày.

Trang web DeployHQ

Sau khi hoàn tất đăng ký, bạn có thể đăng nhập vào dashboard Deploy của mình.

Từ đây, bạn có thể nhấp vào nút ‘Tạo dự án’ để bắt đầu.

Tạo một dự án trong deploy

Tiếp theo, bạn cần cung cấp tên cho dự án của mình.

Sau đó, bạn có thể chọn GitHub làm nền tảng lưu trữ code của mình.

Nhập tên cho dự án

Nếu cuộn xuống, bạn sẽ tìm thấy nhiều option hơn như chọn vùng cho dự án của mình và các option nâng cao.

Sau khi hoàn tất, hãy nhấp vào nút ‘Tạo dự án’ để tiếp tục.

Tạo dự án trong deploy

Deploy bây giờ sẽ chuyển hướng bạn đến GitHub.

Nếu bạn chưa đăng nhập, bạn sẽ được yêu cầu đăng nhập. Sau đó, bạn sẽ được yêu cầu cho phép Deploy truy cập vào tài khoản GitHub của bạn.

Cho phép deploy với GitHub

Chỉ cần nhấp vào nút ‘Ủy quyền krystal’ để tiếp tục.

Triển khai sẽ tìm nạp danh sách kho lưu trữ của bạn từ GitHub và sẽ yêu cầu bạn chọn kho lưu trữ cho dự án này.

Chọn dự án GitHub

Chỉ cần nhấp vào kho lưu trữ theme WordPress của bạn và Triển khai sẽ nhập nó cho bạn.

Ở bước tiếp theo, Triển khai sẽ yêu cầu bạn cung cấp thông tin server. Đây là nơi bạn hướng dẫn Triển khai cách tải file lên server WordPress của mình.

Bạn có thể bắt đầu bằng cách nhập tên và chọn ‘FTP’ làm option giao thức.

Nhập tên cho server của bạn

Tiếp theo, bạn sẽ cần phải cuộn xuống và nhập thông tin đăng nhập FTP của mình.

  • Tên server: Máy chủ SFTP/FTP của website của bạn
  • Hải cảng: Cổng SFTP/FTP của server lưu trữ website của bạn (thường là SFTP = 22, FTP = 21)
  • Tên người dùng và mật khẩu: Tên người dùng và mật khẩu FTP
  • Đường dẫn deploy: Đường dẫn bạn sẽ điều hướng đến trước khi upload các file theme WordPress của mình. Ví dụ: public_html/example.com/wp-content/themes/MyThemetrong đó MyTheme là theme WordPress mà bạn đã cam kết với GitHub.

Sau khi nhập các thông tin này, hãy nhấp vào nút ‘Lưu’ Tạo Máy chủ.

Nhập thông tin cấu hình FTP

Triển khai bây giờ sẽ kiểm tra kết nối server của bạn và nếu mọi thứ hoạt động chính xác thì nó sẽ hiển thị cho bạn thông báo thành công.

Bây giờ bạn có thể nhấp vào nút ‘Triển khai’ để tải file GitHub lên website của mình.

Nhấp vào nút deploy

Bây giờ bạn sẽ thấy tiến trình deploy.

Sau khi deploy hoàn tất, bạn sẽ thấy thông báo thành công.

Xem tiến trình deploy

Bạn đã deploy thành công các thay đổi từ GitHub lên website của mình bằng Deploy. Bây giờ, khi bạn thực hiện các thay đổi đối với theme WordPress trên máy tính, bạn cần phải cam kết chúng với GitHub. Sau đó, bạn cần truy cập website Triển khai để bắt đầu deploy theo cách thủ công.

Hãy cùng xem cách thiết lập deploy tự động để mọi thay đổi bạn cam kết với GitHub đều được tự động deploy lên website của bạn.

Thiết lập deploy tự động

Đầu tiên, bạn cần truy cập dashboard Deploy và đi đến trang ‘Projects’. Từ đây, chỉ cần nhấp vào tên dự án của bạn.

Chọn dự án của bạn

Tiếp theo, bạn có thể đi tới tab ‘Triển khai tự động’ từ menu bên trái.

Tại đây, bạn sẽ cần bật option bên cạnh server của mình để tự động deploy.

Bật deploy tự động

Sau đó, bạn sẽ phải sao chép URL Webhook và thêm vào tài khoản GitHub của mình.

Chỉ cần đăng nhập vào tài khoản GitHub của bạn trong tab trình duyệt mới. Sau đó nhấp vào kho lưu trữ của bạn và đi tới tab Cài đặt. Từ đây, bạn có thể đi tới phần Webhooks từ menu bên trái và nhấp vào nút ‘Thêm webhook’.

Thêm webhook vào GitHub

Bây giờ hãy dán URL webhook mà bạn đã sao chép từ trang Cài đặt server deploy vào trường URL tải trọng.

Sau đó, chọn ứng dụng/x-www-form-urlencoded dưới dạng loại Nội dung từ danh sách dropdown:

Nhập địa chỉ webhook

Tiếp theo, bạn có thể cuộn xuống và chọn sự kiện nào sẽ kích hoạt webhook. Bạn có thể sử dụng cài đặt mặc định.

Khi đã xong, chỉ cần nhấp vào nút ‘Thêm webhook’.

Nhấp vào nút thêm webhook

Đó là tất cả. Kho lưu trữ GitHub của bạn bây giờ sẽ thông báo cho Triển khai khi có những thay đổi mới đối với kho lưu trữ của bạn. Triển khai sau đó sẽ tự động deploy những thay đổi đó cho website của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tự động deploy các thay đổi theme WordPress bằng GitHub và Triển khai. Bạn cũng có thể muốn xem hướng dẫn của MuaHosting.com về cách tạo môi trường chạy thử cho website WordPress và các plugin WordPress bắt buộc phải có cho website kinh doanh.

Nếu bạn thích bài viết này, hãy đăng ký theo dõi của MuaHosting.com Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy MuaHosting.com trên TwitterFacebook.

5/5 - (148 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập
WordPress

Cách tạo và quản lý file Ads.txt trong WordPress

Bảo vệ website WordPress của bạn khỏi gian lận quảng cáo là rất quan trọng, nhưng không nhất thiết phải phức tạp. Tệp ads.txt là một công cụ đơn giản nhưng mạnh mẽ có thể bảo vệ doanh thu quảng cáo và danh tiếng của bạn. Chúng tôi đã tham

Đọc tiếp »