Trong quá trình viết bài hướng dẫn một công việc nào đó có sử dụng đến những dòng code thì bắt buộc chúng ta phải chèn những đoạn code này vào bài viết. Blog mình cũng thường hay chia sẻ những thủ thuật với những đoạn code nhỏ nên bắt buộc mình phải sử dụng 1 plugin có chức năng chèn code vào bài viết và giúp chúng được nổi bật và giúp người đọc dễ dàng tiếp cận hơn. Cùng tìm hiểu bài viết này để lựa chọn cho mình 1 plugin phù hợp với công việc này nhé!
Đầu tiên thì các bạn cần phải hiểu được những plugin với chức năng chèn code và làm nổi bật đoạn code trong bài viết có tên chung là Syntax Highlighter. Có rất nhiều plugin Syntax Highlighter thực hiện công việc chèn code vào bài viết nhanh chóng với thiết kế đẹp mắt. Bài viết này mình xin chia sẻ plugin Crayon Syntax Highlighter để thực hiện việc chèn code vào bài viết trên Website WordPress. Hiện tại mình cũng đang sử dụng plugin này cho Blog của mình.
Bạn cần tải về plugin Crayon Syntax Highlighter, cài đặt và Active plugin này.
Vào Cài đặt/Crayon để truy cập vào plugin và thiết lập những thông số cho việc hiển thị đoạn code của chúng ta.
Tại Theme bạn chọn những Theme được thiết lập sẵn, với coder có thể thấy được những Theme này rất gần gũi và tương tự như những phần mềm dành cho việc lập trình và code thông dụng.
Trong này có rất nhiều lựa chọn để các bạn có thể thiết lập được khung hiển thị code trong bài viết được đẹp mắt. Các bạn tự mò những thiết lập trong này và nhớ tick chọn Enable Live Preview để xem trước trong quá trình thiết lập.
Bây giờ chúng ta sẽ thử nghiệm và đưa đoạn code vào bài viết với sự hỗ trợ của Crayon Syntax Highlighter. Trong trình soan thảo bạn có để ý thấy đã xuất hiện thêm lựa chọn <>. Nhấn vào đó để chèn đoạn code vào bài viết.
Ví dụ mình có đoạn code như thế này:
// A sample classclass Human {private int age = 0;public void birthday() {age++;print(‘Happy Birthday!’);}}
Và mình sẽ sử dụng Crayon Syntax Highlighter để chèn đoạn code đó vào bài viết.
Và dưới đây đoạn code sẽ được hiển thị trong bài viết giống như những thiết lập đã được cài đặt trong Crayon.
// A sample class class Human { private int age = 0; public void birthday() { age++; print('Happy Birthday!'); } }
Thật đơn giản phải không nào. Đoạn code được chèn vào bài viết đẹp mắt, dễ nhìn và không kém phần chuyên nghiệp. Plugin này rất cần thiết với những Blog sử dụng nhiều đoạn code trong bài viết. Với việc sử dụng Plugin sẽ giúp những dòng code được rõ ràng và trực quan hơn rất nhiều so với khi chúng ta viết trên văn bản thuần của WordPress. Hy vọng các bạn có thể lựa chọn cho mình một cách thêm những đoạn code vào bài viết trên Website được dễ dàng cùng Crayon Syntax Highlighter. Xin chào và hẹn gặp lại.
Trả lời