";var nuttaibut = "<\/i> T\u1ea3i th\u00eam<\/span>"; Đưa code vào bài viết cực đẹp với Code Prettify Trang chủGiới thiệuBlogPhần mềmThủ thuậtTiện íchRút gọn liên kếtVòng quay may mắnLiên hệ HomePhần mềmĐư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 Mục lụcĐể đư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 PrettifyVậ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ếtCách 1. Đưa code trực tiếp vào chức năng code ở trình soạn thảo WordPressVớ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.Thẻ: code • Plugin wordpress14 lượt xem | 0 bình luận Nguyễn Văn LuyếnLuôn luôn lắng nghe, lâu lâu mới hiểu Đề xuất cho bạnHướng dẫn sử dụng công cụ ký số văn bản theo Nghị định 30/2020/NĐ-CP 1 tháng trướcPhần mềm Winamp phần mềm phát nhạc một thời đã “hồi sinh” 1 tháng trướcPhần mềm chụp màn hình và ghi chú nhanh Snap IT 6 tháng trướcvnTools – Công cụ hỗ trợ chuyển chữ hoa, chữ thường, đọc số thành số…. 7 tháng trướcQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024 7 tháng trướcỨng dụng Mô phỏng 120 tình huống giao thông trên điện thoại V2.0.0 10 tháng trướcBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.0 10 tháng trướcHướng dẫn cập nhật phần mềm ÔN TẬP MÔ PHỎNG từ phiên bản v1.2.2 lên v1.2.3 12 tháng trước ASUS FX504 TUF: Laptop chơi game độ bền cao, tản nhiệt chống bụi, CPU Core i thế hệ 8 Xiaomi ra mắt Mi Laptop Air 13,3”: Laptop mỏng và nhẹ nhất trên thị trường TOP 4 laptop có màn hình 11 inch gọn gàng, dễ dàng di chuyển Bình luận gần đâyAddin Word xuất Mail Merge có chức năng cắt ra…Nguyễn Văn Luyến 6 tháng 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,...Quy định mới về đào tạo lái xe hạng B1,…Nguyễn Văn Luyến 6 tháng trướcChuẩn bị lại lên giáTiện ích tiếng Việt trên Word năm 2022 miễn phíChuyển Đổi Số 11 tháng trướcCó trang nguồn mình tải á, bạn qua trang đó xem thử. Mình cài được bình thường áFont chữ thư pháp FZ Tiểu Tự Việt HoáChuyển Đổi Số 11 tháng trướcMỉ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!Font chữ thư pháp FZ Tiểu Tự Việt Hoáquang tuấn 11 tháng trướcok cám ơn addTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcsao không thấy hướng dẫn khắc phục lỗi the macro vậyTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcfile tải về chỉ có 3 file hướng dẫn chứ không có file cài đặt nhéGoogle tung dấu tick xanh trong GmailNguyễn Văn Luyến 1 năm trướcBài viết hay Có nhiều lượt xemNewspaper v9.0 Premium WordPress Themes1378 lượt xemBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.01168 lượt xemTiện ích tiếng Việt trên Word năm 2022 miễn phí1080 lượt xemAddin Word xuất Mail Merge có chức năng cắt ra nhiều file và gửi mail748 lượt xemQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024659 lượt xemZaloMessengerEmailZaloMessengerEmail Trang chủ Zalo Hỗ trợ Messenger Liên hệ Đồ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 Tôi chấp nhận
Để đư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.
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 PrettifyVậ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 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.