Học thiết kế web Wordpress

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: ...

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 ...

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ẽ ...

Đổ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] – 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ẻ ...

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. ...

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 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 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ễ, ...

Hướng dẫn update theme Flatsome thủ công bản mới nhất cho anh em

Chào các bạn, hẳn là có nhiều anh em làm website wordpress hiện nay đang sử dụng theme Flatsome phải không? Từ phiên bản Flatsome 3.14 thì các bạn không thể active theme bằng key ...

Hướng dẫn thay core wordpress thủ công cho các bạn mới

Chào các bạn, trong quá trình làm web wordpress sẽ có rất nhiều trường hợp khiến chúng ta phải update wordpress hoặc chậm chí là hạ wordpress xuống phiên bản khác. Tuy nhiên, đối với ...

Hướng dẫn chèn bài viết liên quan cực đẹp cho website

Chào các bạn, bài viết liên quan phía dưới mỗi bài viết không chỉ có chức năng điều hướng và tăng trải nghiệm website của khách hàng, mà một phần khác nó giúp cho website ...

36 Bình luận

Thêm danh mục con vào Element Title trong UX Builder của theme Flatsome

Nội dung bài viết được mình tham khảo từ web thanhtrungit và đưa về blog GiuseArt với mục đích chia sẻ lại cho những ai cần.  Theo thanhtrungit.com, tác giả các đoạn code hữu ích ...

23 Bình luận

Thêm nút Mua ngay vào Woocommerce một cách đơn giản

Bài viết này mình tham khảo trên blog nguyenvantoan.com và đưa về cho các bạn cùng tham khảo nha. Cám ơn tác giả vì những dòng code hết sức hữu ích với anh em làm ...

7 Bình luận

Sửa trang thanh toán WooCommerce gọn gàng và hữu dụng hơn mặc định

Woocommerce thì có lẽ quá quen với anh em làm web WordPress rồi. Đây là một plugin mạnh mẽ hỗ trợ việc bán hàng online cho các website WordPress. Tuy nhiên, có một thực tế ...

2 Bình luận

Thêm hiệu ứng ánh sáng khi hover ảnh sản phẩm Woocommerce bằng CSS

Chào các bạn, bài viết trước mình đã hướng dẫn các bạn thêm hiệu ứng ánh sáng trượt khi hover vào ảnh bài viết trong theme Flatsome rồi phải không? Hôm nay mình tiếp tục ...

2 Bình luận

Thêm hiệu ứng ánh sáng khi hover vào ảnh bài viết trong theme Flatsome

Chào các bạn, nếu ai để ý có thể thấy các mẫu website gần đây của Ninh Bình Web mình hay sử dụng hiệu ứng ánh sáng trượt lấp lánh khi rê chuột vào ảnh ...

Hướng dẫn tạo các nút gọi, chat Zalo và chat Facebook cho website WordPress bằng HTML và CSS

Chào các bạn, mấy mẫu web mới nhất của ninhbinhweb.com được mình trang bị sẵn một số nút tiện ích nổi ở góc trái màn hình như nút Gọi điện, chat Zalo hay chat Facebook. ...

27 Bình luận

Hướng dẫn tạo thanh Float menu bám sát lề cho website WordPress

Chào các bạn, lại một dự án thiết kế website cho khách hàng mình vừa mới hoàn thành, và mỗi dự án thiết kế website luôn cần một vài thủ thuật chỉnh sửa nho nhỏ ...

12 Bình luận

Code tạo thanh liên hệ nhanh trên giao diện mobile bằng HTML và CSS

Chào các bạn, lang thang trên group Flatsome Việt Nam, mình tình cờ đọc được câu hỏi của một bạn về thanh liên hệ nhanh (mình tạm gọi là Contact Bar) khá đẹp trên giao ...

11 Bình luận

[Flatsome theme] – Tạo menu xổ ngang trong Widget Area

Chào các bạn, nếu đã từng chèn một menu bất kỳ vào Widget Area trong website sử dụng theme Flatsome, chắc hẳn các bạn từng rất khó chịu khi sub-menu không xổ ngang mà bị ...

13 Bình luận

Code thêm các nút Call to action hữu ích cho website WordPress

Chào các bạn, ở một số bài trước mình đã hướng dẫn thêm nút gọi ngay ở chân trang website trên giao diện di động rồi phải không? Hôm nay mình tiếp tục hướng dẫn ...

2 Bình luận

Hướng dẫn chèn Fanpage Facebook vào website WordPress đơn giản nhất

Hiện tại thì gần như 100% các website đều cố gắng nhúng Fanpage Facebook vào website để thu hút người dùng theo dõi kênh bán hàng trên mạng xã hội Facebook. Bằng việc hiển thị ...

1 Bình luận

Tạo hiệu ứng trượt mượt mà bằng JavaScript khi thiết kế Landing Page

Chào các bạn, hôm trước mình làm một Landing Page đơn giản về Bất động sản. Mày mò một hồi lâu mới tìm được đoạn JS tạo hiệu ứng trượt mượt mà trong trang. Thấy hay ...

15 Bình luận

Hướng dẫn chèn Breadcrumbs cho website WordPress sử dụng plugin Yoast Seo

Chào các bạn, trên blog GiuseArt.com mình cũng đã chia sẻ một bài viết tạo breadcrumbs không sử dụng plugin rồi phải không? Hôm nay, mình sẽ hướng dẫn các bạn thêm một cách nữa ...

4 Bình luận

Sửa lỗi khung bình luận Facebook trên website WordPress đột nhiên bị thu hẹp chiều rộng

Chào các bạn, mấy hôm nay trên mạng đột nhiên xuất hiện tình trạng nhiều bạn than vãn về việc khung bình luận của Facebook (Comment Facebook) trên website WordPress đột nhiên bị thu hẹp ...

4 Bình luận

Hướng dẫn tạo Float Menu tùy chỉnh đẹp cho website WordPress

Chào các bạn, bữa trước mình có share code tạo các nút hữu ích phía dưới chân trang cho website WordPress rồi phải không? Hôm nay mình tiếp tục chia sẻ một đoạn code khá ...

6 Bình luận

Code chèn các nút Call to Action hữu ích phía dưới chân trang trên giao diện mobile

Lần trước mình có chia sẻ bài viết chèn nút Hotline và chat Facebook vào chân trang trên website rồi phải không các bạn? Hôm nay trong bài viết này, mình sẽ tổng hợp lại ...

12 Bình luận