Thêm nút Quicktag cho khung soạn thảo WordPress
Trong bài này Mình sẽ giúp các Bạn Thêm nút Quicktag cho khung soạn thảo Wordpress một cách dễ dàng mà không cần sử dụng đến Plugin.
Thông thường khi viết bài, mặc định trên khung soạn thảo của WordPress chỉ có 1 số nút Quicktag cơ bản. Nhưng nếu bạn có những thẻ nâng cao trong bài viết của mình ví như thẻ marquee
, label
… bạn đành phải viết tay chúng, rất mất thời gian nếu bài viết hay phải dùng đến các thẻ đó.
Trong bài này Mình sẽ giúp các Bạn Thêm nút Quicktag cho khung soạn thảo WordPress một cách dễ dàng mà không cần sử dụng đến Plugin.
Hướng giải quyết(mình sẽ đi từng phần và cuối sẽ có 1 function hoàn chỉnh) :
– Ta cần thêm 1 đoạn Script vào trình soạn thảo với cấu trúc:
QTags.addButton( id, display, arg1, arg2, access_key, title, priority)
- id : ID của input sẽ được tạo
- display : Tên button
- arg1 : Code thẻ mở
- arg2 : Code thẻ đóng
- access_key : Phím tắt Quicktag
- priority : vị trí của Quicktag
Ví dụ :
QTags.addButton( 'vnk_marquee', 'Thẻ marquee', '<marquee>', '</marquee>', 'm', 'code marquee tag', 1 );
Bạn sẽ hiểu hơn đoạn code trên với hình ảnh minh họa này :
Tiếp theo bạn cần 1 Functions để chèn script đó vào Hook admin_print_footer_scripts:
function vnkings_add_quicktags() { if (wp_script_is('quicktags')){ ?> // mã javascript bên trên <?php } } add_action( 'admin_print_footer_scripts', 'vnkings_add_quicktags' );
Vậy kết hợp lại bạn có 1 đoạn Function như sau:
function vnkings_add_quicktags() { if (wp_script_is('quicktags')){ ?> <script type="text/javascript"> QTags.addButton( 'vnk_marquee', 'Thẻ marquee', '<marquee>', '</marquee>', 'm', 'code marquee tag', 1 ); </script> <?php } } add_action( 'admin_print_footer_scripts', 'vnkings_add_quicktags' );
Bây giờ bạn chỉ việc copy nó vào file Functions.php của Theme và xem kết quả
Chúc các bạn thành công!
Bài liên quan
- Đưa trình soạn thảo WordPress 5.0 về phiên bản cũ không dùng plugin
- Thêm chức năng lọc theo Meta Fields trong Dashboard WordPress
- Sửa lỗi không hiển thị Page Template để chọn khi tạo Trang ở WordPress version 4.9
- Thêm reCAPTCHA vào form đăng nhập đăng ký WordPress
- Quản lý thời gian hoạt động cho Vip Member trong WordPress
- Hiển thị bài viết mới theo Category trong WordPress
- Tự tùy biến trang Single theo Category trong WordPress
- Tạo giao diện khác nhau cho từng Category trong WordPress
cái thêm vào script là thêm vào đâu đó ạ?
Bạn thêm đoạn function trên vào file funtions.php nhé
Chào anh. Mình sử dụng website của wordpress, mình muốn cho chạy 1 đoạn nội dung để giới thiệu dịch vụ, mình muốn đặt nằm ở vị trí ngày trên đầu slider của website mình đang chạy thì làm cách nào vậy? Cách chèn vào chỗ nào của website và mình chỉnh vị trí như thế nào để nó nằm đúng khu vực đó? Mong chỉ giáo!
Bạn tìm trong file index.php:
Sau đó paste đoạn giới thiệu bạn muốn ngay ở dưới của nó.
Như vậy mình có phải copy code mẫu trên của anh vào file Function.php nữa không anh?
Hôm nay mới tìm thấy hướng dẫn cái này, cảm ơn bạn.