Hướng dẫn sử dụng Git với WordPress cho người mới bắt đầu

Mục lục

Bạn có muốn sử dụng Git và tích hợp GitHub vào website WordPress của mình không?

Git và GitHub là những công cụ thiết yếu cho các developer muốn theo dõi các thay đổi trong code, quản lý các dự án code hóa khác nhau và làm việc với một nhóm trên cùng một code. Bạn cũng có thể khôi phục phiên bản ổn định của code trong trường hợp có sự cố xảy ra trong quá trình phát triển.

Trong bài viết này, WPBeginner Việt Nam sẽ giải thích mọi thứ về việc sử dụng Git với WordPress.

Hướng dẫn cho người mới bắt đầu sử dụng Git với WordPress

Sau đây là tổng quan về mọi thứ WPBeginner Việt Nam sẽ đề cập trong hướng dẫn này. Bạn có thể nhấp vào các link bên dưới để chuyển đến bất kỳ phần nào:

Git là gì?

Git, viết tắt của global information tracker, là một hệ thống kiểm soát phiên bản phân tán giúp theo dõi các thay đổi trong các file máy tính hoặc dự án code hóa khác nhau. Các dự án này được lưu trữ trong cái gọi là kho lưu trữ (hoặc repo), về cơ bản là folder mẹ mà Git sử dụng để lưu trữ tất cả các file.

Git chủ yếu được sử dụng bởi các developer làm việc trên các nhiệm vụ phát triển phần mềm khác nhau. Với Git, nhiều người có thể dễ dàng tạo bản sao của kho lưu trữ chính chứa code gốc.

Sau đó, họ có thể tự sửa đổi trên máy tính của mình mà không cần phải truy cập hoặc chỉnh sửa kho lưu trữ chính. Khi họ đã thực hiện các thay đổi và sẵn sàng gửi, nhiều người dùng sẽ tải chúng lên một dịch vụ như GitHub giúp sắp xếp các kho lưu trữ khác nhau của nhóm.

Git và GitHub – Sự khác biệt là gì?

Khi thảo luận về git, một trong những câu hỏi được hỏi nhiều nhất là sự khác biệt giữa Git và GitHub.

Thông thường, người mới bắt đầu và chủ sở hữu website mới nghĩ rằng Git và GitHub là một. Tuy nhiên, có sự khác biệt giữa hai cái này.

Git là hệ thống kiểm soát phiên bản thực tế cho phép bạn theo dõi các thay đổi trong code của mình và tạo và sắp xếp chúng vào thứ gọi là kho lưu trữ. Do đó, GitHub là nền tảng lưu trữ web để lưu trữ kho lưu trữ Git để nhóm có thể dễ dàng truy cập.

Bạn có thể sử dụng Git độc lập, lưu trữ mọi thứ trên máy cục bộ, nhưng bạn không thể sử dụng GitHub nếu không có Git.

Ngoài ra, còn có nhiều nền tảng lưu trữ Git khác, chẳng hạn như Launchpad, Assembla và Bitbucket. Nhưng phổ biến nhất là GitHub, cung cấp các tính năng bổ sung trên Git.

GitHub phù hợp hơn với các công ty và nhóm làm việc từ xa có nhiều người làm việc trên cùng một dự án. GitHub có giao diện tối ưu với người dùng và các tính năng mạnh mẽ giúp nó trở thành công cụ tuyệt vời cho việc cộng tác.

Ngoài ra, nó còn lưu trữ mọi thứ trên đám mây nên bạn không phải lo mất dữ liệu trong trường hợp máy cục bộ của bạn bị hỏng hoặc bị đánh cắp.

Sau đây, chúng ta hãy xem xét một số tình huống mà bạn muốn sử dụng Git và GitHub để phát triển WordPress.

Cách sử dụng Git và GitHub để phát triển WordPress

2 lý do chính để sử dụng Git và GitHub là để phát triển theme và plugin WordPress.

Ví dụ, nếu bạn đang tạo một theme mới hoặc sử dụng một theme custom cho website của mình, thì GitHub là lựa chọn hoàn hảo để quản lý cơ sở code của dự án.

