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

đôi khi bạn thêm HTML tùy chỉnh cùng với shortcode nhưng chúng không hiển thị chất lượng trong các text widget. Trong trường hợp đó, bạn sẽ nê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 đơn giản và dễ dàng chỉ cần phải 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 khả năng cao được tiêu dùng phổ biến ở nội dung bài viết, trang và sidebar widget. Tuy nhiên, thỉnh thoảng chúng ta cũng nên nhúng shortcode ở trong Theme. Word press cho phép chúng ta chỉnh sửa 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 phải tìm đến tệp .php tương ứng với rồi chèn đoạn mã sau vào:

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