折腾:
【记录】用POFO主题搭建xxx官网WordPress页面
期间,继续去折腾:
方案
给6个,1行3个
参考这个样式:
![](https://www.crifan.com/files/pic/uploads/2021/03/296220cf8f8b439ca13e074fdbe88ed7.jpg)
或者参考这个:
![](https://www.crifan.com/files/pic/uploads/2021/03/70b697dff45a4390a551991869b5b90d.jpg)
目的:
图+标题+简介文字
不参考第一个了:因为其打开后其实是portfolio,不是普通的简单内容
![](https://www.crifan.com/files/pic/uploads/2021/03/03ca1e49f5b9437ca91f9e73383af5a6.jpg)
去找源码
![](https://www.crifan.com/files/pic/uploads/2021/03/e73f132246694ae695f769547ee0a979.jpg)
拷贝到新页面中合适位置:
![](https://www.crifan.com/files/pic/uploads/2021/03/706824b1c3654bb3ab11c7755b575f2e.jpg)
看看效果如何
还行:
![](https://www.crifan.com/files/pic/uploads/2021/03/15e6c6990ced4b1badf01ad79238f0bc.jpg)
再去去掉下面的按钮
结果发现button去不掉:
![](https://www.crifan.com/files/pic/uploads/2021/03/2b9d193b4d934dae8856836484e5155d.jpg)
好像只能去找其他style了:
![](https://www.crifan.com/files/pic/uploads/2021/03/7b56773edb084241b8bd1e88ef62ccef.jpg)
但是哪个满足:
上面图
下面是title+description
且没有button呢
去官网demo看看
![](https://www.crifan.com/files/pic/uploads/2021/03/ffacc7c3522c47da8a4546cdb590a454.jpg)
竟然没有feature box的各种style的demo
算了,自己一个个试试
找到这个:
interactive banner style 1
![](https://www.crifan.com/files/pic/uploads/2021/03/0f54044917df40aab7a74e3ba84781fb.jpg)
另外再加第二行的3个
同时使用不同的style看看效果:
![](https://www.crifan.com/files/pic/uploads/2021/03/321c08b435e24acc8967ec6187053e58.jpg)
结果复制出来后,始终是上面一行2倍高度,下面一行正常高度:
![](https://www.crifan.com/files/pic/uploads/2021/03/b478f50fbded4da2ba204fd995aeaff9.jpg)
难道是style不统一的结果?
去改为统一的:
interactive banner style 1
![](https://www.crifan.com/files/pic/uploads/2021/03/3ea45075781c4030b335262c3ea0b23d.jpg)
结果:
还真的是:
![](https://www.crifan.com/files/pic/uploads/2021/03/7a5fb534ad4947f5b7c0ea4721914e81.jpg)
就正常了:
鼠标移动上去:
![](https://www.crifan.com/files/pic/uploads/2021/03/389cb2871af144eea31827ab49731611.jpg)
然后把内容改为正常的:
![](https://www.crifan.com/files/pic/uploads/2021/03/58d58d4be6b741e7871456a1de061a7e.jpg)
目前先这样。