wordpress小程序简单美化教程(资讯类小程序)

原来的界面:


wordpress小程序简单美化教程(资讯类小程序)_第1张图片

写在前边:这是我自己修改过程的记录,也希望能帮到一些和我一样不会代码的小白,会代码的就别看了,估计看了会笑话我,很多大神估计愿意吹吹牛逼也不会浪费时间写这么小白的文章吧。

本文要实现的:卡片式布局、阴影效果、菜单导航、我的界面美化,专题页面美化

一,替换文字,更换图标,改主体颜色

1.替换文字:导航菜单+顶部菜单+搜索等

2.图标:底部导航图标 +评论、日期、链接、转发、点赞、收藏等

图标和文字都比较简单,这里就不说了。

3.颜色:背景颜色 +导航颜色+一些边框颜色


wordpress小程序简单美化教程(资讯类小程序)_第2张图片
app.json下替换顶部导航+底部导航文字颜色



wordpress小程序简单美化教程(资讯类小程序)_第3张图片
搜索框颜色


二,首页简单美化


wordpress小程序简单美化教程(资讯类小程序)_第4张图片
wordpress小程序简单美化教程(资讯类小程序)_第5张图片


wordpress小程序简单美化教程(资讯类小程序)_第6张图片
wordpress小程序简单美化教程(资讯类小程序)_第7张图片
wordpress小程序简单美化教程(资讯类小程序)_第8张图片

你可能感兴趣的:(wordpress小程序简单美化教程(资讯类小程序))