Kiến thức

Tùy biến hiển thị cụm sản phẩm biến thể woocommerce đẹp và hữu ích nhất

Chào các bạn, hôm nay cùng mình tùy biến khối sản phẩm biến thể mặc định của woocommerce trở nên đẹp và hữu dụng hơn nhé! Mặc định, khối sản phẩm biến thể của woocommerce ...

Plugin hiển thị danh sách mã giảm giá đẹp cho wordpress – WC Coupon Grid

Chào các bạn, hôm nay mình xin giới thiệu plugin hiển thị mã giảm giá đẹp cho wordpress, mời bạn cùng tham khảo và nếu có nhu cầu thì ủng hộ mình nhé! Để hoạt ...

Tạo slider bài viết liên quan đẹp cho website wordpess sử dụng theme Flatsome

Hôm nay, mình tiếp tục chia sẻ tới các bạn cách tạo slider bài viết liên qua đẹp cho website wordpress sử dụng theme Flatsome nhé Bước 1: Copy code tạo slider bài viết liên ...

Tạo sản phẩm biến thể dạng Cross Sells đẹp cho woocommerce

Trước tiên ta cần phần biệt: sản phẩm biến thể mặc định trong woocommerce đã quá quen thuộc rồi. Tuy nhiên, các biến thể mặc định hiển thị rất xấu và không chuyên nghiệp. Hôm ...

Dựng menu mobile đẹp và độc đáo cho website wordpress sử dụng theme Flatsome

Theme flatsome quá nổi tiếng và được lòng anh em trong nghề làm web vì sự hữu dụng và tùy biến đa dạng của nó. Một trong những tính năng tuyệt vời của Flatsome đó ...

Tạo slider ảnh sử dụng Gallery trong plugin Advanced Custom Field trên theme Flatsome

Chào các bạn, hôm nay chúng ta cùng nghiên cứu giải pháp tạo slider ảnh sử dụng gallery của plugin Advanced Custom Field trong theme Flatsome nhé! Cần chuẩn bị gì? Yêu cầu đầu tiên: ...

Hiển thị bảng thuộc tính sản phẩm và bật chế độ lưu trữ các sản phẩm cùng thuộc tính

Khi sản phẩm của bạn có nhiều thuộc tính, bạn muốn hiện các thuộc tính đó ra trang chi tiết sản phẩm theo dạng bảng liệt kê, và khi bấm liên kết các giá trị ...

Tổng hợp các hàm hiển thị dữ liệu trong Woocommerce

Khi bạn sử dụng plugin Woocommerce ngoài việc sử dụng các tính năng có sẵn trong plugin thì chúng ta tìm hiểu thêm về code tùy biến hàm hiểm thị dữ liệu cho Woocommerce Giuseart ...

Đổi text nút Thêm vào giỏ hàng hoặc Add to cart trong woocommere

Một trong những cái mặc định của Woocommerce là phần nút “add to cart” hoặc “thêm vào giỏ hàng”, sẽ không phù hợp với nhu cầu sử dụng hoặc từ quá dài, thông thường các bạn muốn ...

Thêm custom field mô tả ngắn cho danh mục sản phẩm không dùng plugin

