Cách chèn shortcode vào wordpress đơn giản và nhanh chóng nhất

Tin Tức
5/5(1
bình chọn
)

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.

Shortcode là gì?

Shortcode là gì
Shortcode là một khái niệm thường được sử dụng trong lập trình web và trong một số hệ thống quản lý nội dung (CMS) như WordPress. Shortcode là một chuỗi ngắn gọn, thường được viết trong dấu ngoặc vuông, được sử dụng để nhúng mã hoặc tạo các chức năng động trong các trang web hoặc bài viết mà không cần viết mã HTML hoặc PHP đầy đủ.
Mục đích chính của shortcode là giúp người quản trị trang web hoặc người viết bài viết có thể dễ dàng thêm các chức năng phức tạp hoặc hiển thị dữ liệu động mà không cần hiểu rõ về cách hoạt động bên trong mã nguồn. Thay vì phải viết mã HTML hoặc PHP từ đầu, họ chỉ cần sử dụng shortcode tương ứng.
Ví dụ, trong WordPress, bạn có thể sử dụng shortcode để nhúng một biểu đồ, một danh sách sản phẩm, một biểu mẫu liên hệ hoặc bất kỳ chức năng nào mà một plugin cung cấp. Khi shortcode này được đặt vào nội dung của bài viết hoặc trang, nó sẽ tự động được thay thế bằng mã HTML hoặc JavaScript tương ứng mà plugin đã định nghĩa.
Ví dụ một shortcode trong WordPress có thể trông như sau:
“`
[my_custom_shortcode]
“`
Khi bạn sử dụng shortcode này trong một bài viết, nó sẽ hiển thị nội dung được tạo bởi plugin hoặc chức năng được định nghĩa bởi `[my_custom_shortcode]`.

Làm thế nào để chèn Shortcode vào WordPress?

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:

Xem Ngay Bài Viết  STT lời chúc Noel vui vẻ tuyển chọn hay nhất

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.

Xem Ngay Bài Viết  99+ STT Mùa Xuân, Những câu nói độc đáo về mùa xuân mới

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.
Xem Ngay Bài Viết  35 Phông chữ đẹp, độc đáo miễn phí

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?

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]

cach-chen-shortcode-trong wordpress

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

chen-shortcode-vao-wordpress

[/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

Rate this post

Trả lời

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 *