Bạn có thể chỉ cần lấy kho lưu trữ theme từ GitHub, thực hiện thay đổi và sau đó kiểm tra theme trên server cục bộ. Sau khi thực hiện thay đổi, bạn có thể đẩy kho lưu trữ đã cập nhật lên GitHub và sau đó áp dụng các thay đổi cho theme trên trang WordPress trực tiếp của mình.

Tương tự như vậy, nếu bạn là developer WordPress chuyên tạo plugin, thì bạn có thể sử dụng GitHub để quản lý cơ sở code.

Nó cũng tuyệt vời cho các dự án code nguồn mở, nơi bất kỳ ai cũng có thể đóng góp vào việc phát triển plugin WordPress. Ví dụ, bạn có thể lấy các file plugin từ GitHub để sửa lỗi hoặc cải thiện tính năng.

Đóng góp vào quá trình phát triển plugin trên GitHub

Ngoài ra, bạn có thể sử dụng GitHub và Git để download và cài đặt plugin và theme WordPress trên website trực tiếp của mình. Mặc dù GitHub cho phép lưu trữ và download file, nhưng nó không được thiết lập để sử dụng làm lưu trữ file theo cùng cách như Dropbox hoặc Google Drive.

Bây giờ, hãy xem cách bạn có thể sử dụng Git và GitHub để phát triển WordPress. Đối với hướng dẫn này, WPBeginner Việt Nam sẽ chỉ cho bạn cách thực hiện thay đổi đối với file plugin cục bộ và tải file đó lên GitHub.

Thiết lập môi trường WordPress cục bộ cho Git

Trước khi sử dụng Git và GitHub, cách tốt nhất là tạo một môi trường WordPress cục bộ. Đây là nơi bạn có thể làm việc trên dự án của mình, thực hiện các thay đổi cho website WordPress, thử code mới và kiểm tra quá trình phát triển plugin và theme.

Có một môi trường cục bộ đảm bảo rằng website trực tiếp của bạn không bị ảnh hưởng bởi những thay đổi cho đến khi bạn deploy chúng. Trong trường hợp có bất kỳ sự cố nào xảy ra, bạn có thể thực hiện thay đổi và gỡ lỗi code trên website cục bộ của mình.

Để bắt đầu, bạn có thể sử dụng phần mềm web cục bộ cho phép bạn lưu trữ các website cục bộ trên máy tính của mình thay vì server lưu trữ hoặc server trực tiếp.

Ví dụ, phần mềm như Local WP (trước đây gọi là Local by Flywheel), MAMP, XAMPP và WampServer rất tuyệt vời để tạo môi trường cục bộ. Chúng miễn phí sử dụng và rất dễ thiết lập.

Đăng nhập vào website WordPress địa phương của bạn

Bạn có thể tìm hiểu thêm bằng cách làm theo hướng dẫn của WPBeginner Việt Nam về cách cài đặt WordPress trên máy tính Windows và cách cài đặt WordPress cục bộ trên máy Mac.

Cài đặt Git cục bộ và tạo kho lưu trữ

Khi môi trường cục bộ của bạn đã sẵn sàng, bước tiếp theo là download và cài đặt Git trên máy tính của bạn.

Nhưng trước khi làm điều đó, điều quan trọng là phải kiểm tra xem Git đã được cài đặt trên máy của bạn hay chưa. Bởi vì các thiết bị macOS và Linux mới nhất đã cài đặt sẵn Git.

Để bắt đầu, chỉ cần nhập git -phiên bản lệnh trong ‘Terminal’ trên bất kỳ máy Mac hoặc Linux nào. Trên thiết bị Windows, bạn có thể mở Dấu nhắc lệnh và nhập phiên bản git yêu cầu.

Nếu Git được cài đặt sẵn, thì bạn sẽ thấy số phiên bản của Git. Nếu chưa được cài đặt, thì bạn sẽ không thấy gì hoặc gặp lỗi lệnh không xác định. Điều này có nghĩa là bạn sẽ phải cài đặt Git trên máy của mình.

Đầu tiên, bạn cần phải ghé thăm Trang web Git và đi đến phần ‘Tải xuống’.

Trang web Git

Ở màn hình tiếp theo, bạn sẽ tìm thấy các link dành cho Mac, Windows và Linux/Unix.

Hãy nhấp vào link phù hợp với hệ điều hành của thiết bị bạn để download Git.

Chọn hệ điều hành của bạn cho git

