Chèn shortcode vào wordpress là cách đơn giản để bạn có thể thêm thắt nhiều yếu tố quan trọng vào website của mình mà không cần phải chỉnh sửa code. Trong bài viết này, VDO Software sẽ viết bài hướng dẫn chèn shortcode vào wordpress đơn giản và nhanh chóng nhất.
TÓM TẮT
Shortcode là gì?
Shortcode khi dịch ra nó có nghĩa là một đoạn code ngắn, nó sẽ thực thi nhiệm vụ mà chúng ta đã chỉ định trong file functions.php. Thay vì phải viết code đoạn code dài loằng ngoằng thì shortcode giúp ngắn gọn và dễ viết hơn khi gọi ra.
Mình lấy ví dụ khi hiển thị bài viết trên trang chủ WordPress thường sẽ sử dụng Vòng lặp Loop thì khi viết ra chỉ có một đoạn ngắn gọn [shortcode]
Làm thế nào để chèn Shortcode vào WordPress?
Bạn có thể chèn Shortcode trong WordPress trên:
- Bài đăng trên WordPress
- Trang WordPress
- Các tiện ích WordPress
- Chủ đề WordPress
Một số plugin cung cấp khả năng dán vào nội dung thông qua các Shortcode. Đặt Shortcode trong nội dung của Bài đăng hoặc Trang sẽ thực hiện chức năng của nó.
1. Chèn Shortcode trong bài đăng WordPress
Để chèn Shortcode vào một bài đăng WordPress :
- Đăng nhập vào Bảng điều khiển WordPress với chi tiết đăng nhập của bạn.
- Trong menu điều hướng, hãy nhấp vào “ Đăng ”
- Nhấp vào bài đăng bạn muốn chỉnh sửa.
- Nhấp vào ” Văn bản “.
- Chèn Shortcode.
- Nhấp vào ” Cập nhật “ để lưu các thay đổi của bạn.
MẸO: Để sử dụng văn bản của một Shortcode trong bài đăng WordPress, hãy tránh sử dụng dấu ngoặc kép. Tuy nhiên, nếu bạn muốn văn bản của shortcode video hiển thị thay vì video thực
2. Chèn shortcode vào các trang WordPress
Để chèn Shortcode vào các trang WordPress :
Nếu bạn muốn sử dụng Shortcode ở những nơi khác ngoài nội dung, trước tiên bạn cần thêm tiện ích văn bản. Thứ hai, chèn Shortcode vào Thanh bên tiện ích WordPress hoặc Mẫu WordPress
3. Chèn Shortcode vào WordPress Widget.
Để sử dụng các Shortcode bên trong thanh bên Widgets WordPress của bạn:
- Đăng nhập vào Bảng điều khiển WordPress với chi tiết đăng nhập của bạn.
- Trong menu điều hướng, nhấp vào ” Trang “
- Nhấp vào Trang bạn muốn chỉnh sửa.
- Nhấp vào ” Văn bản “
- Thêm Shortcode.
- Nhấp vào ” Cập nhật ” để lưu các thay đổi của bạn.
Giờ đây, bạn có thể chèn phím tắt vào tiện ích văn bản cũng như nội dung.
MẸO: Hãy nhớ rằng tính năng này không được bật theo mặc định trong WordPress. Nếu bạn không thể nhìn thấy shortcode của mình trong một widget, thì bạn cần thêm đoạn mã trên vào tệp functions.php của chủ đề.
Cách tạo Shortcode wordpress như thế nào?
Để chèn shortcode vào WordPress trước tiên bạn phải khởi tạo chức năng cho nó trong file functions.php.
Ví dụ:
Bạn chèn đoạn code này xuống dưới cùng file functions.php
function tao_shortcode() {
echo "Xin chào!";
}
add_shortcode( 'vidu_shortcode', 'tao_shortcode' );
add_filter('widget_text', 'tao_shortcode');
Sau đó bạn viết một đoạn mã này vào widget
[vidu-shortcode]
Sau khi lưu lại và load trang web bạn sẽ thấy xuất hiện chữ Xin chào! như vậy đã tạo shortcode thành công rồi đây!
Để viết shortcode vào file php bạn dùng đoạn mã:
| <?php echo do_shortcode(‘[tao_shortcode]’); ?> |
Còn để viết trên sidebar WordPress bạn dùng đoạn code sau vào file function.php
| add_filter(‘widget_text’, ‘tao_shortcode’); |
Để chèn video Youtube vào WordPress bạn làm như sau:
Đưa đoạn mã dưới vào cuối file function.php
| function tao_youtube_shortcode( $args, $content ) { $content = ‘<iframe src=”//www.youtube.com/embed/’.$args[‘id’].’” height=” ‘.$args[‘height’].’” width=”‘.$args[‘width’].’” allowfullscreen=”” frameborder=”0″></iframe>’; return $content; } add_shortcode(‘youtube’, ‘tao_youtube_shortcode’); |
Tiếp theo bạn chèn đoạn code dưới vào bài viết xem kết quả thế nào nhé!
Trước khi chèn nhớ ấn vào tab text
[/youtube width=”500″ height=”300″ id=”0KJ60uJZ3-Q”]
Kết luận
Chèn shortcode vào WordPress quá dễ phải không nào! Shortcode có tính năng khá hay khi làm website trên WordPress, ngoài ra bạn cũng có thể tìm hiểu và sử dụng các đoạn shortcode khác nữa
Các bài viết liên quan:
Tạo Form đăng nhập HTML
Tạo sitemap cho wordpress
Cách xóa bớt ảnh trong wordpress
