Hướng dẫn ghi đè (override) folder INC trong child-theme Flatsome

🗣 Bài viết đăng bởi Pinker vào lúc 02-03-2023 và cập nhật lúc 17-12-2023 👁 1846 lượt xem
Override Inc Flatsome

Trong WordPress nói chung và theme Flatsome nói riêng, có cơ chế tạo folder child-theme để chỉnh sửa được thuận tiện, không bị mất code khi update theme. Trong theme Flatsome chúng ta có thể ghi đè (override) được gần như toàn bộ các file, ngoại trừ chỉ có folder INC.

Để có thể ghi đè (override) inc trong theme Flatsome, các bạn áp dụng các bước sau, ở đây tôi sẽ ví dụ với file /inc/ux_products.php:

Theme Flatsome
Theme Flatsome

Bước 1. Sao chép file & folder

Sao chép /inc từ theme Flatsome sang folder child-theme Flatsome (file nào cần thì sao chép, không thì copy tất cả cho nhanh)

Bước 2. Đổi tên function

Mở file /inc/shortcodes/ux_products.php (hoặc file cần sửa trong child-theme) và đổi tên function

từ như này

function ux_products($atts, $content = null, $tag) {}

sang như này

function child_ux_products($atts, $content = null, $tag) {}

Bước 3. Đổi lại shortcode

Kéo xuống cuối file và chỉnh sửa từ như này

add_shortcode("ux_bestseller_products", "ux_products");
add_shortcode("ux_featured_products", "ux_products");
add_shortcode("ux_sale_products", "ux_products");
add_shortcode("ux_latest_products", "ux_products");
add_shortcode("ux_custom_products", "ux_products");
add_shortcode("product_lookbook", "ux_products");
add_shortcode("products_pinterest_style", "ux_products");
add_shortcode("ux_products", "ux_products");

sang như này

add_shortcode("ux_bestseller_products", "child_ux_products");
add_shortcode("ux_featured_products", "child_ux_products");
add_shortcode("ux_sale_products", "child_ux_products");
add_shortcode("ux_latest_products", "child_ux_products");
add_shortcode("ux_custom_products", "child_ux_products");
add_shortcode("product_lookbook", "child_ux_products");
add_shortcode("products_pinterest_style", "child_ux_products");
add_shortcode("ux_products", "child_ux_products");

Bước 4. Khai báo ghi đè đường dẫn file

Mở functions.php trong child-theme và copy code sau

function vdh_override_shortcodes()
{
    require get_stylesheet_directory() . '/inc/shortcodes/ux_products.php';
    // Thêm file tương tự cần sửa vào đây
}
add_action('wp_loaded', 'vdh_override_shortcodes', 10);

Lưu ý rằng, khi theme cha được cập nhật, các thay đổi của trong child-theme sẽ không bị mất. Tuy nhiên, nếu các thay đổi trong theme cha liên quan đến các file trong thư mục /inc, bạn có thể cần phải cập nhật lại các file tương ứng trong child-theme của bạn để đảm bảo tính tương thích của theme và child-theme.

5/5 - (5 bình chọn)

Bài viết khác

Tổng hợp Download Plugin - Theme cho WordPress : Xem ngay
Nhóm Zalo : Tham gia ngay
TAGS: FOLDER INC FLATSOME GHI ĐÈ INC FLATSOME GHI ĐÈ SHORTCODE PRODUCT INC FLATSOME OVERRIDE INC FLATSOME OVERRIDE SHORTCODE FLATSOME OVERRIDE SHORTCODE INC FLATSOME SHORTCODE PRODUCT FLATSOME

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

9 trừ ba bằng mấy (trả lời bằng chữ) ?

Hotline Zalo Giới thiệu
0986.209.305
Zalo
Giới thiệu