Nhiều khi thiết kế web chúng ta gặp những trang web có phần danh mục sản phẩm hiển thị rất khoa học và đẹp, bao gồm: Tiêu đề – mô tả ngắn (một đoạn ngắn ...

Thêm custom field ảnh đại diện cho danh mục sản phẩm không dùng plugin

Trong nhiều trường hợp, chúng ta muốn tùy chỉnh ảnh đại diện cho mỗi danh mục sản phẩm woocommerce để website được trình bày hiện đại và theo ý mình muốn hơn. Tuy nhiên, để ...

Xử lí lỗi Breadcrumb của Rank Math không dịch được chữ “Trang chủ” với Polylang

Hiện tại, mình đang làm một job sử dụng Rank Math để tạo Breadcrumb và Polylang để dịch.  Tuy nhiên có một vấn đề nhỏ là chữ “Trang chủ” trong breadcrumb sẽ không được dịch ...

Tạo layout tùy chỉnh cho trang Blog Archive trong theme Flatsome cực dễ

Chào các bạn, mình đang làm một dự án web trong đó có phần tin tức khách yêu cầu clone lại layout blog archive của một trang khác với 3 khối post khác nhau hiển ...

Cách ẩn thông báo bản quyền theme Flatsome vô cùng đơn giản

Với code này, từ nay chúng ta không phải lăn tăn Flatsome có bản quyền hay không, cũng không bị khó chịu bởi thông báo màu vàng rất khó chịu như này: Cách này không ...

Cách dịch ký tự bất kỳ (custom text) trong WordPress sử dụng Polylang

Khi bạn làm web đa ngôn ngữ, bạn sẽ cần đến plugin hỗ trợ dịch đa ngôn ngữ, trong số đó dễ dùng nhất có lẽ là Polylang. Tuy nhiên, trong quá trình làm web, ...

Tạo hiệu ứng số chạy tăng dần bằng HTML và Javascript đơn giản

Chào các bạn, trong quá trình làm web mình rất hay phải đáp ứng yêu cầu của khách để show các số liệu và có hiệu ứng số chạy tăng dần để làm cho website ...

Tải về miễn phí plugin Related Post Sidebar – tạo widget bài viết liên quan

Chào các bạn, ở bài viết trước mình chia sẻ cho các bạn code hiển thị bài viết liên quan đẹp cho website ở sidebar rồi. Tuy nhiên, bài viết đó hướng dẫn các bạn ...

Hướng dẫn tạo shortcode hiển thị bài viết liên quan cho website

Chào các bạn, hôm nay mình chia sẻ tới các bạn một đoạn code khá hay để tạo shortcode nhằm hiển thị bài viết liên quan ở sidebar cho website. Mời các bạn đón xem ...

Tạo box thông báo khuyến mại đẹp cho website

Chào các bạn, hôm nay mình hướng dẫn các bạn tạo box thông báo khuyến mại đẹp cho website như hình dưới nha: Bài viết hướng dẫn thực hiện trên theme Flatsome, sử dụng Woocommerce. ...

Hướng dẫn code nút liên hệ all in one cho website wordpress

Đoạn code nút liên hệ bên dưới website mình sưu tầm được, nay mình chia sẻ lại cho các bạn cần dùng nhé! Bước 1: Vào phần cài đặt advanced của theme Flatsome – Global ...

1 Bình luận

Chia sẻ cách chống SPAM cho Contact Form 7 hiệu quả nhất

Một vấn đề nhức nhối nhất khi chèn form vào website là bị bot nó auto spam quá. Mail spam từ cf7 suốt ngày luôn. Tức mà không làm gì được thì bài này sẽ ...

Hướng dẫn tạo thanh chức năng bottom cho website wordpress

Có bạn nào muốn làm thanh bottom bar như hình và video mô tả bên dưới không, chúng ta cùng thử làm nhé! Xem demo view mobile: https://ngocbaolong.vn Điểm đặc biệt Đây là tính năng ...

Thay đổi cách hiển thị giá sale bắt mắt người xem trong trang chi tiết sản phẩm

Chào các bạn, hôm nay mình chia sẻ cách thay đổi cách hiển thị giá sale bắt mắt người xem trrong trang chi tiết sản phẩm, các bạn cùng theo dõi nhé! Bài viết hướng ...

Hướng dẫn sửa bộ lọc mặc định Woocommerce giống thế giới di động

Chào các bạn, mình đang làm một trang web Flatsome + Woocommerce, tới trang danh mục sản phẩm muốn tùy biến bộ lọc mặc định của Woocommerce cho giống với trang Thế giới di động. ...

Đổi mật khẩu admin WordPress trong phpmyadmin

Chào các bạn, có nhiều trường hợp khi làm web chúng ta quen mất mật khẩu đăng nhập admin wordpress phải không? Thường thì bấm dòng chữ “quên mật khẩu” và chờ wordpress gửi email ...

[Flatsome] – Hướng dẫn tạo element Slider with Thumnail với Flatsome

Chào các bạn, hôm nay mình chia sẻ các tạo element Slider with Thumnail với theme Flatsome, bài viết hữu ích cho các bạn làm web Flatsome cần tùy biến slider với các hình ảnh ...

[Flatsome] – Thay đổi thẻ tiêu đề blog trong trang archive từ h5 thành h3

Chào các bạn, trong quá trình làm web trên theme Flatsome, hẳn chúng ta nhiều lần cần đổi thẻ tag của tiêu đề Blog Post trong trang Archive từ <h5> thành <h3> hoặc một thẻ ...

[Woocommerce] – Thay đổi thẻ p thành thẻ h3 trong tiêu đề sản phẩm trang shop/ archive

Chào các bạn, làm việc với Woocommerce nhiều khi chúng ta phải sửa đổi thẻ tag của tiêu đề sản phẩm trang danh mục để phù hợp với chiến lược SEO trang web. Mò mẫm ...

Thêm icon image vào tiêu đề Tab trong theme Flatsome

Chào các bạn, trong quá trình làm web trên theme Flatsome, hẳn là các bạn gặp nhiều trường hợp tạo Tab nhưng muốn chèn thêm icon cho Tab để tăng thêm sinh động cho website. ...

Hướng dẫn thêm hiệu ứng bóng lướt qua cho logo web

Chào các bạn, mình mới sưu tầm được một đoạn code CSS khá hay cho website, giúp tạo vệt sáng lướt ngang qua logo website. Một thủ thuật nho nhỏ nhưng khá hữu ích cho ...

Hướng dẫn tạo hiệu ứng sóng chuyển động đơn giản với SVG và CSS

Chào các bạn, trong quá trình làm website chắc chắn nhiều khi chúng ta muốn tạo những dải sóng màu chuyển động để làm tăng thêm độ chuyên nghiệp cho website phải không? Hôm nay ...

Chèn box khuyến mại cho trang chi tiết sản phẩm Woocommerce

Chào các bạn, việc đính kèm quà tặng khuyến mại cho từng sản phẩm là điều rất cần thiết và thường gặp khi làm web bán hàng. Tuy vậy, nhiều anh em chưa biết cách ...

Đổi vị trí Rating xuống dưới giá sản phẩm trong trang danh mục Woocommerce

Chào các bạn, trong quá trình làm việc với Woocommerce chắc sẽ nhiều người gặp phải vấn đề muốn chuyển vị trí Rating xuống dưới phần giá sản phẩm trong trang danh mục Woocommerce phải ...

Chèn label % giảm giá xuống dưới giá sản phẩm trong trang danh mục sản phẩm Woocommerce

Bài viết hướng dẫn các bạn thực hiện việc chèn label % giảm giá xuống phía dưới cụm giá sản phẩm trong loop sản phẩm trang danh mục Woocommerce. Các bạn theo dõi và làm ...

3 Bình luận

Hướng dẫn thu gọn nội dung chi tiết sản phẩm và mô tả danh mục cho Flatsome

Bài này sẽ giúp các bạn thu gọn nội dung chi tiết sản phẩm cho theme Flatsome. Ví dụ nội dung chi tiết quá dài mà bạn muốn hạn chế lại để khi người dung ...

Gộp 2 trang giỏ hàng và thanh toán – tùy biến trang thanh toán trong woocommerce

Quá trình làm web cho khách hàng bằng WordPress mình thường phải chỉnh lại trang thanh toán của woocommerce cho phù hợp với yêu cầu của khách hàng trong đó gộp 2 trang giỏ hàng thanh ...

Tạo Contact Button đẹp cho website sử dụng HTML và CSS

Chào các bạn, hôm nay mình chia sẻ tới các bạn một đoạn code HTML và CSS đẹp, dùng để tạo các nút liên hệ cho website WordPress. Việc cần làm duy nhất của các ...

Tạo menu riêng cho từng trang trong theme Flatsome

Chào các bạn, trong quá trình làm web sẽ có đôi lần chúng ta muốn mỗi trang sẽ hiển thị một menu riêng biệt tùy nhu cầu của chúng ta. Mình có tìm từ khóa ...

Hướng dẫn thay đổi bố cục trang danh mục post trong theme Flatsome

Hôm nay mình có tìm các từ khóa hướng dẫn cách tùy chỉnh archive list của flatsome, nội dung là code lại trang archive list rất chuối của Flatsome thành dạng như element Blog Post ...

Hướng dẫn chỉnh sửa các tab trong woocommerce

Chắc bạn làm về woocommerce cũng không ít lần gặp phải việc khách hàng có những yêu cầu mà bạn chưa từng làm và cần phải tìm hiểu thêm. Hôm nay mình đang có khách ...

Hướng dẫn tạo form lấy số điện thoại đẹp bên dưới Gallery trong trang sản phẩm

Chào các bạn, trong quá trình làm website thì thỉnh thoảng mình có làm được một số tiện ích nho nhỏ để trang trí thêm cho website cũng như giúp cho website trở nên hữu ...

Hướng dẫn tạo nút Affiliates cho sản phẩm woocommerce

Chào các bạn, có nhiều bạn hỏi mình cách chèn một nút custom field trong trang sản phẩm để khi bấm vào nó nhảy sang sang url affiliate trên shopee. Việc này cũng khá dễ, ...