Bạn có điều hành một blog phát triển nơi bạn muốn chia sẻ các đoạn mã không? Theo mặc định, việc hiển thị mã trên trang WordPress của bạn không dễ dàng. Vì lý do bảo mật, WordPress lọc bất kỳ mã nào được thêm vào trong bài đăng, tiện ích hoặc nhận xét. Chúng tôi thường được hỏi rằng chúng tôi sử dụng plugin nào để hiển thị mã trên trang web của mình.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách dễ dàng hiển thị mã trên trang web WordPress của bạn. Trước tiên, bạn phải cài đặt và kích hoạt plugin Cú pháp Cú pháp đã được Phát triển. Sau khi kích hoạt, bạn phải vào " Cài đặt »Công cụ đánh dấu cú pháp» để cấu hình các cài đặt plugin.

cú pháp highligher cú pháp WordPress cho mã

Cài đặt plugin cơ bản sẽ hoạt động trên hầu hết các trang web. Tuy nhiên, bạn nên xem lại tất cả các cài đặt và thực hiện các thay đổi nếu cần. Mỗi tùy chọn có một mô tả chi tiết để giải thích những gì nó làm. Khi bạn đã hoàn tất, chỉ cần nhấp vào nút Lưu thay đổi.

Cú pháp Cú pháp đã phát triển sử dụng các mã ngắn đơn giản để hiển thị mã. Đối với mỗi ngôn ngữ, bạn cần bọc mã của mình trong mã ngắn cho ngôn ngữ đó.

Đối với PHP bạn quấn mã của bạn như thế này:

[php] [/ php]

Nó sẽ xuất hiện trong bài viết của bạn như thế này:


Đối với CSS, bạn bao gồm mã của mình như sau:

[css] .entry-title {font-family: "Open Sans", arial, sans-serif; font-size: 16px; màu: #272727; } [/ css]

Nó sẽ xuất hiện trên trang web của bạn như thế này:

.entry-title {font-family: "Open sans", arial, sans-serif; font-size: 16px; màu: #272727; }

Cú pháp cú pháp sẽ tự động đánh dấu mã bằng ngôn ngữ cụ thể. Nó cũng sẽ thêm một hàng số và xử lý tab thụt lề đúng cách. Người dùng của bạn sẽ có thể dễ dàng sao chép và dán các đoạn mã vào trang web WordPress của bạn.

Cách hiển thị mã trên WordPress mà không cần sử dụng plugin

Nhiều người viết blog không điều hành một blog phát triển, vì vậy họ không thường xuyên phải thêm các đoạn mã mẫu vào bài đăng của mình. Trong những trường hợp hiếm hoi, bạn có thể thêm mã bằng cách viết mã trong HTML; như thế:

>? php echo "Hello World"; ?

Vấn đề với việc chuyển đổi mã sang HTML là rất khó thực hiện theo cách thủ công. Bạn có thể dùng công cụ trực tuyến như thế này, để chuyển đổi mã sang HTML.

Bằng cách chuyển đổi mã PHP, HTML, JavaScript sang HTML, bạn có thể dán chúng vào các bài đăng WordPress của mình. Để tạo kiểu bổ sung, bạn có thể bọc mã giữa et .

Chúng tôi hy vọng bài viết này đã cho phép bạn đăng một số mã trên WordPress.

Nếu bạn có bất kỳ nhận xét hoặc đề xuất nào, vui lòng cho chúng tôi biết trong phần dành riêng.