Cách sử dụng shortcode ở sidebar của WordPress

Cach su dung shortcode o sidebar cua WordPress - Cách sử dụng shortcode ở sidebar của WordPress

Source: Cách sử dụng shortcode ở sidebar của WordPress

Bạn muốn biết cách sử dụng mã ngắn trong các widget thanh bên của WordPress? Trong bài viết hôm nay, tôi sẽ chỉ cho bạn cách sử dụng shortcode trong sidebar.

Mã ngắn là gì?

Mã ngắn trong WordPress là một vài dòng mã cho phép bạn làm nhiều thứ mà không cần nỗ lực nhiều. Mã ngắn đã có sẵn kể từ WordPress 2.5. Lý do cho tính năng này là cho phép mọi người thực thi mã trong các bài đăng, trang và tiện ích con WordPress mà không cần viết mã trực tiếp.

Điều này cho phép bạn nhúng các tệp hoặc đối tượng thường yêu cầu nhiều mã. Với shortcode bạn chỉ cần một dòng code như nhúng video sẽ như thế này

Mã ngắn có thể có các thuộc tính. Video ví dụ nhúng mã ngắn với thuộc tính src như thế này:

Bạn có thể xem thêm các mã ngắn có sẵn trong WordPress.

Bây giờ chúng ta hãy xem cách thêm shortcode vào tiện ích sidebar của WordPress.

Phương pháp 1: Thêm shortcode trong thanh bên WordPress bằng Văn bản tiện ích

Đầu tiên, bạn cần kéo và thả tiện ích Văn bản vào thanh bên bằng cách đi tới Giao diện -> Tiện ích trong Quản trị viên WordPress.

Sau khi thêm tiện ích, bạn chỉ cần thêm mã ngắn mà bạn muốn như sau:

cách sử dụng shortcode 2

Nhấn nút Lưu và vào giao diện trang web để kiểm tra lại.

Phương pháp 2: Thêm shortcode trong WordPress bằng tiện ích HTML tùy chỉnh

Đôi khi bạn muốn thêm HTML tùy chỉnh xung quanh shortcode. Điều này có thể không hoạt động với tiện ích Văn bản như trên.

Trong trường hợp này, bạn có thể thêm mã ngắn bằng tiện ích HTML tùy chỉnh.

Theo mặc định, mã ngắn không được thực thi trong tiện ích HTML tùy chỉnh.

Để thay đổi điều này, bạn cần thêm mã sau vào các chức năng của mình. php hoặc plugin trang cụ thể:

Bây giờ bạn có thể sử dụng shortcode bình thường trong tiện ích HTML:

cách sử dụng shortcode 3

Đó là tất cả. Bạn đã biết cách sử dụng shortcode trong tiện ích sidebar của WordPress

Via: sieucoder.com



from sieucoder.com https://ift.tt/3dLX1Yn
via Sieucoder.com

Nhận xét