Sau khi tải Git từ website, bạn có thể khởi chạy trình hướng dẫn cài đặt.

Từ đây, nhấp vào nút ‘Tiếp theo’ và chỉ cần làm theo hướng dẫn trên màn hình để hoàn tất quá trình cài đặt.

Cài đặt git

Sau khi cài đặt hoàn tất, bạn có thể khởi chạy Git.

Sau đó, chỉ cần nhập phiên bản git để xác minh rằng phần mềm đã được cài đặt đúng.

Kiểm tra phiên bản git

Bây giờ Git đã sẵn sàng để sử dụng trên hệ thống của bạn, bước tiếp theo là tạo kho lưu trữ Git cục bộ nơi bạn có thể cam kết thay đổi vào các file website WordPress của mình trước khi đẩy chúng lên GitHub.

Để bắt đầu, hãy điều hướng đến các file website cục bộ trên máy tính của bạn. Từ đây, định vị folder ‘wp-content’ rồi chuyển đến folder plugin hoặc theme mà bạn đang làm việc. Bây giờ, nhấp chuột phải vào bất kỳ đâu bên trong folder và nhấp vào option ‘Mở Git Bash tại đây’.

Nhấp vào mở bằng git bash

Thao tác này sẽ mở phần mềm Git trên máy tính của bạn.

Từ đây, bạn chỉ cần nhập lệnh sau và nhấn phím Enter hoặc Return trên bàn phím.

Nhập lệnh git init

Sau đó, bạn sẽ cần nhập lệnh sau để phân đoạn thay đổi file.

Sau khi thực hiện xong, nhấn Enter hoặc Return.

Nhập lệnh git add

Tiếp theo, bạn có thể thêm tin nhắn vào kho lưu trữ của mình bằng cách nhập lệnh sau.

git commit -m “message”

Đừng quên thay thế tin nhắn với bất kỳ văn bản nào bạn thích. Đây là cách để lại ghi chú về những thay đổi cụ thể bạn đã thực hiện trong kho lưu trữ.

Thêm tin nhắn cam kết

Sau khi thực hiện xong, bạn chỉ cần nhấn nút Enter hoặc Return trên bàn phím.

Bây giờ bạn sẽ thấy folder ‘.git’ ẩn trong các file theme WordPress cục bộ của mình.

Xem folder git ẩn

Tạo kho lưu trữ GitHub và cam kết thay đổi

Tiếp theo, bạn có thể đi đến Trang web GitHub và đăng ký tài khoản miễn phí.

Để bắt đầu, chỉ cần nhập địa chỉ email của bạn và nhấp vào nút ‘Đăng ký GitHub’.

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

Ở màn hình tiếp theo, bạn sẽ cần nhập thông tin chi tiết để tạo tài khoản mới.

Ví dụ, tạo mật khẩu, nhập tên người dùng và kiểm tra option email của bạn.

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

Nếu bạn cuộn xuống, GitHub sẽ yêu cầu bạn giải một câu đố để xác minh tài khoản của bạn.

Tương tự như việc sử dụng reCAPTCHA trên website 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 đã sẵn sàng, bạn sẽ thấy dashboard GitHub.

Tiếp tục nhấp vào dấu ‘+’ ở 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

Sau đó, bạn có thể nhập tên cho kho lưu trữ của mình.

Ngoài ra còn có các option để thêm mô tả và công khai hoặc giữ kho lưu trữ ở chế độ riêng tư.

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

Nếu bạn cuộn xuống, bạn sẽ thấy nhiều option hơn, như thêm file README và chọn license.

Sau khi nhập đầy đủ thông tin, hãy nhấp vào nút ‘Tạo kho lưu trữ’.

Nhấp vào nút tạo kho lưu trữ

Sau khi tạo kho lưu trữ, bạn sẽ cần sao chép URL của kho lưu trữ đó.

Bạn có thể tìm thấy link trong phần Cài đặt nhanh.

Sao chép link kho lưu trữ trong thiết lập nhanh

Tiếp theo, bạn sẽ cần mở Git Bash trên máy tính của mình.

Từ đây, chỉ cần nhập lệnh sau và nhấn Enter hoặc Return.

git remote add origin URL

Đừng quên thay thế URL bằng link kho lưu trữ của bạn.

Nhập lệnh remote add origin

Sau đó, bạn có thể nhập lệnh sau.

