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

Bạn muốn biết cách sử dụng shortcode trong widget ở phần siderbar của WordPress. Trong bài viết ngày hôm nay Webpress sẽ chỉ cho bạn cách sử dụng shortcode ở phần sidebar.

Shortcode là gì?

Shortcode trong WordPress là một vài dòng code cho phép bạn làm nhiều thứ mà không cần mất nhiều sức. Shortcode bắt đầu có mặt từ WordPress 2.5. Lý do để có tính năng này là cho phép mọi người thực thi code trong post, page và widget WordPress mà không cần code một cách trực tiếp.

Điều này cho phép bạn nhúng file hoặc đối tượng mà bình thường ra cần phải rất nhiều code. Với shortcode bạn chỉ cần một dòng code giống như nhúng một video sẽ như thế này

[video]

Shortcode có thể có thuộc tính. Ví dụ shortcode nhúng video có thuộc tính src như thế này:

[video src="video-source.mp4"]

Bây giờ chúng ta cùng xem qua cách thêm shortcode vào phần widget sidebar của WordPress.

Cách chèn Shortcode vào bài viết hoặc trang WordPress

Mình sẽ bắt đầu với cách chèn shortcode đơn giản nhất nhé.

Để bắt đầu, hãy mở trang hoặc bài post và đưa chuột tới chỗ bạn muốn chèn shortcode.

Nếu bạn đang sử dụng trình soạn thảo Gutenberg, nhấp vào biểu tượng dấu cộng để chèn một block mới.

Sau đó bấm chọn shortcode.

Sau đó bạn chỉ cần nhập shortcode muốn chèn vào là xong. Done!

Cách chèn Shortcode trong Classic Editor

Nếu bạn đang sử dụng giao diện soạn thảo cũ Classic Editor, cách làm cũng tương tự hướng dẫn ở trên.

Lưu ý là bạn nên chuyển sang chế độ “text” trước khi dán shortcode vào nhé.

Cách chèn Shortcode vào WordPress Sidebar Widgets

Để chèn shortcode vào sidebar hoặc footer widgets bạn hãy vào Apperance >> Widgets (tiếng Việt là Giao diện >> Widget)

Sau đó bạn chọn nơi bạn muốn chèn shortcode như sidebar, footer, header, v.v… những mục này sẽ thay đổi thùy theo theme đang sử dụng.

Bấm vào dấu cộng sau đó chọn block tên là shortcode.

Tiếp theo bạn chỉ cần dán shortcode vào giống như mình hướng dẫn ở các phần trên.

Nhớ bấm “cập nhật” hoặc “Save” để lưu dữ liệu nhé.

Cách chèn Shortcode trong Theme WordPress

Shortcode chủ yếu được dùng để chèn vào post, trang hoặc widget.

Tuy nhiên nó có thể được chèn vào bất cứ nơi nào trong website WordPress thông qua các file template của theme.

Để chèn shortcode theo cách này bạn phải có chút kiến thức về coding và WordPress API.

Bạn thêm đoạn mã sau đây để chèn shortcode vào file template bạn mong muốn.

<?php echo do_shortcode("[tên_shortcode]"); ?>