Thủ thuật
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 [...]
Mẫu Scrollbar đẹp
Nguyên bộ code html css và js trang trí cho Scrollbar của website thêm cool ngầu nhé Thuật Ngữ -webkit-scrollbar bao gồm 7 phần tử khác nhau và cùng bao gồm một phần tử giao diện thanh cuộn đầy đủ: ::-webkit-scrollbar hình nền của chính thanh cuộn đó. ::-webkit-scrollbar-button các nút định hướng [...]
Cách tạo sticky sidebar bằng css cho wordpess
Tạo sticky sidebar giúp cho sidebar ghim vào vùng hiển thị màn hình, sẽ giúp website đỡ trống trải và các nội dung quan trọng luôn bảo đảm đập vào mắt người dùng 🙂 Trong phạm vi bài viết này mình sẽ hướng dẫn các bạn css lại sidebar để [...]
Thực thi & hiển thị shortcode trong mô tả danh mục (archive description), tag ….
Thường mô tả danh mục bài viết, tags hay Taxonomies sẽ không thực thi các shortcode, các bạn có thể thêm dòng code như sau vào function.php để shortcode được thực thi nhé Trường hợp với danh mục [crayon-6a89209357ce1208802612/] Với Taxonomies: [crayon-6a89209357ce5370768899/] Với Tags [crayon-6a89209357ce7543546200/] Chúc các bạn thành công
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ẽ [...]
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á [...]
Chuyển widget về giao diện cũ từ phiên bản WordPress 5.8
Kể từ phiên bản WordPress 5.8 về sau màn hình giao diện của widget chuyển sang dạng block cho tiện sử dụng hơn, tuy nhiên theo cá nhân mình thấy nó hơi bất tiện và chưa quen nên đã tìm cách chuyển về giao diện cũ. Có 2 cách để [...]
Tạo gợn sóng phân cách bằng SVG trên flatsome
Ví dụ về dùng svg làm phân cách Để tạo gợn sóng phân cách giữa các block trong Flatsome ta làm như sau: B1: Trong ux builder tạo 2 section như sau Trong đó Section bên trên trong UX chỉnh “margin = -15%” hoặc tùy ý bạn, mục đích để [...]
Thêm cột kích thước hình ảnh và sort được trong wordpress media
Thêm cột kích thước file trong admin media nhằm quản lý dung lượng file up lên wordpress, tránh trường hợp người dùng không biết upload các file có dung lượng lớn không cần thiết lên website. [crayon-6a89209358a66522857716/] Thay my-theme-text-domain bằng domain theme của bạn nhé (sẽ dùng cho dịch theme) [...]
Giới hạn dòng hiển thị bằng CSS hỗ trợ cả IE
Dùng đoạn CSS sau để gới hạn số dòng trong khung text nhé. [crayon-6a89209358c06385571942/] Trong ví dụ trên thì nội dung trong class “codfe-archive-except” chỉ hiển thị 3 dòng, nội dung thừa sẽ bị cắt đi