Thao tác này sẽ gửi kho lưu trữ cục bộ đến kho lưu trữ từ xa trên GitHub.

Nhập lệnh git push

Tiếp theo, bạn có thể được yêu cầu kết nối tài khoản GitHub của mình nếu tài khoản chưa được kết nối với Git. Chỉ cần đăng nhập vào tài khoản của bạn và cho phép Git kết nối.

Bây giờ, bạn có thể mở kho lưu trữ GitHub và xem các file cục bộ mà bạn vừa chỉnh sửa.

Xem các file cục bộ trong kho GitHub

Sau khi đẩy các file cục bộ lên GitHub, những người dùng khác có thể chỉnh sửa file và thực hiện thêm những thay đổi cho plugin hoặc theme.

Nếu bạn cần tải các bản cập nhật này từ kho lưu trữ GitHub để thiết lập website cục bộ, thì bạn sẽ cần mở folder plugin trên máy tính, nhấp chuột phải vào bất kỳ đâu và mở Git Bash.

Tiếp theo, bạn có thể nhập lệnh sau và nhấn phím Enter hoặc Return.

Đừng quên thay thế URL bằng link đến kho lưu trữ GitHub.

Bây giờ bạn có thể lặp lại các bước này để bắt đầu phát triển WordPress bằng Git và GitHub.

Sau khi bạn đã thực hiện thay đổi cho các file cục bộ, bước tiếp theo là đẩy chúng lên website trực tiếp.

Triển khai GitHub Themes và Plugins vào một website WordPress trực tiếp

Sau khi hoàn tất việc phát triển plugin hoặc theme WordPress, bước cuối cùng là deploy nó trên website trực tiếp của bạn.

Bây giờ, bạn có thể sử dụng Git và chạy các lệnh khác nhau để đẩy các thay đổi của mình lên website WordPress. Tuy nhiên, có một cách dễ hơn bằng cách sử dụng plugin WordPress Github như WP Pusher.

Đầu tiên, bạn cần phải ghé thăm Trang web WP Pusher và nhấp vào nút ‘Tải xuống’.

Trang web WP Pusher

Tiếp theo, hãy download các file plugin WP Pusher và lưu chúng vào máy tính của bạn.

Sau đó, hãy tiếp tục cài đặt và kích hoạt plugin WP Pusher. Nếu bạn cần trợ giúp, vui lòng xem hướng dẫn của WPBeginner Việt Nam về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn có thể đi đến Đẩy WP từ dashboard WordPress và chuyển sang tab ‘GitHub’.

Nhận code thông báo GitHub

Tiếp theo, một popup mới sẽ mở ra, yêu cầu bạn cho phép WP Pusher kết nối với tài khoản GitHub của bạn.

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

Cho phép wp pusher

Từ đây, bạn sẽ cần đăng nhập vào tài khoản GitHub của mình.

Sau khi hoàn tất, chỉ cần sao chép code thông báo GitHub trên màn hình tiếp theo.

Sao chép code thông báo GitHub

Bây giờ, hãy vào cài đặt GitHub của WP Pusher rồi nhập code token.

Đừng quên nhấp vào nút ‘Lưu code thông báo GitHub’.

Lưu code thông báo GitHub

Sau khi GitHub được kết nối, bạn có thể cài đặt bất kỳ theme hoặc plugin nào mà bạn đã upload GitHub từ kho lưu trữ vào website WordPress trực tiếp của mình.

Ví dụ, hãy đến WP Pusher » Settings Plugin trong bảng quản trị WordPress và nhập URL kho lưu trữ plugin.

Nhập kho plugin

Hoặc bạn có thể nhấp vào nút ‘Chọn từ GitHub’ và một popup mới sẽ mở ra.

Từ đây, chỉ cần sao chép link đến kho plugin của bạn.

Sao chép link cho kho plugin

Sau khi nhập URL kho lưu trữ GitHub, bạn có thể nhập các thông tin chi tiết khác như nhánh kho lưu trữ và folder con.

Tiếp theo, bạn cần cuộn xuống và nhấp vào nút ‘Cài đặt plugin’ ở cuối.

Nhấp vào nút cài đặt plugin

Sau khi cài đặt plugin, bạn cần phải kích hoạt nó.

