Mặc định thì Word press không giúp các shortcode trong sidebar. Có Thể Shortcode là một chức năng cực kỳ hay của Word press, giúp bạn thêm thắt content, chức năng tùy biến một cách linh động vào bài viết, trang hoặc sidebar. rất nhiều plugins, themes tiêu dùng shortcode để hiển thị định dạng content đặc biệt giống như form gọi, gallery ảnh, slide,…

Shortcode là gì? Cách tiêu dùng như thế nào?

Shortcode thường là gì? Cách thêm shortcode vào sidebar widget

Shortcode trong Word press quá được định nghĩa là các cái code ngắn, thực hành các chức năng cố định trả về content động(dynamic content) theo ngữ cảnh bài viết. Shortcode có thể được dùng ở bài viết, trang và cả sidebar widget. 1 thí dụ về shortcode cái có dạng giống như sau:
[vietrick_shortcode]
cần Để có thể hiểu sâu về shortcode, chúng ta hãy khởi đầu tìm hiểu về hoàn cảnh ra đời của shortcode trong WordPress. WordPress vận dụng một bộ lọc mọi các nội dung trong bài viết, trang,..

Hướng đừng dẫn tiêu dùng shortcode vào sidebar widget

Điều đầu tiên bạn cần làm là vào có thể trong bảng điều khiển admin, đăng nhập Appearance » Widgets, sau đó kéo-thả thôi tiện ích Text widget vào sidebar của Word press. Sau khi thêm widget mới, bạn chỉ cần dán Shortcodes vào bên trong khu vực text của widget. Đừng quên bấm vào nút Save để lưu các thiết lập widget .

Thêm chậm Shortcode vào sidebar WordPress bằng Custom HTML Widget

đôi khi bạn thêm mất HTML tùy chỉnh cùng với shortcode nhưng chúng không hiển thị giải đáp chất nhất lượng trong các text widget. Trong trường hợp đó, bạn sẽ cần thêm shortcode bằng cách tiêu dùng kèm theo ‘Custom HTML’ widget (widget để dùng HTML tùy chỉnh). Theo mặc định, shortcodes không được phép chạy trong các ‘Custom HTML’ widget. Để chuyển đổi điều này, bạn sẽ cần phải thêm đoạn code sau vào file functions.php của theme hoặc dùng 1 plugin riêng cho web (site-specific plugin) nào đó để chỉnh sửa.
add_filter( 'widget_text', 'do_shortcode' );
Sau đó, có thể thêm một ‘Custom HTML’ widget vào sidebar và tiếp tục thêm shortcode vào nó. Đừng quên bấm Save để lưu cài đặt widget .

Kích hoạt shortcode trong functions -thêm vào sidebar widget wordpress

Với cách này bạn đơn giản chỉ cần kích hoạt nó trong functions trong child theme bằng cách thêm đoạn mã dưới đây vào cuối cùng files functions.php
// Enable shortcodes in text widgets
add_filter('widget_text','do_shortcode');
Đoạn mã này thêm một bộ lọc mới cho phép shortcodes hoạt động bên trong văn bản widget. Bây giờ bạn có thể truy cập Appearance > Widgets và thêm một văn bản widget vào sidebar. Dán shortcode vào ô nội dung và bấm vào nút Save. Và đó là những gì bạn cần làm để có thể hiển thị shortcode trong widgets của genesis, và giờ đây quay lại trang web của bạn và F5 để xem thành quả nào.

Hướng dẫn chèn Shortcode vào Bài viết/Trang

Để chèn shortcode vào bài viết hoặc trang, bạn tiến hành chỉnh sửa Bài viết/Trang mong muốn. Sau đó trong trình soạn thảo Gutenberg, bạn chọn khối cần thêm vào, tìm và chèn khối Shortcode Sau khi click chọn khối Shortcode, bạn dễ dàng chỉ cần nhập tên shortcode cần dùng là được. Tên shortcode có thể được khai báo bởi các plugins mà bạn cài vào như Contact Form 7 để chèn mẫu liên hệ, chèn, tạo nút gọi website wordpress,… hoặc bạn cũng có thể viết một shortcode, chi tiết ở phần sau.

Chèn shortcode thêm vào Theme WordPress - sidebar, widget

Shortcode có lẽ được tiêu dùng đa dạng ở bài viết, trang và sidebar widget. Bên cạnh đó, đôi khi chúng ta cũng cần nhúng shortcode ở trong Theme. Word press cho phép chúng ta biên tập các tệp .php trong theme. Nếu bạn muốn dùng shortcode ở phần nào của theme, chỉ cần gọi tệp .php tương ứng rồi chèn đoạn mã sau vào:
<?php echo do_shortcode("[ten_shortcode]"); ?>
Qua bài viết này, hy vọng các bạn sẽ thuận lợi viết được shortcode đơn giản như mong muốn mà không tốn nhiều thời kì và công sức. Viết Shortcode thật đơn giản và thuận tiện. Phần chuyên sâu hơn về shortcode mình sẽ viết tiếp ở các bài sau nhé.

Các bài hướng dẫn khác:

https://sieutocviet.page/loi-404-not-found-wordpress/ https://sieutocviet.page/500-internal-server-error/ https://sieutocviet.page/tsl-ssl/

Shortcode là gì? hướng dẫn thêm vào sidebar widget

Nguyễn Ngọc Kiên ()

Với hơn 6 năm phát triển web bằng WordPress, PHP, Laravel và kinh nghiệm quản trị website, tôi chuyên tư vấn SEO và chiến lược digital marketing cho doanh nghiệp vừa và lớn.