Themes

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

Hôm nay mình viết hướng dẫn tạo menu riêng cho từng trang WordPress (Flatsome), để làm được việc này chúng ta cần thực hiện các bước như sau: B1: Khai báo, khởi tạo các menu riêng để sử dụng Chèn đoạn code sau vào file function.php của theme hiện hành [...]

Cải tiến hàm search trên Flatsome

Nếu sử dụng website bằng Flatsome thường xuyên thì bạn sẽ nhận thấy chức năng tìm kiếm mặt định của nó rất chuối và thường không tìm ra thứ mình mong muốn, lý do là Ajax search trên theme Flatsome gặp tình trạng hiển thị không chính xác đúng theo [...]

Tạo mobile menu phía dưới cho theme Flatsome (Sticky mobile footer menu)

Từ khóa tiếng Anh cho thủ thuật  này là “Sticky mobile footer menu” các bạn có thể tự tìm kiếm nhiều cách khác nhau nhé. Trong phạm vi bài viết này mình dịch lại cách làm của Sebdelaweb. Tại sao phải làm Sticky mobile footer menu cho website? Để website [...]

3 bước để tùy biến trang post archive của theme Flatsome

Hôm nay rãnh mày mò trên Facebook có bạn hỏi 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ư bên dưới mà không mất cái pagination (đánh dấu trang 1 2 3 bên dưới). Mình chia sẽ [...]

Liệt kê tất cả các icon dùng trong theme Flatsome

Dưới đây là bảng mã icon có sẵn của flatsome Nguồn thoigianranh.com .icon-lock:before{content:"\e904"} .icon-user-o:before{content:"\e900"} .icon-line:before, .icon-chat:before{content:"\e903"} .icon-user:before{content:"\e901"} .icon-shopping-cart:before{content:"\e908"} .icon-tumblr:before{content:"\e603"} .icon-gift:before{content:"\e604"} .icon-phone:before{content:"\e600"} .icon-play:before{content:"\e605"} .icon-menu:before{content:"\e800"} .icon-shopping-basket:before{content:"\e909"} .icon-shopping-bag:before{content:"\e90a"} .icon-google-plus:before{content:"\e905"} .icon-heart-o:before{content:"\e906"} .icon-heart:before{content:"\e000"} .icon-500px:before{content:"\e601"} .icon-vk:before{content:"\e602"} .icon-angle-left:before{content:"\f104"} .icon-angle-right:before{content:"\f105"} .icon-angle-up:before{content:"\f106"} .icon-angle-down:before{content:"\f107"} .icon-twitter:before{content:"\e001"} .icon-envelop:before{content:"\e003"} .icon-tag:before{content:"\e004"} .icon-star:before{content:"\e005"} .icon-star-o:before{content:"\e006"} .icon-facebook:before{content:"\e002"} .icon-feed:before{content:"\e008"} .icon-checkmark:before{content:"\e00a"} .icon-plus:before{content:"\e00c"} .icon-instagram:before{content:"\e00e"} .icon-pinterest:before{content:"\e010"} .icon-search:before{content:"\e012"} .icon-skype:before{content:"\e011"} .icon-dribbble:before{content:"\e013"} .icon-certificate:before{content:"\f0a3"} .icon-expand:before{content:"\e015"} [...]

Code một block của riêng mình trong UX Builder theme Flatsome – phần 1

Hệ thống các block trong UX Builder trong theme Flatsome rất tiện dụng để nhà nhà làm được web. Sau một thời gian kéo thả, nếu các bạn có nhu cầu code riêng cho mình một block thì tham khảo các kiến thức mà mình đã ngâm cứu trong quá [...]

Fix lỗi bị xoay loading không tắt khi submit form contact form 7

Bác nào bị xoay loading không tắt khi submit form contact form 7 bản mới thì thêm code javascript này nhé. <script> document.addEventListener( 'wpcf7mailsent', function( event ) {jQuery(".processing").removeClass("processing"); }, false ); document.addEventListener( 'wpcf7invalid', function( event ) {jQuery(".processing").removeClass("processing"); }, false ); </script> Thêm vào như hình sau: Do CF7 chuyển từ [...]

Lấy đường dẫn của theme hiện hành, theme con trên wordpress

Trường hợp lưu các tài nguyên trong theme wordpress các bạn muốn gọi ra thì phải dùng hàm lấy đường dẫn của theme hiện hành, theme con trên wordpress. Sử dụng 2 hàm sau để lấy ra đường dẫn tương ứng nhé! 1: Lấy đường dẫn theme cha của theme [...]

Tạo danh sách bài viết liên quan cho Flatsome

Tạo bài viết liên quan giúp giữ chân khách hàng lâu hơn khi vào website đồng thời cung cấp cho khách hàng nhiều giá trị hơn bằng các thông tin liên quan. Có nhiều cách để tạo list danh sách các bài viết đơn giản nhất là dùng plugin mình [...]

Các hàm Hooks (Actions & Filters) trong theme Flatsome thần thánh

Cập nhật 11/08/2020 Các hàm Hooks (Actions & Filters) trong theme Flatsome thần thánh để thêm các code tùy chỉnh của mình vào đúng vị trí nhé! Theme Hooks (Actions & Filters) Table of Contents Actions flatsome_absolute_footer_primary flatsome_absolute_footer_secondary flatsome_account_links flatsome_after_404 flatsome_after_account_user flatsome_after_blog flatsome_after_body_open flatsome_after_breadcrumb flatsome_after_footer flatsome_after_header flatsome_after_header_bottom flatsome_after_page flatsome_after_page_content flatsome_after_product_images [...]