,

Tôi vừa hoàn thành xong bộ code của mình về một trang web chuyên tư vấn thời trang và làm đẹp với phong cách của Pinterest đình đám 😀

Giao diện Vxinh.com theo phong cách Pinterest

Giao diện Vxinh.com theo phong cách Pinterest

Giao diện này tôi dùng thư viện Jquery để sắp xếp các bài viết theo dạng thẻ một cách tự động, cụ thể đó là thư viện Masonry tại đây: http://masonry.desandro.com/

Thực ra không khó để tạo một giao diện thế này, cái khó nhất là Load Unlimit bài viết mỗi khi xuống cuối trang, tôi cứ phải cấu hình mãi mới xong được, cái đó kiểu thế này:

Nếu kéo xuống gần thẻ #Footer, nghĩa là đo khoảng cách của thẻ Footer lên trên cùng của trình duyệt, nếu thấy nó gần tới rồi thì load thêm và chèn vào trong #content, có điều khi chèn vào thì Masoni nó không tự sắp xếp được do nó không nhận DOM, thế là lại phải Refresh lại DOM mới có thể cho Masonry chạy.

Vấn đề Ajax trong WordPress thì không khó, chỉ cần tạo file Ajax.php, rồi include các thư viện chạy của WordPress là có thể như là file của hệ thống rồi, tôi sẽ có bài viết hướng dẫn tạo Ajax.php sau nha !

Chúc cả nhà ngủ ngon !

Tôi là Jam, thâm niên 7 năm thiết kế website và làm seo, nếu các bạn thấy bài viết hay thì hãy chia sẻ cho những người khác cùng tham khảo, còn nếu muốn thiết kế website hoặc sửa web hay đặt một plugin có chức năng đặc biệt, hãy liên hệ ngay tới Jam ( thông tin ở chân trang )

Bài viết liên quan

4 thoughts on “Masonry – tạo website ảnh hoặc thời trang giống như Pinterest”

  1. Đánh giá ku Hiển thấp thế, coi chừng iển thay đổi xu hướng viết blog bằng cách đi spa hay tắm trắng nhé.. Nhớ đừng vào Cát tường nhé Hiển .. keke

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Lưu ý: Không đăng thông tin cá nhân của bạn như email hay số điện thoại để không bị quấy rầy, tham khảo thêm quy định khi comment !