function create_my_shortcode(){ echo "Đây là shortcode đầu tiên của tôi"; } add_shortcode( 'my-shortcode', 'create_my_shortcode' ); // Giờ bạn chỉ việc in ra theo cú pháp [my-shortcode]
Để chèn hiển thị câu chào “Đây là shortcode đầu tiên của tôi” ra chỗ nào thì bạn chỉ việc chèn [my-shortcode] lên vị trí đó khi soạn thảo post hoặc page..
Bạn cũng có thể thêm các thẻ html vào shortcode
function create_my_shortcode(){ echo "<div calss='my-shortcode'>Đây là shortcode đầu tiên của tôi<div>"; } add_shortcode( 'my-shortcode', 'create_my_shortcode' ); // Giờ bạn chỉ việc in ra theo cú pháp [my-shortcode]
Khi thêm các thẻ html thì sẽ tiện hơn cho các bạn style nó trong css.
function begin_shortcode_variable($args, $content) { return "Đây là số ". $args['variable1']; } add_shortcode( 'variable', 'begin_shortcode_variable' ); //cách gọi: [variable variable1="10] Đây là biến $content[/variable]
Vậy khi bạn gọi shortcode [variable variable1=”10] Đây là biến $content[/variable] thì nó sẽ hiển thị “Đây là biến 10”
function sum_variable($args, $content) { $sum = $args['var1'] + $args['var2']; return "<div class='tinh-tong'>Tổng của".$args['var1']." và ".$args['var1']." là: ".$sum."</div>"; } add_shortcode( 'sum-item', 'sum_variable' ); // Cách gọi : [sum-item var1="20" var2="30"]
Khi bạn gọi [sum-item var1=”20″ var2=”30″] thì sẽ hiển thị văn bản: “Tổng của 20 và 30 là 50”
function uppercase_content($args, $content){ return strtoupper($content); } add_shortcode( 'uppercase-content', 'uppercase_content' );
Vậy khi bạn viết một đoạn văn bản nào đó mà muốn in hoa thì bạn chỉ cần gọi shortcode trên theo cú pháp:
[uppercase-content]Viết hoa nội dung này[/uppercase-content]
echo do_shortcode('[short-code]');// Xem mục 6
function print_menu_items($atts, $content = null) { extract(shortcode_atts(array('name' => null), $atts)); return wp_nav_menu( array( 'menu' => $name,'echo' => false ) ); } add_shortcode('call-menu-exam', 'print_menu_items'); // Cách gọi: [call-menu-exam name="main-menu"]
Như vậy khi muốn gọi menu nào vào bất kì vị trí nào trong bài viết thì bạn chỉ việc sử dụng shortcode và điền đùng tên name slug vào, ở ví dụ trên thì mình sẽ gọi menu có name slug là main-menu.
Để tìm ra name slug của 1 menu thì bạn vào Appearance » Menu. Menu có tên là “Liên kết nhanh” thì name slug sẽ là “lien-ket-nhanh” .
Để gọi menu vào bất kì vị trí nào trong file php bạn làm như mục 5:
echo do_shortcode('[call-menu-exam name="main-menu"]');
function shortcode_wrap( $atts, $content = null ) { return '<div class="shortcode_wrap">' . do_shortcode($content) . '<div>'; } add_shortcode('wrap', 'shortcode_wrap'); //[wrap]Nội dung hoặc shortcode khác [/wrap]
Như vậy khi bạn gọi [wrap]Nội dung hoặc shortcode khác [/wrap] thì toàn bộ nội dung văn bản và cả nội dung của shortcode con bên trong cũng được hiển thị. Nếu bạn không có hàm do_shortcode($content) thì shortcode của bạn sẽ không chứa shortcode khác hoặc các thành phần phức tạp của content bên trong được.