Nhúng Codepen vào bài viết trong WordPress

Codepen là một trang web siêu dễ dàng và phổ biến để code Front-end online ( HTML, CSS, Javascript).

Sẽ có nhiều lúc bạn cần nhúng code vào trực tiếp một bài viết trên website, lúc bạn có thể dùng CodePen Embedded Pens Shortcode . Đây là một plugin rất hữu ích giúp bạn thực hiện điều này.

Cách nhúng Codepen vào bài viết trong WordPress

Trước hết bạn cần tải plugin này và kích hoạt nó.

Sau đó bạn vào https://codepen.io tạo 1 pen mới ( bạn nên tạo 1 tài khoản để quản lý pen của mình nhé).

Nhập code của bạn vào , lưu nó lại và nhấn Embed ở bên dưới,copy code trong tab WordPress Shortcode sau đó dán vào bài viết của bạn. 

Xong rồi đó, bạn có thể tận hưởng thành quả của mình rồi đó :).