Đưa code vào bài viết cực đẹp với Code Prettify
  1. Home
  2. Phần mềm
  3. Đưa code vào bài viết cực đẹp với Code Prettify
Nguyễn Văn Luyến 4 năm trước

Đưa code vào bài viết cực đẹp với Code Prettify

Để đưa code vào bài viết trên WordPress không phải là một chuyện khó khăn, vì cơ bản WordPress có hàng tá Plugin để làm việc này. Tuy nhiên xét cho cùng, thì plugin càng nhiều chức năng càng khiến cho trang web của bạn chạy chậm lại một chút. Để khắc phục điều này, thì hôm nay mình sẽ hướng dẫn các bạn cách để kết hợp Plugin vô cùng nhẹ nhàng Code Prettify với chức năng viết code mặc định trên WordPress.

Cách đưa code vào bài viết cực đẹp

Đầu tiên các bạn cần truy cập vào Trình quản lý Admin > Plugin > Cài mới, tải cho mình Plugin có tên như hình dưới.

Ngoài ra các bạn cũng có thể tải trực tiếp Plugin này trên trang web WordPress Plugin Code Prettify
Vậy Plugin này có chức năng là gì?
Khi bạn đưa code vào bài viết bằng công cụ mặc định trên trình soạn thảo WordPress, thì code ở bài viết sẽ chỉ có một màu đen duy nhất, nhìn rất rối mắt cho người xem, thì plugin Code Prettify này có chức năng, mang lại một giao diện khá đẹp bằng cách thêm các màu sắc vào các thẻ các hàm của code.

Cách đưa code vào bài viết

Cách 1. Đưa code trực tiếp vào chức năng code ở trình soạn thảo WordPress

Với cách làm này thì bạn chỉ nên áp cũng với Code thuần html, php, css hay thuần javascrips (nghĩa là code bạn chia sẻ chỉ tồn tại các hàm của code đó không lẫn lộn code ngôn ngữ khác vào)

Kết quả sau khi sử dụng plugin Code Prettify trong màu sắc khá bắt mắt rồi phải không?. Tuy nhiên ở hình trên, bạn sẽ thấy khi code của mình lẫn lộn html, php và css vào thì code nó sẽ bị nén lại không còn xuống dòng nữa mà bết lại thành một cục trong còn khó đọc hơn.

Cách 2. Sử dụng trình soạn thảo Classic Editor

Để khắc phục việc code bị nén thành 1 dòng, thì bạn chỉ cần chuyển qua công cụ Classic Editor (trình soạn thảo cũ) trên WordPress. Bạn chỉ cần bôi đen toàn bộ code rồi chọn đoạn với định dạng Được định dạng trước là xong.

Kết quả code hiển thị theo từng dòng tương ứng với đầu vào của bạn, trong dễ nhìn và bắt mắt hơn rất nhiều.

2 lượt xem | 0 bình luận
Tác giả vẫn chưa cập nhật trạng thái

Avatar

Bình luận gần đây

//rongcon.net
Nguyễn Văn Luyến 3 tuần trước
Ưng dụng này rất hay cho người hay thực hiện các biểu mâu, thư mời,...
//rongcon.net
Nguyễn Văn Luyến 1 tháng trước
Chuẩn bị lại lên giá
//rongcon.net
Chuyển Đổi Số 6 tháng trước
Có trang nguồn mình tải á, bạn qua trang đó xem thử. Mình cài được bình thường á
//rongcon.net
Chuyển Đổi Số 6 tháng trước
Mỉnh cũng thấy cái gì hay hay lưu lại trên trang cá nhân khi nào cần lấy ra dùng thôi à. Cảm ơn bạn nhiều!
//rongcon.net
quang tuấn 6 tháng trước
ok cám ơn add
//rongcon.net
Đàm kiên 10 tháng trước
sao không thấy hướng dẫn khắc phục lỗi the macro vậy
//rongcon.net
Đàm kiên 10 tháng trước
file tải về chỉ có 3 file hướng dẫn chứ không có file cài đặt nhé
//rongcon.net
Nguyễn Văn Luyến 1 năm trước
Bài viết hay
ZaloMessengerEmail
Đồng ý Cookie
Trang web này sử dụng Cookie để nâng cao trải nghiệm duyệt web của bạn và cung cấp các đề xuất được cá nhân hóa. Bằng cách chấp nhận để sử dụng trang web của chúng tôi