Để làm điều đó, chỉ cần đi đến Plugin » Plugin đã cài đặt và điều hướng đến plugin bạn vừa cài đặt. Từ đây, bạn có thể nhấp vào nút ‘Kích hoạt’.

Kích hoạt một plugin

Bây giờ bạn có thể bắt đầu sử dụng plugin đã cài đặt trên website của mình.

Tương tự như vậy, bạn có thể vào mục Cài đặt theme trong WP Pusher trên dashboard WordPress để thiết lập theme custom mà bạn đã phát triển bằng quy trình này.

Cài đặt Plugin và Theme WordPress từ GitHub

Ngoài việc tích hợp WordPress với Git và GitHub để phát triển, bạn cũng có thể lấy các file plugin và theme không còn khả dụng trong thư viện WordPress.org.

Các developer WordPress thường tạo kho lưu trữ GitHub cho plugin và theme của họ. Bạn thường có thể dễ dàng tìm thấy chúng trên GitHub nếu chúng không có trong thư viện plugin và theme của WordPress.

Chỉ cần mở GitHub và tìm kiếm plugin hoặc theme bạn muốn cài đặt. Sau đó, bạn có thể nhấp vào nút ‘Code’ và chọn option ‘Download ZIP’.

Tải xuống file zip cho plugin

Bằng cách này, bạn có thể download các file plugin và cài đặt chúng trên website của mình.

Để biết thêm chi tiết, vui lòng xem hướng dẫn của WPBeginner Việt Nam về cách cài đặt plugin và theme WordPress từ GitHub.

Các thuật ngữ quan trọng của Git và GitHub mà bạn nên biết

Bạn sẽ bắt gặp các thuật ngữ Git và GitHub khác nhau khi bạn bắt đầu sử dụng chúng để phát triển WordPress và các mục đích khác. Để giúp bạn, sau đây là một số thuật ngữ quan trọng mà bạn nên biết:

  • Các nhánh – Nhánh giống như một kho lưu trữ song song mà bạn có thể tạo. Nó cho phép bạn thực hiện các thay đổi và làm việc tự do mà không ảnh hưởng đến nhánh chính hoặc làm gián đoạn phiên bản trực tiếp.
  • Hợp nhất – Khi bạn muốn lấy các thay đổi từ một nhánh và áp dụng chúng vào một nhánh khác, thì quá trình này được gọi là hợp nhất. Tuy nhiên, các nhánh cần phải nằm trong cùng một kho lưu trữ hoặc từ một nhánh.
  • Sự lôi kéo – Nó đề cập đến việc lấy các thay đổi và hợp nhất chúng. Giả sử ai đó đã thực hiện các thay đổi đối với một file trong kho lưu trữ. Bạn có thể kéo những thay đổi đó vào môi trường cục bộ của mình để đảm bảo các file của bạn được cập nhật.
  • Yêu cầu kéo (PR) – Yêu cầu kéo là khi người dùng gửi recommend thay đổi tới kho lưu trữ và được cộng tác viên kho lưu trữ khác chấp nhận hoặc từ chối.
  • Cái nĩa – Fork là bản sao cá nhân của kho lưu trữ của người dùng khác mà bạn có trên tài khoản của mình. Bạn có thể tự do thay đổi dự án bằng cách sử dụng fork mà không ảnh hưởng đến kho lưu trữ gốc.
  • Làm – Cam kết là một thay đổi riêng lẻ đối với một file trong kho lưu trữ. Khi bạn thực hiện cam kết, Git sẽ tạo một ID duy nhất để giúp bạn lưu giữ hồ sơ về các thay đổi cụ thể. Nó cũng ghi lại người đã thực hiện các thay đổi và thời điểm thực hiện.
  • – Đẩy có nghĩa là gửi các thay đổi của bạn đến một kho lưu trữ từ xa trên GitHub. Ví dụ, nếu bạn thực hiện thay đổi cho một file cục bộ, thì bạn có thể đẩy chúng để những người khác cũng có thể truy cập chúng.

Chúng tôi hy vọng bài viết này giúp bạn học cách sử dụng Git với WordPress. Bạn cũng có thể muốn xem các lựa chọn của WPBeginner Việt Nam về các công cụ phát triển WordPress tốt nhất và các lỗi WordPress phổ biến nhất và cách khắc phục chúng.

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

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