Hướng dẫn cách chèn thẻ code vào bài viết wordpress

chen-code-vao-bai-viet-wordpress_02

Bình thường theo mặc định của wordpress khi bạn chèn đoạn mã HTML hay CSS vào bài viết nó sẽ bị lỗi. Làm bạn rất khó chịu! Khi muốn chia sẻ 1 đoạn mã nguồn tâm đắc tới thành viên thì nó lại không hiển thị!

Ví dụ 1 đoạn mã như thế này:

Khi bạn chèn vào bài viết nó sẽ hiển thị ra cái hình, khác với mong muốn của bạn là nó sẽ hiển thị ra dạng văn bản trong thẻ code! Làm bạn không thể chia sẻ code ra bài viết được làm bạn rất khó chịu!

Cài đặt:

Để khắc phục tình trạng này các bạn tải Plugins có sẵn trên thư viện wordpress, tên nó là: Crayon Syntax Highlighter

Download

Sau khi tải về bạn tiến hành cài đặt và kích hoạt Plugins này. Bước cấu hình cũng rất đơn giản, nhưng không kém phần quan trọng. Để cấu hình bạn làm theo bên dưới:

Hướng dẫn cấu hình:

 

cau-hinh_Crayon-Syntax-Highlighter

Sau khi chọn Crayon bạn kéo chuột xuống  dưới dòng Toolbar và bỏ dấu tích ở dòng: (xem hình bên dưới)

chen-code-vao-bai-viet-wordpress_03

Vậy là xong bước cấu hình. Tiếp theo bạn chỉ việc đăng bài.

Hướng dẫn đăng bài:

Khi đăng bài mới và trên khung soạn thảo xuất hiện dấu <>

chen-code-vao-bai-viet-wordpress_04

Bạn click vào đó sẽ có một cửa sổ mới xuất hiện. Và bạn chèn code bất kỳ vào giữa khung code sau đó nhấn nút Add ở góc phải trên cùng của khung soạn thảo. (không cần quan tâm đến những mục khác, chỉ việc paste đoạn mã vào ô code và nhấn Add vậy là xong). Bạn tham khảo demo dưới nhé :

chen-code-vao-bai-viet-wordpress_01

Từ giờ bạn có thể đăng bất kỳ đoạn mã HTML, CSS, Java, PHP nào mà không còn lo lắng rằng nó sẽ không hiển thị được ra ngoài bài viết nữa nhé! Chúc bạn thành công!

 

 

Đánh giá bài này


Shortlink:

Tags

Có Thể Bạn Quan Tâm...

  • bài viết rất tuyệt! xin trân thành cám ơn tác giả!

Hà Nội

Light Rain
Humidity: 68
Wind: 16.09 km/h
17 °C
16 17
24 Mar 2016
14 22
25 Mar 2016
ADS2

Đánh giá

Cảm nhận về website?

View Results

Loading ... Loading ...

Tìm chúng tôi trên Facebook