Bạn có muốn hiển thị mã trên trang WordPress? Theo mặc định, WordPress sẽ lọc bất kỳ mã thô nào được thêm vào các bài đăng, trang, tiện ích hoặc nhận xét trên blog. Trong bài này, chúng tôi sẽ chỉ cho bạn cách dễ dàng hiển thị mã trên trang WordPress của bạn.
Trước tiên, bạn cần phải cài đặt và kích hoạt plugin Trình cắm thêm Phông nền Cú pháp của Trình tạo Cú pháp (Syntax Highlighter Evolved). Để biết thêm chi tiết
Khi kích hoạt, bạn cần truy cập Cài đặt »Cú pháp cú pháp để định cấu hình cài đặt plugin.
Cài đặt plugin mặc định sẽ hoạt động cho 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à thay đổi nếu cần.
Mỗi lựa chọn có mô tả chi tiết để giải thích nó làm gì Khi bạn đã hoàn tất, chỉ cần nhấp vào nút lưu thay đổi để lưu cài đặt của bạn.
Cú pháp tô màu đánh dấu phát triển sử dụng mã ngắn đơn giản để hiển thị mã. Đối với mỗi ngôn ngữ lập trình, bạn cần quấn mã của mình vào mã ngắn cho ngôn ngữ đó.
Đối với PHP bạn sẽ quấn mã của bạn như thế này:
[php]
echo “Xin chào thế giới”;
?>
[/ php]
Nó sẽ xuất hiện trong bài đăng của bạn như sau:
Đối với CSS bạn sẽ quấn mã của bạn như sau:
[css]
.Tiêu đề mục nhập {
gia đình phông chữ: “Open Sans”, arial, sans-serif;
kích cỡ phông chữ: 16px;
màu sắc: # 272727;
}
[/ css]
Nó sẽ xuất hiện trên site của bạn như sau:
.Tiêu đề mục nhập {
gia đình phông chữ: "Open Sans", arial, sans-serif;
kích cỡ phông chữ: 16px;
màu sắc: # 272727;
}
Cú pháp cú pháp sẽ tự động đánh dấu mã cho ngôn ngữ cụ thể đó. Nó cũng sẽ thêm số dòng và xử lý các tab lề đúng. 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ã từ trang WordPress của bạn.
Làm thế nào để hiển thị mã trong WordPress Nếu không có sử dụng Plugin
Nhiều blogger không chạy blog phát triển, vì vậy họ không cần phải thêm đoạn mã mẫu vào bài viết của họ rất thường xuyên. Trong những dịp hiếm hoi, bạn có thể thêm mã bằng mã hóa mã vào các thực thể HTML. Như thế này:
>? echo echo "Hello World"; ?
Vấn đề với mã chuyển đổi thành các thực thể HTML là rất khó thực hiện bằng tay. Bạn có thể sử dụng các công cụ trực tuyến như thế này, để chuyển mã thành các thực thể HTML.
Bằng cách chuyển đổi các mã PHP, HTML, JavaScript thành các thực thể HTML, bạn có thể dán chúng vào các bài viết WordPress của bạn. Để tạo kiểu dáng bổ sung, bạn có thể quấn mã giữa và thẻ.
Chúng tôi hy vọng bài viết này đã giúp bạn tìm thấy các plugin tốt nhất cú pháp highlighter cho WordPress. Bạn cũng có thể thưởng thức bài viết của chúng tôi về 13 plugin và các mẹo để cải thiện khu vực quản trị WordPress.