8惊人的砖石网格风格WordPress投资组合主题
第一个问题:什么是“砌体网格”?
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/30/posts/30894/image/masonry.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/30/posts/30894/image/masonry.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/30/posts/30894/image/masonry.jpg)
为什么这种布局效果这么好?
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/30/posts/30894/image/coca-cola.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/30/posts/30894/image/coca-cola.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/30/posts/30894/image/coca-cola.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/30/posts/30894/image/pinterest.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/30/posts/30894/image/pinterest.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/30/posts/30894/image/pinterest.jpg)
为什么此布局适用于投资组合网站
接下来的步骤:找到正确的WordPress主题
1. 雄鹿
![Stag-自由职业者和代理商的投资组合主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template5.jpg)
![Stag-自由职业者和机构的投资组合主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template5.jpg)
![Stag-自由职业者和机构的投资组合主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template5.jpg)
2. 海格
![Hygge——独立编辑杂志的博客主题和商店](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template6.jpg)
![Hygge——独立编辑杂志的博客主题和商店](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template6.jpg)
![Hygge独立编辑杂志博客主题与商店](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template6.jpg)
3. 小丑
![小丑-照片视频组合WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template8.jpg)
![小丑-照片视频组合WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template8.jpg)
![小丑-照片视频组合WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template8.jpg)
4. 唯一的
![唯一-创意组合一页WP主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template11.jpg)
![唯一-创意组合一页WP主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template11.jpg)
![唯一-创意组合一页WP主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template11.jpg)
5. 亨廷顿
![亨廷顿回应型公文包WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template13.jpg)
![亨廷顿回应型公文包WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template13.jpg)
![亨廷顿回应型公文包WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template13.jpg)
6. 韦克施塔特
![Werkstatt-创意投资组合主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template14.jpg)
![Werkstatt-创意组合主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template14.jpg)
![Werkstatt-创意组合主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template14.jpg)
7. Pofo公司
![Pofo-创意组合和博客WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template15.jpg)
![Pofo-创意组合和博客WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template15.jpg)
![Pofo-创意组合和博客WordPress主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template15.jpg)
8. 哈尔
![哈尔——设计师、艺术家和插图画家的作品集主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1793/posts/30894/image/roundup-website-template16.jpg)
![哈尔——设计师、艺术家和插图画家的作品集主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/1793/posts/30894/image/roundup-website-template16.jpg)
![哈尔——设计师、艺术家和插图画家的作品集主题](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1793/posts/30894/image/roundup-website-template16.jpg)