Tạo highlight code block trong WordPress

Tạo highlight code block trong WordPress như thế nào?

Bạn cảm thấy cách hiển thị code mặc định của WordPress quá nhàm chán và bạn muốn các đoạn code trông giống như trong IDE.

Thật dễ dàng đã có Code Syntax Block Plugin giúp bạn làm điều đó 1 cách dễ dàng.

1: Cài đặt: các bạn vào Plugins => chọn Add new rồi gõ từ khóa “Code Syntax Block”:

2: Cách tiêu dùng: sau khi bạn đã kích hoạt thì hãy vào phần bài viết rồi tiêu dùng với trình edit  Gutenberg, lưu ý nếu bạn tiêu dùng Edit Classic plugin thì bạn có thể không thấy được phần cài đặt

của plugin này:

ở đây mình dùng thử 1 đoạn code php:

+ Language : các bạn chọn ngôn ngữ mà code block hiển thị nhé.

+ Show line number: hiển thị số dòng code.

+ Title for Code block: Thêm tiêu đề cho đoạn code này.

+ Global Color Scheme: chọn giao diện cho phần code block.

và đây là kết quả:

Lời kết

Hy vọng phần hướng dẫn cách tạo highlight code block trong WordPress.

Nếu các bạn thấy hay có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nha.

Hãy xem thêm các bài đăng khác trên Website của chúng tôi để nhận được những bài viết mới nhất nhé.

Chúc bạn có những thêm những kiến thức hữu ích về wordpress cho việc học tập và nghiên cứu của mình.