(Hướng dẫn) Cách chèn code từ GitHub vào bài viết WordPress

Đối với những người hay viết blog về wordpress như mình thì việc sự dụng mã (code) để dán vào bài viết là chuyện thường xuyên xảy ra, đôi khi trong quá trình cắt dán , chỉnh sửa post code thường gặp nhiều lỗi không hiển thị được ra ngoài blog.

Bài viết này tôi sẽ hướng dẫn bạn cách chèn code vào bài viết wordpress một cách đơn giản giúp bạn làm đẹp đoạn mã khi chia sẻ cho đọc giả trên trang website của mình.

GitHub là gì?

GitHub là một dịch vụ cung cấp kho lưu trữ mã nguồn Git dựa trên nền web cho các dự án phát triển phần mềm. GitHub cung cấp cả phiên bản trả tiền lẫn miễn phí cho các tài khoản. Các dự án mã nguồn mở sẽ được cung cấp kho lưu trữ miễn phí. Tính đến tháng 4 năm 2016, GitHub có hơn 14 triệu người sử dụng với hơn 35 triệu kho mã nguồn, làm cho nó trở thành máy chủ chứa mã nguồn lớn trên thế giới.

Tại sao nên sử dụng github?

• Viện chèn mã code một cách dễ ràng hơn bao giờ hết.
• Khắc phục những lỗi không hiển thị được hết code muốn chia sẻ.
• Làm đẹp nội dung bài viết khi hiển thị trên website.
• Thao tác chỉnh sửa đơn giản bạn không cần phải vào từng bài viết.

Hướng dẫn chèn code github vào bài viết wordpress

1. Tạo tài khoản GitHub

Tất nhiên chúng ta phải tạo một tài khoản GitHub, truy cập địa chỉ github.com nhập thông tin cần thiết rồi tạo cho mình một tài khoản GitHub mới.

Sau đó hãy đăng nhập vào tài khoản vừa tạo, ở đây mình muốn nói đến nguyên lý để nó hoạt động như sau, ta sẽ tạo một file rồi chèn mã code của mình lên GitHub rồi lại chia sẻ file đó về trang web để sử dụng, mỗi khi cần sửa chỉ cần lên GitHub rồi sửa lại thôi.

2. Tạo file github mới

Bắt đầu tạo một mã mới bằng cách ấn vào “New gist”

Đoạn dưới đây bạn cần chú ý:

• Gist description: là mô tả về file vd: trỏ link bài viết trang web…
• Filename including extension: để đặt tên cho file vd: code.txt, functions.php

Ô dưới cùng là để ta chèn mã vào đó, bạn có để ý thấy cái số 1 đó không?

Tiếp theo ấn Create public gist

3. Chia sẻ file vừa tạo

Click vào “Copy to clipboard” dán vào nơi muốn hiển thị.

Lời kết

Vậy là qua bài viết bạn đã học được cách thức chèn code từ github vào bài viết wordpress rồi, Bạn còn cách nào khác? hãy chia sẻ với chúng tôi qua khung bình luận bên dưới nhé.