Mục lục

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
Hướng dẫn chèn Shortcode vào WordPress đơn giản

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

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

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.

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

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

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

(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é.

thiet ke website tron goi tai Thanh pho Thu Duc.PNG ATPWeb - Khởi Tạo Ngôi Nhà Online
Thiết kế website tại ATPWeb
  • Website bán hàng ATPWeb giúp tối ưu hiệu quả SEO: Giúp bạn có một Website chuẩn SEO, khách hàng có thể tìm bạn trên Google một cách dễ dàng nhất.
  • 500+ giao diện Responsive đẹp mắt, tùy biến cao: Giúp bạn có một Website thân thiện, dù là bất cứ thiết bị nào Website sẽ cho họ một trải nghiệm mua hàng hấp dẫn.
  • Website tốc độ cao và băng thông không giới hạn: Giúp bạn có một Website tốc độ cao, khách hàng của bạn sẽ được trải nghiệm tốc độ load của một trang báo.
  • Dịch vụ cài đặt dễ dàng và nhanh chóng.
  • Tiết kiệm chi phí: Khi sử dụng dịch vụ thiết kế web trọn gói của ATPWeb bạn sẽ nhận được nhiều ưu đãi như: Kho bài viết, tài liệu, cẩm nang và khóa học miễn phí, khuyến mãi tùy theo từng gói dịch vụ, miễn phí các dịch vụ phát sinh và nhiều lợi ích khác.

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

Đánh giá bài viết post

Leave a Comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

LIÊN HỆ TƯ VẤN

Thiết Kế Web
BLOG
Đăng ký tư vấn
Thiết kế website
Đồng hành cùng ATP WEB

Đăng ký tư vấn Thiết kế website