Lưu trữ Danh mục: Kiến thức

Đổ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 sửa đổi chữ “add to cart” thành chữ “Mua hàng”, ...

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 khoảng 200 từ) – danh sách sản phẩm – mô ...

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, để tạo custom field ảnh đại diện và gọi ra được ...

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 khi bạn bấm switch chuyển ngôn ngữ khác. Ngoài việc ...

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 thị lần lượt các bài viết trong danh mục. Hôm ...

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 phải là hành động bẻ khóa theme, cũng không giúp ...

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, chắc chắn bạn sẽ có không ít lần viết thêm ...

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 trở nên sinh động hơn. Hôm nay, mình sẽ chia ...

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 thực hiện trong function.php và dán vào widget dưới dạng ...

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 nhé! Link demo: https://ninhbinhweb.info/huong-dan/tao-box-thong-bao-khuyen-mai-dep-cho-website.html Bài viết hướng dẫn thực hiện ...

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. Bước 1: Thêm code HTML vào vị trí cần chèn ...

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 Setting – Footer Script Bước 2: Copy toàn bộ đoạ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ẽ giúp bạn chống/chặn luôn auto spam đó nhé. Chuyện là ...

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 nhỏ nhưng khá thú vị và nếu đưa vào website ...

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 dẫn trên theme Flatsome, các bạn sử dụng theme khác ...

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. Thật may mắn là tham khảo được một số bài ...

Đổ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 xác nhận về nhưng gần như 100% không thành công ...

[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 thu nhỏ bên dưới để phù hợp với nhu cầu. ...

[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ẻ bất kỳ để phục vụ nhu cầu SEO trang web. ...

[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 một hồi cũng tìm được đoạn code hay và phù ...

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. Mặc định thì theme Flatsome hỗ trợ element “Tab” với ...

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 các bạn muốn trang trí website thêm phần chuyên nghiệp. ...

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úng ta cùng tìm hiểu nhé! Trước hết, mời bạn ...

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 dùng Advanced Custom Field để tạo file khuyến mại cho ...

Đổ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 không? Hôm nay cùng mình thực hiện nhanh gọn nhé! ...

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 theo nhé! Bài viết thực hiện demo trên theme Flatsome, ...

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 muốn xem thêm thì click xem thêm còn không thì ...

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 toán lại và bỏ các trường không cần thiết trong trang 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 bạn là copy đoạn code sau bỏ vào Footer Script ...

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 “tạo menu riêng cho từng trang Flatsome” thì cũng đọc ...