• WordPress
    • Tất cả
    • Lỗi Wordpress thường gặp
    • WordPress PLUGINS
    • WordPress SEO
    • WordPress THEMES

    EXAMPLEARTICLE

    EXAMPLEARTICLE

    EXAMPLEARTICLE

    Exploring Dating Trends and Platforms

    Exploring Dating Trends and Platforms

    Free Trade Signals Telegram ➤ Join Top Crypto Trading Group Now

    Hướng dẫn tắt chức năng comment trong wordpress

    Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

    Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

    9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

    9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

    Trending Tags

      • WordPress PLUGINS
      • WordPress SEO
      • WordPress THEMES
    • Công cụ
      7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

      7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

      Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

      Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

      Thiết lập dịch vụ đặt hàng trực tuyến trong WordPress

      Cách thiết lập dịch vụ đặt hàng trực tuyến cho nhà hàng với WordPress

      Các công cụ cần thiết cho một lớp học trực tuyến WordPress

      Các công cụ cần thiết cho một lớp học trực tuyến WordPress

      7 công cụ kiểm tra Backlink tốt nhất

      7 công cụ kiểm tra Backlink tốt nhất

      Cách tạo bố cục WordPress tùy chỉnh với Elementor

      Cách tạo bố cục WordPress tùy chỉnh với Elementor

      Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

      Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

      Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

      • Design
    • Hosting

      FTP là gì? hướng dẫn tạo tài khoản ftp trên hosting

      Pasted 81 1

      WooCommerce Hosting tốt nhất năm 2020 (đánh giá và kiểm tra hiệu suất)

      Hướng dẫn cách cài đặt WordPress lên hosting 2020

      Hướng dẫn cách cài đặt WordPress lên hosting 2020

      Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

      Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

      Huong Dan Tang Maximum Size Khi Upload File Tren Wordpress 49146

      Hướng dẫn tăng kích thước file tối đa khi upload trên WordPress

      Luu Ban Nhap Tu Dong 15826

      Cách cài đặt WordPress trên hệ điều hành Windows bằng WAMP

      Hướng dẫn tải hàng loạt file media WordPress qua FTP

      Hướng dẫn tải hàng loạt file media WordPress qua FTP

      9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

      9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

      Cách khắc phục lỗi  403 Forbidden trong WordPress

      Cách khắc phục lỗi 403 Forbidden trong WordPress

      • Domain Hosting
    • News
      chuyen-doi-so-la-gi

      Chuyển đổi số là gì? Giới thiệu 3 phần mềm chuyển đổi số hiệu quả

      Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

      Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

      share-plugin-wordpress-wp-rocket

      [Share Plugin WordPress] WP Rocket bản mới nhất – Cập nhật liên tục

      So sánh 15 nền tảng CMS phổ biến nhất năm 2020

      So sánh 15 nền tảng CMS phổ biến nhất năm 2020

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      So sánh ưu, nhược điểm giữa Wix và WordPress

      So sánh ưu, nhược điểm giữa Wix và WordPress

      Hướng dẫn xóa bộ nhớ Cache trong website WordPress

      Hướng dẫn xóa bộ nhớ Cache trong website WordPress

    • WordPress
      • Tất cả
      • Lỗi Wordpress thường gặp
      • WordPress PLUGINS
      • WordPress SEO
      • WordPress THEMES

      EXAMPLEARTICLE

      EXAMPLEARTICLE

      EXAMPLEARTICLE

      Exploring Dating Trends and Platforms

      Exploring Dating Trends and Platforms

      Free Trade Signals Telegram ➤ Join Top Crypto Trading Group Now

      Hướng dẫn tắt chức năng comment trong wordpress

      Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

      Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

      9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

      9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

      Trending Tags

        • WordPress PLUGINS
        • WordPress SEO
        • WordPress THEMES
      • Công cụ
        7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

        7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

        Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

        Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

        Thiết lập dịch vụ đặt hàng trực tuyến trong WordPress

        Cách thiết lập dịch vụ đặt hàng trực tuyến cho nhà hàng với WordPress

        Các công cụ cần thiết cho một lớp học trực tuyến WordPress

        Các công cụ cần thiết cho một lớp học trực tuyến WordPress

        7 công cụ kiểm tra Backlink tốt nhất

        7 công cụ kiểm tra Backlink tốt nhất

        Cách tạo bố cục WordPress tùy chỉnh với Elementor

        Cách tạo bố cục WordPress tùy chỉnh với Elementor

        Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

        Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

        Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

        • Design
      • Hosting

        FTP là gì? hướng dẫn tạo tài khoản ftp trên hosting

        Pasted 81 1

        WooCommerce Hosting tốt nhất năm 2020 (đánh giá và kiểm tra hiệu suất)

        Hướng dẫn cách cài đặt WordPress lên hosting 2020

        Hướng dẫn cách cài đặt WordPress lên hosting 2020

        Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

        Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

        Huong Dan Tang Maximum Size Khi Upload File Tren Wordpress 49146

        Hướng dẫn tăng kích thước file tối đa khi upload trên WordPress

        Luu Ban Nhap Tu Dong 15826

        Cách cài đặt WordPress trên hệ điều hành Windows bằng WAMP

        Hướng dẫn tải hàng loạt file media WordPress qua FTP

        Hướng dẫn tải hàng loạt file media WordPress qua FTP

        9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

        9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

        Cách khắc phục lỗi  403 Forbidden trong WordPress

        Cách khắc phục lỗi 403 Forbidden trong WordPress

        • Domain Hosting
      • News
        chuyen-doi-so-la-gi

        Chuyển đổi số là gì? Giới thiệu 3 phần mềm chuyển đổi số hiệu quả

        Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

        Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

        share-plugin-wordpress-wp-rocket

        [Share Plugin WordPress] WP Rocket bản mới nhất – Cập nhật liên tục

        So sánh 15 nền tảng CMS phổ biến nhất năm 2020

        So sánh 15 nền tảng CMS phổ biến nhất năm 2020

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        So sánh ưu, nhược điểm giữa Wix và WordPress

        So sánh ưu, nhược điểm giữa Wix và WordPress

        Hướng dẫn xóa bộ nhớ Cache trong website WordPress

        Hướng dẫn xóa bộ nhớ Cache trong website WordPress

      Cùng Học WordPress

      Hướng dẫn thêm tính năng Syntax highlighting trong phần Nhận xét WordPress

      hoanganh được đăng bởi hoanganh
      20/08/2020
      trong chuyên mục WordPress
      0 0
      0
      Hướng dẫn thêm tính năng Syntax highlighting trong phần Nhận xét WordPress
      0
      CHIA SẺ
      247
      LƯỢT XEM
      Share on FacebookShare on Twitter

      Thuật ngữ làm đẹp code Syntax highlighting chắc không xa lạ gì với các bạn làm web, nhất là các blogger.

      Trong WordPress tính năng syntax highlighting có tác dụng vô cùng quan trọng để hiển thị các đoạn code như khi bạn đang dùng notepad++ hay dreamviewer giúp code dễ đọc hơn rất nhiều

      Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm Syntax highlighting trong nhận xét WordPress.

      Hãy cùng tìm hiểu nhé

      Adding syntax highlighting in WordPress comments

      Tại sao và khi nào bạn cần Syntax Highlighting trong phần nhận xét WordPress?

      WordPress không cho phép bạn chỉ dán các đoạn code bên trong bài viết vì lý do bảo mật.

      Bạn có thể hiển thị một số template code bằng cách thêm block code vào bài đăng hoặc các trang bằng trình chỉnh sửa block.

      Sau đó, bạn có thể thêm đoạn code vào bên trong vùng văn bản của block code.

      Bây giờ bạn có thể lưu các thay đổi bài đăng hoặc trang của mình và xem trước để các thay đổi của bạn có hoạt động không.

      Tùy thuộc vào theme WordPress, các đoạn code sẽ được hiển thị trong block văn bản đơn giản và không có hightlight.

      Như hình ảnh mình hoạ bên trên việc không đánh hightlight sẽ gây những nhầm lẫn không đánh xảy ra với người đọc.

      Syntax highlighting là một định dạng tạo kiểu thường được sử dụng khi có liên quan đến code. Tính năng đó sẽ thêm số dòng và màu sắc để làm nổi bật các đoạn template code giúp người xem dễ đọc và dễ hiểu hơn.

      Đây là một ví dụ về một đoạn code với syntax highlighting. Lưu ý số dòng và màu sắc được sử dụng để đánh dấu các phần tử khác nhau bên trong:

      1
      2
      3
      4
      5
      6
      7
      8
      <html>
          <head>
              <title>My Awesome Website</title>
          </head>
          <body>
              <h1>Welcome to My Homepage</h1>
          </body>
      </html>

      Nào hãy cùng xem cách thêm syntax highlighting vào trong phần nhận xét, bài đăng và trang WordPress dưới đây:

      Thêm Syntax Highlighter trong WordPress

      Cách đơn giản nhất để thêm syntax highlighting là sử dụng plugin Syntax Highlighter Evolved. Đây là plugin rất dễ sử dụng và cho phép bạn bật tính năng syntax highlighting trong các bài đăng, trang và nhận xét WordPress.

      Đầu tiên, bạn cần cài đặt và kích hoạt plugin Syntax Highlighter Evolved.

      Khi kích hoạt xong, bạn cần chỉnh sửa bài đăng/ trang mà bạn muốn. Trên màn hình chỉnh sửa bài đăng, hãy nhấp vào biểu tượng (+) để thêm một block mới và sau đó chèn khối Syntax Highlighter Code vào phần nội dung của bạn như hình GIF bên dưới:

      Adding Syntax Highlighter code block in WordPress

      Bây giờ bạn sẽ thấy một block code trong trình chỉnh sửa bài đăng, tại đây bạn sẽ nhập code vào . Sau khi chèn code xong, bạn cần cài đặt block ở cột bên tay phải được khoanh đỏ như hình dưới:

      SyntaxHighlighter block settings

      Bạn có thể chọn ngôn ngữ lập trình cho code của mình, hiển thị hoặc ẩn số dòng, tạo liên kết có thể nhấp được v…vvvv.

      Sau khi hoàn tất, lưu bài đăng/ trang của bạn. Bây giờ bạn có thể truy cập trang web của mình để xem code của bạn đã được highlight chưa.

      Syntax highlighter enabled in post

      Vậy thôi chỉ cần vài thao tác đơn giản là bạn đã thêm màu sắc vào đống code nhạt nhẽo rồi.

      Tuy nhiên ở phần nhận xét WordPress không có hỗ trợ trình chỉnh sửa block. Tiếp tục đọc phần dưới đây để biết cách thêm tính năng này vào phần nhận xét.

      Thêm Syntax Highlighting trong phần Nhận xét WordPress

      Syntax Highlighter Evolved mặc định sẽ được bật cho các nhận xét WordPress. Tuy nhiên, để sử dụng trong các nhận xét, các đoạn codecần được bao quanh các đoạn shortcode.

      Plugin đi kèm với một số shortcode được đặt tên theo tất cả các ngôn ngữ lập trình và đoạn script phổ biến.

      Chỉ cần chèn đoạn code của bạn quanh dấu ngoặc vuông với tên ngôn ngữ đó. Ví dụ: nếu bạn định thêm code PHP, thì bạn sẽ thêm[php] như sau:

      [php]
      <?php
      private function get_time_tags() {
      $time = get_the_time('d M, Y');
      return $time;
      }
      ?>
      [/php]

      Tương tự, nếu bạn muốn thêm code HTML, thì bạn thêm [html]xung quanh như sau:

      [html]
      <a href="https://example.com">Demo website</a>

      [/html]

      Thêm Syntax Highlighting trong Biểu mẫu Nhận xét

      Việc thêm tính năng syntax highlighting rất đơn giản thôi nhưng khó đối với những người mới bắt đầu.

      Với những người mới bắt đầu, các bạn sẽ cần thêm đoạn code tùy chỉnh vào trang web WordPress của mình.

      Bạn sẽ cần thêm đoạn code mã sau vào plugin, file functions.php hoặc site-specific plugin.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      function wpbeginner_comment_text_before($arg) {
      $arg['comment_notes_before'] .= "<p class='comment-notice'>You can use shortcodes for syntax highlighting when adding code. For example, [php][/php] or [html][/html]</p>";
      return $arg;
      }
      add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');

      Đoạn code sẽ hiển thị một thông báo ngay trước trường nhận xét trong biểu mẫu nhận xét WordPress. Tuy nhiên, nó sẽ không hiển thị thông báo cho người dùng đã đăng nhập trước đó.

      Bây giờ hãy mở một cửa sổ trình duyệt mới ở chế độ ẩn danh hoặc đăng xuất khỏi khu vực admin WordPress. Sau đó, bạn có thể truy cập bất kỳ bài đăng nào trên blog của mình để xem thông báo đã được hightlight của bạn đang hoạt động.

      Bạn có thể thêm CSS tùy chỉnh. Chúng tôi đã sử dụng code CSS tùy chỉnh sau trên trang web demo, bạn cũng có thể sử dụng đoạn code dưới đây làm điểm khởi đầu.

      1
      2
      3
      4
      5
      p.comment-notice {
          font-size: 14px;
          color: #555;
          line-height: 1.5;
      }

      Chúng tôi hy vọng qua bài viết này đã giúp bạn thêm syntax highlighting trong phần nhận xét WordPress. Bạn cũng có thể tham khảo bài hướng dẫn của chúng tôi về cách tải ảnh trong nhận xét WordPress và một số mẹo hữu ích để tạo kiểu cho form nhận xét trong WordPress tại đây.

      Nếu thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem thêm các video hướng dẫn. Bạn cũng có thể theo dõi chúng tôi trên Twitter và Facebook để cập nhật các thông tin mới nhất từ cunghocwp.com

      Chúc các bạn thành công!

      Like this:

      Like Đang tải...
      Thẻ : tính năng Syntax highlighting trong phần Nhận xét WordPress
      • Xu Hướng
      • Bình luận
      • Mới nhất
      Hướng dẫn cho phép đăng ký tài khoản trên WordPress

      Hướng dẫn cho phép đăng ký tài khoản trên WordPress

      21/05/2020
      Hướng dẫn sử dụng trình chỉnh sửa Block Editor mới trên WordPress (Gutenberg)

      Hướng dẫn sử dụng trình chỉnh sửa Block Editor mới trên WordPress (Gutenberg)

      09/07/2020
      PDF

      Cách upload file PDF lên trang web WordPress

      11/06/2020

      EXAMPLEARTICLE

      0
      Hướng dẫn cài đặt WordPress trên Amazon Web Services

      Hướng dẫn cài đặt WordPress trên Amazon Web Services

      0
      Hướng dẫn cách hạn chế không cho phép điền form đối với người dùng không đăng nhập

      Hướng dẫn cách hạn chế không cho phép điền form đối với người dùng không đăng nhập

      0
      Cách tạo giỏ hàng cho người dùng trên WordPress bằng cách dùng BigCommerce

      Cách tạo giỏ hàng cho người dùng trên WordPress bằng cách dùng BigCommerce

      0

      EXAMPLEARTICLE

      06/02/2025

      EXAMPLEARTICLE

      16/01/2025

      EXAMPLEARTICLE

      16/01/2025

      Exploring Dating Trends and Platforms

      19/09/2024
      QUẢNG CÁO

      Bài viết mới nhất

      EXAMPLEARTICLE

      06/02/2025

      EXAMPLEARTICLE

      16/01/2025

      EXAMPLEARTICLE

      16/01/2025

      Exploring Dating Trends and Platforms

      19/09/2024

      Exploring Dating Trends and Platforms

      29/08/2024


      Cùng Học WP blog chia sẻ kiến thức học tập về WordPress, Hosting, Marketing, SEO, MMO miễn phí. Phương châm của cunghocwp.com là cho đi giá trị.

      Liên Hệ Cùng Học WP

      Mọi thông tin liên hệ về Cùng Học WP mời các bạn liên hệ trực tiếp chúng tôi theo các thông tin sau:

          • Hotline: 0973.666.777
          • Email: lienhe@cunghocwp.com
          • Địa chỉ: 387 Nguyễn Đình Chiểu, Phường 5, Quận 3, Hồ Chí Minh

      © 2020 – Cùng Học WordPress. All Right Reserved.

      Về chúng tôi  /  Liên hệ  /  Chính sách bảo mật  /  Quy định sử dụng

      • WordPress
        • WordPress PLUGINS
        • WordPress SEO
        • WordPress THEMES
      • Công cụ
        • Design
      • Hosting
        • Domain Hosting
      • News

      © 2025 JNews - Premium WordPress news & magazine theme by Jegtheme.

      Xin Chào !

      Đăng nhập vào tài khoản của bạn bên dưới

      Đã quên mật khẩu?

      Tạo tài khoản mới!

      Điền vào các mẫu dưới đây để đăng ký

      Tất cả các trường đều được yêu cầu. Đăng nhập

      Truy xuất mật khẩu của bạn

      Vui lòng nhập tên người dùng hoặc địa chỉ email của bạn để đặt lại mật khẩu của bạn.

      Đăng nhập
      %d bloggers like this: