Làm đẹp Code khi chèn vào website với Crayon Syntax Highlighter

Advertisement
  • Làm đẹp Code khi chèn vào bài viết rất cần thiết đối với các website/blog hoạt động trong lĩnh vực lập trình, MMO, … Mặc định WordPress không cho phép chúng ta chèn code (C++, C##, HTML, PHP, …) vào bài viết, thế nên khi chúng ta thêm code vào thì rất khó xem và làm mất vẻ đẹp của website/blog phần nào. Chính vì thế trong bài viết này, Đệ Nhất Độc xin giới thiệu đến các bạn 2 cách để làm đẹp Code khi chèn vào website rất hữu dụng

1.Làm đẹp Code khi chèn vào website không sử dụng Plugin

  • Plugin rất tiện lợi, chỉ vài click là các bạn đã có điều mình muốn. Tuy nhiên, lạm dụng nhiều quá thì web bạn sẽ nặng nề, load chậm và bảo mật của website cũng có nguy cơ dính nhiều lỗi hơn. Chính vì thế mình sẽ hướng dẫn các bạn làm đẹp Code khi chèn vào website không sử dụng Plugin, đó là sử dụng tính năng “Preformatted text” (Được định dạng trước) để làm đoạn văn bản đó khác biệt.

    Chèn code với chức năng Preformatted text ( Được định dạng trước )
    Chèn code với chức năng Preformatted text ( Được định dạng trước )
  • Các bạn chỉ cần lựa chọn đoạn văn bản rồi chọn Preformatted text là xong. Đoạn văn bản đã thể hiện theo một cách khác rồi.Quá nhanh phải không các bạn, tuy nhiên nó lại không đáp ứng được nhu cầu khác đó là phải Đẹp nữa. Muốn cho code khi chèn vào đẹp và nổi bật thì các bạn dùng plugin bên dưới nhé

2.Làm đẹp Code khi chèn vào website sử dụng Plugin

Về Plugin Crayon Syntax Highlighter

  • Plugin Crayon Syntax Highlighter là một plugin hỗ trợ việc chèn code vào bài viết trong website/blog rất tiện lợi và đẹp mắt. Và đặc biệt một điều mình thích ở plugin này là nó rất nhẹ và tương thích với hầu hết các thiết bị di động
  • Với hơn 50.000 lượt cài đặt và sử dụng, 150 lượt đánh giá hài lòng.Các bạn hoàn toàn có thể tự tin cài plugin này vào website/blog để phục vụ các nhu cầu riêng của mình nhé

Hướng dẫn cài đặt

  • Để cài đặt  Plugin Crayon Syntax Highlighter vào website thì các bạn lần lượt làm theo các bước sau nhé
    – Bước 1 : Click vào link  cuối bài viết để tải  Plugin Crayon Syntax Highlighters về máy tính
    – Bước 2 : Đăng nhập WordPress, vào khu vực cài plugin -> Thêm mới
    – Bước 3 : Sau khi vào Thêm mới chúng ta chọn file  Plugin Crayon Syntax Highlighter vừa tải về ( hoặc gõ vào khung tìm kiếm để cài đặt )
    – Bước 4 : Tải Plugin lên và Kích hoạt
    Như vậy chỉ với 4 bước cơ bản các bạn đã có thể cài đặt Plugin Crayon Syntax Highlighter vào website của mình rồi đó

    Cài đặt Plugin Crayon Syntax Highlighter
    Cài đặt Plugin Crayon Syntax Highlighter

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

  • Để chèn một code vào một đoạn bài viết thì các bạn click vào biểu tượng <> trên thanh công cụ khung soạn thảo.Tại dây các bạn dán đoạn mã vào phần Code,thêm tiêu đề đoạn mã ở phần Title,chọn ngôn ngữ ở phần Language, chọn giao diện hiển thị ở phần Theme cũng như chọn kiểu chữ và kích thước chữ ở phần Font.Có quá nhiều tùy biến cho các bạn tha hồ lựa chọn nhé
    Click biểu tượng <> để chèn đoạn code
    Click biểu tượng <> để chèn đoạn code

    Bảng cài đặt Plugin
    Bảng cài đặt Plugin
  • Để có thể cài đặt chi tiết hơn các bạn vào phần Cài đặt > Crayon để truy cập bảng cài đẳ chi tiết nhé
  • Lưu ý: Khi bạn chèn code bằng Crayon Syntax Highlighter thì các hiệu ứng sẽ xuất hiện đầy đủ khi bạn Xuất bản bài viết nhé,chứ khi ta Xem trước thì nó sẽ không hiện đầy đủ đâu
  • Bên dưới là một đoạn code được chèn bởi plugin Crayon Syntax Highlighter cho các bạn xem thử nhé

3.Kết luận

Làm đẹp Code khi chèn vào website với Crayon Syntax Highlighter
5 (100%) 9 votes

Post Comment