Làm Thế Nào Để Hiển Thị Code Trên WordPress Dễ Dàng

Nếu là quản trị của một website dành cho lập trình viên, bạn chắc chắn thường xuyên phải chia sẻ những đoạn code cho người đọc? Thông thường, việc hiển thị code trong trang web WordPress là không dễ dàng. Vì lý do an ninh, WordPress lọc ra bất kỳ đoạn code nào được thêm vào bài viết, widgets, hoặc các bình luận. Chúng tôi thường được hỏi về những cách nào để hiển thị code trên trang web của chúng tôi. Trong bài viết này, chúng tôi sẽ cho bạn thấy làm thế nào để hiển thị code trên trang web WordPress của bạn một cách dễ dàng.

Trước tiên, bạn cần phải cài đặt và kích hoạt Syntax Highlighter Evolved plugin. Sau khi kích hoạt, bạn cần phải truy cập Setting »Syntax Highlighter để thiết lập cài đặt plugin.

syntaxhilightersettings

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

Syntax Highlighter sử dụng shortcodes đơn giản để hiển thị code. Đối với mỗi ngôn ngữ mà bạn cần sử dụng code trong shortcode cho ngôn ngữ đó.

Đối với PHP bạn sẽ sử dụng code của bạn như thế này:

<php echo "Hello World"; >

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

<php echo "Hello World"; >

Đối với CSS bạn sẽ wrap code như thế này:

.entry-title {
font-family: “Open Sans”, arial, sans-serif;
font-size: 16px;
color: #272727;
}

Nó sẽ xuất hiện trên bài viết của bạn như sau:

.entry-title {
 font-family: &quot;Open Sans&quot;, arial, sans-serif;
 font-size: 16px;
 color: #272727;
}

Syntax Highlighter sẽ tự động làm nổi bật code cho mỗi ngôn ngữ cụ thể. Nó cũng sẽ thêm số dòng và xử lý định dạng một cách chính xác. Người dùng sẽ có thể dễ dàng sao chép và dán đoạn code từ trang web WordPress của bạn.

Làm thế nào để hiển thị Code trong WordPress nếu không dùng Plugin

Nhiều blogger không chạy một development blog, vì vậy họ không cần thường xuyên thêm đoạn code mẫu trong bài viết của họ. Đối với những trường hợp thế này, bạn có thể thêm code bằng cách mã hóa các code vào các thực thể HTML. Như thế này:

<?php echo ‘Hello World’; ?>

Các vấn đề về chuyển đổi mã thành HTML là rất khó để làm một cách thủ công. Bạn có thể sử dụng các công cụ trực tuyến, để chuyển đổi đoạn thành HTML.

Bằng cách chuyển đổi mã PHP, HTML, JavaScript thành HTML, bạn có thể dán chúng vào bài viết WordPress. Bạn có thể hiển thị code giữa <code> và </ code>.

Chúng tôi hy vọng bài viết này giúp bạn tìm thấy code highlighter plugin tốt nhất cho WordPress. Chúng tôi hi vọng bạn có thể quan tâm đến bài viết 6 plugin nén ảnh tốt nhất hiện nay.

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

Ý kiến cá nhân của bạn

bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!