Thiết kế mẫu blog thời trang đơn giản chỉ với 20 dòng code

208 2021/04/16 05:00:07

Bài viết này nằm trong series giúp bạn làm chủ công cụ xây dựng mẫu web. Đây là 1 mẫu web thời trang đơn giản, hy vọng các bạn sẽ thích nó

Với 20 dòng code sau đây, bạn sẽ tạo ra 1 mẫu web như hình dưới đây:

[image]//out.zoblogs.com/out/media_com/?sh=1ff34a48[/image]
Hình minh họa.
Nhắp vào link sau để xem demo : Mẫu web thời trang 001

Mẫu web thời trang này mình lượm nhặt ý tưởng trên mạng và mình muốn nó đơn giản nhất để các bạn có thể làm quen với công cụ thiết kế mẫu mặc định của zoblogs.
Đó là 1 công cụ tuyệt vời mà bạn có thể tha hồ sử dụng để tạo landing page hoặc thiết kế ra 1 trang riêng để bán hàng.
Sau đây là code:

Các bạn tạo file theme/content/home trong công cụ Theme Connect để áp dụng lên trang chủ

[code]

<%
w={
"slide":{"model_info":{"image":"https://images.pexels.com/photos/5325582/pexels-photo-5325582.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}},
"service":{"padding_bottom":0,"padding":0,"number":3,"inline":3,"wrap":0},
"category":{"number":3,"padding":20},
"product":{"padding":10,"model_info":{"image":"https://images.pexels.com/photos/7516397/pexels-photo-7516397.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}}
};
w(tools.home({"view":w}));
%>
[/code]

Chúc các bạn sẽ nhanh chóng tự thiết kế được mẫu theme như ý
Thân.