Shortcode WordPress là đoạn mã đã được rút gọn ở trong cặp ngoặc vuông [ ] dùng để nhúng vào bài viết (post), trang (page) hoặc widgets (sidebar, footer, v.v…) hay để thêm các thành phần hoặc tính năng bạn cần.
Khi bạn cần nhúng file hoặc thêm silder, thư viện hình ảnh, video v.v… sẽ phải viết khá nhiều code. Nhưng bạn có thể sử dụng shortcode đơn giản để có thể nhúng video vào bài viết dễ dàng.
[ video src="my-video.mp4" ]
Cách viết 1 shortcode thì như thế nào?
- WordPress đã tạo sẵn 1 vài shortcode cơ bản cho các bạn dùng
[ audio ]
[ caption ]
[ embed ]
[ gallery ]
[ playlist ]
[ video ] 2. Bạn cũng có thể tạo custom shortcode theo ý bạn với hàm “add_shortcode”.
Có 2 loại shortcode:
+ “self-closing” shortcode
function shortcode_logo_function() {
return '<img src="../images/logo.svg" alt="ncc-logo">';
}
add_shortcode('ncc_logo', 'shortcode_logo_function');// cần phải đăng ký shortcode với tên của shortcode bắt buộc ở dạng ký tự in thường(lower-case), viết liền không dấu, và có thể dùng dấu “_”
add_shortcode(‘ncc_logo’, ‘shortcode_logo_function’);
// Sau khi đăng ký xong như trên bạn có thể sử dụng shortcode cú pháp như thông thường: [ncc_logo]
+ “enclosing” shortcode
[ncc_shortcode]code ncc[/ncc_shortcode]
function ncc_function( $atts, $content = null ) {
return '<a href="https://ncc.asia/" target="blank" class="custom-link" rel="noopener noreferrer">' . $content . '</a>';
}
add_shortcode('ncc_shortcode', 'ncc_function');
// và bây giờ chúng ta có thể sử dụng bình thường
[ncc_shortcode]NCC- enclosing shortcode[/ncc_shortcode]
3. Ngoài ra chúng ta còn sử dụng Shortcode ở Widget
– chúng ta cần thêm ở file “functions.php” đoạn code như sau:
add_filter( 'widget_text', 'shortcode_unautop' );
add_filter( 'widget_text', 'do_shortcode' );