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 thức 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 thuận tiện đã với Code Syntax Block Plugin giúp bạn khiến điều đó một phương pháp thuận tiện.

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

2: cách thức sử dụng: sau lúc 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 như bạn tiêu dùng Edit Classic plugin thì bạn với thể không thấy được phần cài đặt

của plugin này:

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

+ Language : Cả nhà chọn tiếng nói mà code block hiển thị nhé.

+ Show line number: hiển thị số mẫu 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

kỳ vọng phần chỉ dẫn cách thức 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 phổ thông kiến thức mới nha.

Hãy follow fanpage để nhận được các bài viết mới nhất nhé : Hocwordpress Group

Chúc bạn mang các tri thức về wordpress thú vị và hay ho !

Theo : https://hocwordpress.vn/tao-highlight-code-block-trong-wordpress

Thủ thuật wordpress : https://flatsome.xyz/category/thu-thuat

Chia sẽ theme Free : https://flatsome.xyz/category/theme

Chia sẽ Plugin miễn phí : https://flatsome.xyz/category/plugin