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ì?
Làm thế nào để chèn Shortcode vào WordPress?
Để chèn shortcode vào WordPress, bạn có thể thực hiện các bước sau:
Tạo hoặc sử dụng shortcode: Trước tiên, bạn cần có một shortcode hoặc sử dụng shortcode được cung cấp bởi một plugin hoặc chức năng cụ thể trong WordPress. Shortcode thường được cung cấp trong tài liệu hoặc hướng dẫn của plugin hoặc chức năng đó.
Điều hướng đến bài viết hoặc trang cần chèn shortcode: Đăng nhập vào trang quản trị WordPress của bạn và tìm bài viết hoặc trang mà bạn muốn chèn shortcode.
Chỉnh sửa bài viết hoặc trang: Mở bài viết hoặc trang bằng cách nhấp vào “Sửa” hoặc “Thêm bài viết” (Add New) tùy thuộc vào nơi bạn muốn chèn shortcode.
Chèn shortcode: Để chèn shortcode, bạn chỉ cần gõ nó trực tiếp vào nội dung bài viết hoặc trang ở vị trí bạn muốn hiển thị nó. Đặt shortcode trong dấu ngoặc vuông []
. Ví dụ:
[my_custom_shortcode]
Đây là một ví dụ về cách chèn shortcode [my_custom_shortcode]
vào nội dung của bài viết hoặc trang.
Lưu hoặc cập nhật bài viết hoặc trang: Sau khi bạn đã chèn shortcode, hãy nhấp vào nút “Cập nhật” hoặc “Lưu nháp” (tùy thuộc vào tình huống) để lưu thay đổi.
Xem trước hoặc xuất bản: Bạn có thể xem trước bài viết hoặc trang để kiểm tra xem shortcode hoạt động như mong muốn. Sau đó, nếu bạn hài lòng với kết quả, bạn có thể chọn “Xuất bản” hoặc “Cập nhật” một lần nữa để đăng bài viết hoặc trang có shortcode lên trang web của bạn.
Khi bạn xem trước hoặc truy cập bài viết hoặc trang đã xuất bản, shortcode sẽ được thực thi và hiển thị dữ liệu hoặc chức năng tương ứng được định nghĩa bởi 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