Diều Hâu
Kho theme & plugin bản quyền cho WordPress
  • WordPress
    • Plugin
    • Theme
    • Hướng Dẫn
    • Thủ Thuật
  • Công Nghệ
    • Điện thoại
    • Internet
    • Máy tính
  • Marketing
  • MMO
  • SEO
No Result
View All Result
  • WordPress
    • Plugin
    • Theme
    • Hướng Dẫn
    • Thủ Thuật
  • Công Nghệ
    • Điện thoại
    • Internet
    • Máy tính
  • Marketing
  • MMO
  • SEO
No Result
View All Result
Diều Hâu
No Result
View All Result
Home Thiết kế / Lập trình WordPress Thủ Thuật

Làm thế nào để hiển thị code trên WordPress dễ dàng

22/09/2020
in Thủ Thuật
1

Mục Lục

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

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:"Open Sans", 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:

&gt;?php echo “Hello World”; ?&lt;

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.

Tags: bảo mậtcode snippetshortcode

Related Posts

Infographic tình trạng bảo mật của các plugin WordPress phổ biến
WordPress

[Infographic] Tình trạng bảo mật của các plugin WordPress phổ biến

05/03/2021
Plugin

Top 5 plugin bảo mật tốt nhất cho WordPress (2021)

03/03/2021
Plugin-hay-nhat-cho-WordPress
Plugin

20 Plugin tốt nhất phải có trên mọi website WordPress (2021)

03/03/2021
quản trị viên gửi đường dẫn khôi phục mật khẩu
WordPress

WordPress 5.7 cho phép Admin gửi đường dẫn đặt lại mật khẩu

03/03/2021
5 cách thiết lập tính năng bảo mật cho trẻ nhỏ trên iPhone
Điện thoại

5 cách thiết lập tính năng bảo mật cho trẻ nhỏ trên iPhone

25/01/2021
5 cách ngăn chặn keylogger trong Windows (P2)
Máy tính

5 cách ngăn chặn keylogger trong Windows (P2)

18/12/2020
Next Post
Làm Thế Nào Xác Minh Trang Web WordPress Của Bạn Trên Pinterest

Làm Thế Nào Xác Minh Trang Web WordPress Của Bạn Trên Pinterest

Đăng ký
Thông báo về
guest
guest
1 Bình Luận
Inline Feedbacks
View all comments

Kieu Manh
Kieu Manh
29/10/2019 11:14 chiều

Cám ơn bạn rất nhiều. Mình đang đau đầu vì vấn đề hiển thị code trên blog cá nhân, đã thử nhiều cách nhưng ko dc. Thì gặp được bài của bạn. Xin cám ơn rất nhiều 🙂

0
Trả lời

Bạn Cần Hỗ Trợ Về

Viết Blog

Bảo Mật

Sửa Lỗi

Tăng Tốc

SEO

Bán Hàng

Xem Nhiều Nhất

ten-mien-va-hosting-mien-phi

5 Website cung cấp tên miền Miễn Phí + Free Hosting (Updated 2021)

05/03/2021
Huong-dan-su-dung-WordPress

Hướng dẫn sử dụng WordPress cho người mới (Chi tiết từ A->Z)

26/09/2020
Loi-thuong-gap-trong-wordpress

25 lỗi thường gặp nhất trong WordPress và cách sửa chúng

21/09/2020
Hướng dẫn sửa lỗi Troubleshooting

Hướng dẫn khắc phục lỗi WordPress cho người mới bắt đầu

22/09/2020
cài đặt facebook messenger vào website

Hướng dẫn tích hợp Facebook chat vào website (không cần plugin)

26/09/2020
VPS khuyên dùng
  • Liên hệ
  • Sitemap
  • Chính sách bảo mật
  • Điều khoản sử dụng

© 2021 Diều Hâu - Tạp chí công nghệ cho mọi người

No Result
View All Result
  • WordPress
    • Plugin
    • Theme
    • Hướng Dẫn
    • Thủ Thuật
  • Công Nghệ
    • Điện thoại
    • Internet
    • Máy tính
  • Marketing
  • MMO
  • SEO

© 2021 Diều Hâu - Tạp chí công nghệ cho mọi người

wpDiscuz
Comment Author Info
:wpds_smile::wpds_grin::wpds_wink::wpds_mrgreen::wpds_neutral::wpds_twisted::wpds_arrow::wpds_shock::wpds_unamused::wpds_cool::wpds_evil::wpds_oops::wpds_razz::wpds_roll::wpds_cry::wpds_eek::wpds_lol::wpds_mad::wpds_sad::wpds_exclamation::wpds_question::wpds_idea::wpds_hmm::wpds_beg::wpds_whew::wpds_chuckle::wpds_silly::wpds_envy::wpds_shutmouth: