Bài viết này chia sẻ những đoạn code functions hữu ích cho WordPress, đặc biệt phù hợp với theme Flatsome. Khi đọc xong, bạn sẽ nắm được cách tùy chỉnh và tối ưu hóa website của mình một cách dễ dàng và hiệu quả hơn.
Trong quá trình phát triển website trên WordPress, đặc biệt là khi sử dụng theme Flatsome, việc tùy chỉnh code để phù hợp với nhu cầu cá nhân là rất quan trọng. Bài viết này sẽ chia sẻ code functions hữu ích, giúp bạn tối ưu hóa website và tạo ra những tính năng tùy chỉnh mà bạn mong muốn.
Tại sao cần sử dụng code functions?
Functions trong WordPress là những đoạn mã nhỏ giúp mở rộng và thay đổi chức năng của trang web. Thay vì cài đặt hàng loạt plugin có thể làm chậm tốc độ tải trang, bạn có thể sử dụng các đoạn code này để thêm hoặc tùy chỉnh chức năng theo ý muốn một cách nhẹ nhàng và hiệu quả.
Code Functions Hữu Ích Cho Flatsome
Dưới đây là một số đoạn code mà bạn có thể chèn vào file functions.php của theme Flatsome hoặc sử dụng plugin tùy chỉnh functions.
Thêm chức năng mới vào theme Flatsome
1 2 3 4 5 6 | // Nhúng css function tcwp_styles() { wp_register_style( 'tc-style', get_stylesheet_directory_uri() . '/css-tiencuong.css', array(), '1.0.0', 'all' ); wp_enqueue_style( 'tc-style' ); } add_action( 'wp_enqueue_scripts', 'tcwp_styles' ); |
1 2 3 4 5 | // Thêm Font Awesome 6.2.1 vào theme function tcwp_load_fa() { wp_enqueue_style( 'puramu-fa', get_stylesheet_directory_uri() . '/fontawesome/css/all.min.css' ); } add_action( 'wp_enqueue_scripts', 'tcwp_load_fa' ); |
1 2 3 4 5 6 7 8 | // Ho tro upload anh svg len website wordpress function add_file_types_to_uploads($file_types){ $new_filetypes = array(); $new_filetypes['svg'] = 'image/svg'; $file_types = array_merge($file_types, $new_filetypes ); return $file_types; } add_action('upload_mimes', 'add_file_types_to_uploads'); |
1 2 3 4 5 | // xoá thông báo Flatsome issues add_action( 'init', 'hide_notice' ); function hide_notice() { remove_action( 'admin_notices', 'flatsome_maintenance_admin_notice' ); } |
1 2 3 4 5 6 7 8 9 10 11 12 | // bộ lọc ngăn crop hình ảnh tải lên function tcwp_tat_crop( $enable, $orig_w, $orig_h, $dest_w, $dest_h, $crop ) { return false; } add_filter( 'image_resize_dimensions', 'tcwp_tat_crop', 10, 6 ); function tcwp_tat_image_sizes() { foreach ( get_intermediate_image_sizes() as $size ) { remove_image_size( $size ); } } add_action( 'init', 'tcwp_tat_image_sizes' ); |
1 2 3 4 5 6 7 8 | // Xóa bài viết sẽ xóa luôn hình ảnh đính kèm add_action( 'before_delete_post', 'delete_all_attached_media' ); function delete_all_attached_media( $post_id ) { if( get_post_type($post_id) == "post" ) { $attachments = get_attached_media( '', $post_id ); foreach ($attachments as $attachment) { wp_delete_attachment( $attachment->ID, 'true' ); } } } |
Tối ưu hóa tốc độ tải trang
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | //* tải điều kiện js và css woocommerce function tcwp_load_woc_js_css() { if (function_exists('is_woocommerce')) { if (!is_woocommerce() && !is_cart() && !is_checkout() && !is_account_page() && !is_product() && !is_product_category() && !is_shop()) { wp_dequeue_style('woocommerce-general'); wp_dequeue_style('woocommerce-layout'); wp_dequeue_style('woocommerce-smallscreen'); wp_dequeue_style('woocommerce_frontend_styles'); wp_dequeue_style('woocommerce_fancybox_styles'); wp_dequeue_style('woocommerce_chosen_styles'); wp_dequeue_style('woocommerce_prettyPhoto_css'); wp_dequeue_script('wc_price_slider'); wp_dequeue_script('wc-single-product'); wp_dequeue_script('wc-add-to-cart'); wp_dequeue_script('wc-checkout'); wp_dequeue_script('wc-add-to-cart-variation'); wp_dequeue_script('wc-single-product'); wp_dequeue_script('wc-cart'); wp_dequeue_script('wc-chosen'); wp_dequeue_script('woocommerce'); wp_dequeue_script('prettyPhoto'); wp_dequeue_script('prettyPhoto-init'); wp_dequeue_script('jquery-blockui'); wp_dequeue_script('jquery-placeholder'); wp_dequeue_script('fancybox'); wp_dequeue_script('jqueryui'); } } } add_action('wp_enqueue_scripts', 'tcwp_load_woc_js_css'); |
Cách sử dụng các đoạn code này
Để sử dụng các đoạn code trên, bạn có thể làm theo các bước đơn giản sau:
- Mở file
functions.phpcủa theme Flatsome trong thư mục theme. - Sao chép và dán đoạn code tương ứng vào file.
- Lưu file và kiểm tra kết quả trên trang web của bạn.
Kết luận
Việc tùy chỉnh functions trong WordPress không chỉ giúp trang web của bạn hoạt động mượt mà hơn mà còn tiết kiệm được thời gian và công sức khi không cần phải cài đặt nhiều plugin. Hãy thử áp dụng những đoạn code này và chia sẻ kinh nghiệm của bạn với chúng tôi !
Bài viết mới cập nhật:
- Tổng hợp code hay cho flatsome bán hàng cực chất
- Contact us all-in-one button – Plugin tạo nút liên hệ chuyên nghiệp
- Cách chỉnh sửa CSS menu 3 cấp trên theme Flatsome
- Chính sách bảo mật thông tin
- File .htaccess mặc định của WordPress
- CSS tạo Line Effect khi hover
- Top 5+ Những khó khăn bạn đang gặp phải khi tìm đơn vị thiết kế website
- Thêm nội dung vào trước và sau giá của sản phẩm trong Woocommerce
Nguyễn Tiến Cường
Bài Viết Cùng Chủ Đề:
