Cách sử dụng shortcode trong WordPress

1 min read

shortcode

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?

  1. 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' );
Avatar photo

Clean Code: Nguyên tắc viết hàm trong lập trình…

Trong quá trình phát triển phần mềm, việc viết mã nguồn dễ đọc, dễ hiểu là yếu tố then chốt để đảm bảo code...
Avatar photo Dat Tran Thanh
3 min read

Clean Code: Nguyên tắc comment trong lập trình

Trong lập trình, code không chỉ là một tập hợp các câu lệnh để máy tính thực thi, mà còn là một hình thức...
Avatar photo Dat Tran Thanh
3 min read

Clean Code: Nguyên tắc xử lý lỗi (Error Handling)

Trong quá trình phát triển phần mềm, việc xử lý lỗi không chỉ là một phần quan trọng mà còn ảnh hưởng trực tiếp...
Avatar photo Dat Tran Thanh
4 min read

Leave a Reply

Your email address will not be published. Required fields are marked *