Chuyên mục
How to
76 bài viết
Query only seach by title
Hook only seach by title in page seach function wpse_11826_search_by_title( $search, $wp_query ) { if ( ! empty( $search ) && ! empty( $wp_query->query_vars[‘search_terms’] ) ) { global $wpdb; $q = $wp_query->query_vars; $n = ! empty( $q[‘exact’] ) ? ” : ‘%’; $search = array(); foreach ( ( array ) $q[‘search_terms’] as $term ) $search[] […]
Hướng dẫn tạo form có validate, upload file nhiều bước và xử lý ajax
B1: Đăng ký thư viện trong admin WordPress function tmdev_add_style_scripts() { $js_list_an_item_ver = date(“ymd-Gis”, filemtime( get_template_directory(). ‘/assets/js/list-an-item.js’ )); $assets_path = get_template_directory_uri(); wp_enqueue_script(‘jquery-validation’, $assets_path.’/assets/js/jquery.validate.min.js’, array(‘jquery’)); wp_enqueue_script(‘product-submit’, $assets_path.’/assets/js/list-an-item.js’, array(‘jquery’, ‘custom-script’), $js_list_an_item_ver ); wp_enqueue_style( ‘product-submit’, $assets_path.’/assets/css/product-submit.css’, ”, 123 ); } add_action( ‘wp_enqueue_scripts’, ‘tmdev_add_style_scripts’ ); B2: Tạo form và xử lý validate ở ngoài Frontend <div id=”product-submission-form”> <div class=”step-buttons”> […]
Chia sẻ một số thư viện loading css đẹp
Bạn đang cần xử lý dữ liệu bằng Ajax, trong khi chờ tải dữ liệu bạn nên có một dấu hiệu gì đó báo cho người truy cập website của bạn biết rằng dữ liệu đang được tải, một trong những dấu hiệu đó là thêm icon loading, và mình có tìm được một số […]
Giải pháp tốt khi chỉnh sửa css mà không sợ bị lưu cache trình duyệt
Có khi nào bạn chỉnh css, nhưng khách hàng vẫn nhận kết quả cũ, nguyên nhân là do trình duyệt của khách hàng bị lưu cache. Để xử lý vấn đề đó bạn phải thêm 1 biến đằng sau file css để trình duyệt hiểu đó là file mới và tải lại file css đó, […]
Một số css tùy biến thẻ input type: select, number
Bỏ dropdown mặc định của selectbox và tùy chỉnh sang dropdown khác Dropdown mặc định của selectbox mặc định padding rất sát với viền, và bạn muốn bỏ phần mũi tên của selectbox đó đi, bạn hãy copy đoạn code css bên dưới và dán vào phần css của bạn Từ ảnh Sang: select { […]
Tắt lazyload cho một số hình ảnh
Trong phiên bản WordPress mới ở trong hàm: wp_get_attachment_image sẽ mặc định có thuộc tính loading hỗ trợ lazyload, tuy nhiên trong một số trường hợp bị lỗi bạn cần tắt tính năng lazyload này đi. vd: ảnh ở trong slider Để tắt tính năng lazyload bạn cần chỉnh thuộc tính loading=eager là được echo wp_get_attachment_image( $image, […]
Tuỳ biến layout YITH WooCommerce Wishlist
Yêu cầu: Tuỳ chỉnh lại layout sản phẩm yêu thích mặc định như sau Plugin: WooCommerce, YITH WooCommerce Wishlist Tạo thêm menu item trong trang My account function wishlist_add_end_point() { add_rewrite_endpoint(‘wish-list’, EP_ROOT | EP_PAGES); // flush_rewrite_rules(); } add_action(‘init’, ‘wishlist_add_end_point’); // —————— // 2. Add new query var function wishlist_query_vars($vars) { $vars[] = ‘wish-list’; return $vars; […]
Một số hook hoặc filter thường sử dụng trong plugin WPML
1. Một số hằng số thường dùng trong plugin WPML: vd: Ngôn ngữ hiện tại là ngôn ngữ tiếng Việt thì khi bạn in các hằng số sau ra sẽ có được kết quả ICL_LANGUAGE_CODE: => vi ICL_LANGUAGE_NAME: => Việt Nam Xem thêm các hằng số khác: https://wpml.org/documentation/support/wpml-coding-api/wpml-constants/ 2. Chuyển ngôn ngữ trong function WordPress: […]
Cách thay đổi parameter của url trong javascript
Giả sử ta có 1 thẻ a có link như sau: <a href=”domain.com?cat=47″ class=”doc-category”>Link tới chuyên mục</a>, Khi xử lý js ta cần đổi tham số cat sang 1 giá trị khác thì ta làm như sau: let product_doc_link = $(‘.doc-category’); let cat = 123; $.each(product_doc_link, (index, item) => { let link = new URL(item.href); […]
Tuỳ biến phần search WordPress chính xác hơn, tìm kiếm theo tiêu đề
Bạn hãy thêm đoạn code sau vào file functions.php add_filter(‘posts_search’,’tmdev_custom_search_wordpress’, 500, 2); function tmdev_custom_search_wordpress( $search, $wp_query ) { global $wpdb; if ( empty( $search ) ) return $search; $q = $wp_query->query_vars; $n = ! empty( $q[‘exact’] ) ? ” : ‘%’; $n = ”; $search = $searchand = ”; $term_post_content = implode(” “, $q[‘search_terms’]); $term_post_content […]