Hướng dẫn chèn Shortcode vào WordPress đơn giản 2022

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 content này, atpweb.vn sẽ viết bài Hướng dẫn chèn Shortcode vào WordPress đơn giản 2022.

Shortcode là gì?

Shortcode khi dịch ra nó mang 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 VD khi hiển thị bài content trên trang chủ WordPress thường sẽ vận dụng vòng lặp Loop thì khi viết ra chỉ có một đoạn ngắn gọn [shortcode].

Hướng dẫn chèn Shortcode vào WordPress đơn giản

Bạn sẽ chèn Shortcode trong WordPress trên:

• Bài post trên WordPress
• Trang WordPress
• Các tiện ích WordPress
• Chủ đề WordPress

Một số plugin mang lại tính năng dán vào nội dung thông qua các Shortcode. Đặt Shortcode trong thông tin của bài post hoặc Trang sẽ tiến hành chức năng của nó.

Để 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 thực đơn điều hướng, hãy nhấp vào “ Đăng ”
• Nhấp vào bài post 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 dùng dấu ngoặc kép. tuy vậy, nếu như bạn mong muốn văn bản của shortcode video hiển thị thay vì video thực

Chèn shortcode vào các trang WordPress

Nếu như bạn muốn dùng Shortcode ở những nơi khác ngoài thông tin, đầu tiên bạn phải 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

• Chèn Shortcode vào WordPress Widget.
• Để vận 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 thực đơn điều hướng, nhấp vào ” Trang “
• Nhấp vào Trang bạn mong 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 sẽ 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 như bạn không thể nhìn thấy shortcode của mình trong một widget, thì bạn phải cần thêm đoạn mã trên vào tệp functions.php của đề tài.

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”]

(Nguồn: Tổng hợp)

Lời tổng kết

Qua bài viết trên của ATP Web đã cung cấp đến các bạn đọc một số thông tin về hữu ích. Hy vọng những thông tin trên của bài viết sẽ hữu ích với các bạn đọc. Cảm ơn các bạn đã dành nhiều thời gian để xem qua bài viết này nhé.

ATPWeb – XÂY DỰNG NGÔI NHÀ ONLINE

• Hotline: 0707 6666 56
• Fanpage: ATP Web
• Gmail: info@atpweb.vn
• Website: https://atpweb.vn/