Hướng dẫn viết shotcode trong wordpress tùy chỉnh

Shortcode dịch theo đúng tiếng Việt nghĩa là Code ngắn hay nói cách khác là một đoạn code ngắn. Đoạn code ngắn này sẽ thực thi những tác vụ gì đó mà bạn đã định sẵn trong lúc tạo shortcode, ví dụ như hiển thị một Loop. Bạn có thể thực thi shortcode này ở bất cứ đâu như trong bài viết, trong theme, ngoại trừ excerpt và widget, nhưng mình sẽ có cách hướng dẫn bạn khắc phục.

Bây giờ shortcode được sử dụng khá phổ biến, bạn có thể vào thư viện plugin WordPress và tìm plugin với từ khóa shortcode ra là có rất nhiều plugin hỗ trợ bạn sẵn một số shortcode đủ yêu cầu, nào là trang trí bài viết, nào là làm các công việc phức tạp hơn. Và trong nhiều theme, nó cũng có thể hỗ trợ sẵn một vài shortcode của nó.

Tất cả code này bạn để trong file function.php của theme đang sử dụng nhé!

Để tạo một shortcode ta sẽ bao gồm 2 bước chính:

• Thiết lập function thực thi code trong shortcode.
• Tạo một tên shortcode dựa vào function đã tạo cho nó.

//Khởi tạo function cho shortcode
function create_shortcode() {
// Nội dung của shotcode
	echo "Hello World!"; ??đây là ví dụ mình in ra dòng chữ  Hello World
}
//Tạo shortcode tên là [test_shortcode] và sẽ thực thi code từ function create_shortcode
add_shortcode( 'test_shortcod', 'create_shortcode' );

Nhưng nếu bạn muốn truyền tham số vào khi gọi shortcode để sử dụng thì đây là cách để bạn làm điều đó:

function create_shortcode_thamso($args, $content) {
	return "Đây là số ". $args['thamso1'];
}
add_shortcode( 'shortcode_thamso', 'create_shortcode_thamso' );

Đầu tiên là ở phần tạo function, ta có hai tham số là $args và $content:

• Biến $args nghĩa là tham số trong shortcode
• Biến $content nghĩa là đoạn nội dung được bọc trong code

Ví dụ bạn có shortcode như thế này:

function create_shortcode_tinhtong($args, $content) {
	$tong = $args['term1'] + $args['term2'];
	return "Tổng là ".$tong;
}
add_shortcode( 'tinhtong', 'create_shortcode_tinhtong' );

Và khi gọi shortcode ra để sủ dụng thì bạn sẽ viết như sau: [tinhtong term1=”50″ term2=”30″]

Như vậy là ở bài này bạn đã biết qua cách tạo một shortcode như thế nào rồi, nếu có bất kì thắc mắc gì bạn có thể để lại bình luận hoặc ibox trược tiếp với mình nhé!

Nếu bạn gặp khó khăn trong chỉnh sửa hoặc muốn phát triển tính năng riêng cho website thì có thể tham khảo dịch vụ bảo trì - phát triển tính năng website wordpress tại TNDigi nhé!

Mình tự học - tìm hiểu - nghiên cứu và làm việc với WordPress được khoảng thời gian nhất định nên lên serial chia sẻ những gì mà mình từng gặp qua. Sẽ có nhiều thiếu sót nên nếu như có chổ nào chưa đúng hay chưa hoạt động được bạn contact với mình để hoàn thiện hơn.

Ghi chú quan trọng:
Cách tuỳ biến không cần can thiệp vào CODE mà sử dụng hook (nếu chưa có trong hướng dẫn) sẽ được mình sớm cập nhật!

Kênh Zalo hỗ trợ miễn phí. Chúc bạn áp dụng thành công!