Chia sẻ Free Plugin hiển thị code đẹp mắt khi chia sẻ trong bài viết

Foxcode là một plugin WordPress rất nhẹ, được thiết kế để giúp hiển thị các đoạn mã code trong bài viết với giao diện đẹp mắt, có màu sắc cú pháp (syntax highlighting). Đây là lựa chọn lý tưởng cho các blogger, lập trình viên, hoặc bất kỳ ai muốn chia sẻ nội dung liên quan đến lập trình mà không cần lo lắng về việc code hiển thị không rõ ràng hay khó đọc.

Plugin này dễ sử dụng, không yêu cầu cấu hình phức tạp, và chỉ cần kích hoạt là có thể bắt đầu sử dụng ngay.

Plugin Để Hiển Thị Code Đẹp Mắt Trong Bài Viết WordPress
Plugin Để Hiển Thị Code Đẹp Mắt Trong Bài Viết WordPress

Cách cài đặt và kích hoạt plugin Foxcode

Các bước thực hiện:

  1. Trước hết bạn tải file plugin xuống nhé
  2. Đăng nhập vào trang quản trị WordPress (wp-admin).
  3. Vào Plugins > Add New (Thêm mới).
  4. Tải file .zip trước đó lên
  5. Nhấn Install Now (Cài đặt ngay) và sau đó Activate (Kích hoạt).
  6. Sau khi kích hoạt, plugin sẽ tự động hoạt động mà không cần thiết lập thêm.

Lưu ý: Nếu không tìm thấy plugin trong kho, bạn có thể tải file plugin từ nguồn đáng tin cậy và sử dụng tùy chọn Upload Plugin để cài đặt.

Cách cài plugin Foxcode
Cách cài plugin Foxcode

Hướng dẫn chèn code vào bài viết

Trong trình soạn thảo (Gutenberg hoặc Classic Editor), nhập đoạn mã code bạn muốn chia sẻ.

Định dạng code:

Bôi đen toàn bộ đoạn code.

Thêm code vào trình soạn thảo wordpress
Thêm code vào trình soạn thảo wordpress

Chọn tùy chọn Được định dạng xem trước (Preformatted) trong trình soạn thảo. Trong Gutenberg, bạn có thể chọn khối Code hoặc Preformatted.

Chọn định dạng cài đặt trước
Chọn định dạng cài đặt trước

Lưu và xem trước:

Lưu bài viết và xem trước để kiểm tra cách hiển thị. Foxcode sẽ tự động áp dụng màu sắc cú pháp để đoạn code trông chuyên nghiệp hơn.

Foxcode là một giải pháp tuyệt vời cho những ai thường xuyên chia sẻ code trong bài viết. Với tính năng đơn giản nhưng hiệu quả, plugin này không chỉ giúp cải thiện trải nghiệm người đọc mà còn tăng tính thẩm mỹ cho website. Tuy nhiên, nếu bạn cần các tính năng nâng cao như thêm số dòng hoặc hỗ trợ tùy chỉnh giao diện, bạn có thể cân nhắc các plugin khác như SyntaxHighlighter Evolved hoặc Crayon Syntax Highlighter.

Hy vọng hướng dẫn này giúp bạn dễ dàng sử dụng Foxcode để tạo ra những bài viết chia sẻ code đẹp mắt. Nếu bạn gặp bất kỳ vấn đề nào trong quá trình cài đặt hoặc sử dụng, hãy để lại câu hỏi để được hỗ trợ!