Mục Lục
Khởi tạo shortcode
1 2 3 4 5 | 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
1 2 3 4 5 | 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.
Tạo shortcode có chứa tham số
1 2 3 4 5 | 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] |
Áp dụng shortcode vào tính toán
1 2 3 4 5 6 | 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”
Sử dụng biến $content
1 2 3 4 | function uppercase_content($args, $content){ return strtoupper($content); } add_shortcode( 'uppercase-content', 'uppercase_content' ); |
Gọi shortcode vào file php
1 | echo do_shortcode('[short-code]');// Xem mục 6 |
1 2 3 4 5 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"] |
Để 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:
1 | echo do_shortcode('[call-menu-exam name="main-menu"]'); |
Viết shortcode chứa shortcode hoặc có chứa nhiều thành phần khác bên trong
1 2 3 4 5 | 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.
Thông báo chính thức: Blog Thiết kế website Đệ Tứ Sama (...) không hợp tác với bất kỳ ai để bán giao diện WordPress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebook và zalo chính thức.
Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Xin cám ơn!