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.

Tạo highlight code block trong WordPress

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 sử dụng: sau khi bạn đã kích hoạt thì hãy vào phần bài viết rồi sử dụng với trình edit Gutenberg, lưu ý nếu bạn sử dụng Edit Classic plugin thì bạn có thể không thấy được phần cài đặt

Code Syntax Block hương dẫn sủ dụng

ở đâ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.