Lưu trữ thẻ: flatsome

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

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

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

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

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

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 trong Ux Builder mà không mất cái phân trang. Tình ...

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 thông thường nữa mà phải active qua token hoặc key ...

Xây dựng bảng thông số kỹ thuật và khuyến mại sử dụng Advanced Custom Fields

Chào các bạn, nếu bạn làm website bán hàng cho các sản phẩm điện thoại thì chắc chắn sẽ cần đến bảng thông số kỹ thuật như CPU, Ram, bộ nhớ, thông số màn hình, thông số camera,… phải không ạ? Mình có làm cái ...

Hướng dẫn sửa giao diện menu mobile trong theme Flatsome bằng CSS

Chào các bạn, nhiều bạn (trong đó có mình) sử dụng theme Flatsome để dựng web với những ưu điểm rất lớn là dễ tùy biến, trình dựng trang kéo thả, dễ sử dụng cho nhiều đối tượng, ngay cả những người không rành code. ...

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 dưới đây có lẽ là anh Hung Bun. Xin được ...

Hướng dẫn tùy biến giao diện trang đăng nhập mặc định của WordPress

Theo mặc định, trang đăng nhập vào tài khoản quản trị của website WordPress sẽ có địa chỉ kiểu như sau: http://tenmien/wp-login.php (wp-admin). Theo đó, việc đăng ký tài khoản mới hoặc lấy lại mật khẩu tài khoản cũng được thực hiện luôn trong trang ...

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ế là plugin này có nhiều điểm không phù hợp với ...

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 hướng dẫn các bạn thêm hiệu ứng ánh sáng đẹp ...

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 bài viết. Có một số bạn thích hiệu ứng CSS ...

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 diện mobile. Nhận thấy có nhiều bạn cũng chưa biết ...

[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ị đẩy xuống phía dưới phải không? Bài viết này chắc ...

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 để chèn Breadcrumbs cho website WordPress sử dụng plugin Yoast ...