Code tạo Shortcode và sử dụng nó nhanh chóng trong WordPress

Shortcode là gì?

Shortcode là một đoạn mã ngắn được sử dụng thường xuyên trong WordPress, đây là một tính năng hữu ích mà WordPress mang lại.

shortcode là gì? tạo và sử dụng shortcode trong wordpress
Shortcode là gì? Tạo và sử dụng Shortcode trong WordPress

Mỗi Shortcode sẽ có tên gọi, chức năng khác nhau, tùy vào mục đích sử dụng mà chúng ta code nội dung và tên cho từng mã Shortcode.

Code tạo Shortcode trong WordPress

function BHD_Shortcode()
{
ob_start();
echo "Đây là phần nội dung của Shortcode ";
return ob_get_clean();
}
add_shortcode( 'Shortcode_name', 'BHD_Shortcode' );

Giải thích ý nghĩa code Shortcode

Giải thích một chút nhé BHD_Shortcode là tên Function chứa nội dung Shortcode của chúng ta, các bạn có thể thay đổi tùy ý.

ob_start();  echo "Đây là phần nội dung của Shortcode "; return ob_get_clean();

Các bạn chú ý code nội dung phải được đặt trong 2 đoạn này, mục đích là để Shortcode khi gọi ra nó hiển thị đúng vị trí được gọi ra nhé

Cuối cùng

add_shortcode( 'Shortcode_name', 'BHD_Shortcode' ); 

BHD_Shortcode chính là tên Function chúng ta vừa khởi tạo ở trên. Shortcode_name chính là tên của shortcode.

Cách sử dụng Shortcode

Cách sử dụng Short code cơ bản chúng ta sẽ chia thành 2 cách:

Sử dụng shortcode bằng dấu [Tên shortcode]

Cú pháp sử dụng của cách này rất đơn giản chúng ta có thể chèn vào Widget, nội dung của bài viết, nội dung của trang, của sản phẩm bằng cú pháp [Tên shortcode]

Chú ý: Tên Shortcode sẽ được đặt trong thẻ [ ].

Sử dụng Shortcode trong php

Để sử dụng Shortcode các bạn sử dụng hàm do_shortcode trong WordPress để thực thi Shortcode trong php như sau:

echo do_shortcode('[Tên shortcode]');

echo chính là hàm để hiển thị nội dung trong php.

Kết luận

Như vậy là mình đã hướng dẫn xong cho các bạn cách tạo shortcode cũng như cách sử dụng shortcode trong WordPress, và giải thích Shortcode là gì để các bạn dễ hiểu hơn.

Hy vọng những thông tin mình chia sẻ, giúp ích được cho bạn phần nào, nếu có thắc mắc các bạn Comment tại bài viết này, chia sẻ nó nếu thấy bài viết hữu ích nha các bạn.

Xem thêm:

Viết một bình luận