微慕博客小程序开源版二次美化

看了看全网开源的微信博客小程序,依我个人需求和功能,我觉得微慕开源版比较不错了,反正很符合我的需求,比如:文章详情页可以设置激励广告才可以阅读更多,还有首页的样式功能,并且可以通过,WordPress插件小程序后端来控制调整首页轮播图与广告的发布与管理。

广告id设置和是否开启,广告位置和广告的频率。
2.支持WordPress相册。
小程序的富文本解析组件wxParse 对文章里的WordPress相册支持不好,无法显示相册图片。新的版本调整插件程序,优化了相册的显示,可以在小程序端浏览相册里图片了。
3.支持pc版微信,支持手机端横屏显示小程序。
4.图片支持懒加载和识别二维码等…
这个功能早在v3.6版本就可以实现了,在最新的v4.0,就新增了有直播功能,这个功能需要企业小程序才能开启,还有扩展设置,移到后端,还新增加了微信搜一搜文章提交插件,这已经非常不错了。
下面废话不多说,给大家分享一下,通过我二次开发与美化的魔改版

一、我们先从〖首页〗和〖排行页〗开始说起吧!
在这里插入图片描述
首页更改了轮播图样式,扩展导航按钮的样式,文章页新增了分类标签,和文章列表的背景颜色与间隔样式。​​​

排行页​底部新增了排行按钮,修复热门页面无图文章不显示默认图的小bug,调整文章浏览、阅读、点赞、订阅的图标显示样式。

二、接下来是〖专题页〗、〖文章详情页〗和〖登录界面〗​
在这里插入图片描述

专题页 ​也就是文章分类页,改变了排列方式和样式,改变了订阅按钮的样式
文章详情页 ​更改了上下页按钮的样式,点个赞显示的样式,更改了下方返回首页和更多功能的图标样式,去除更多功能里的原文链接,修改了点赞按钮的样式
登录界面 ​以前的登录样式完全去除,现在的样式完全自己更改了,更好看更美观

三、到这里是〖关于页面〗和​〖自建的页面〗
在这里插入图片描述

关于页面 ​把本站按钮删除了,新增了点击分享按钮,把点击分享按钮和赞赏按钮的样式都更改了,并美化了
自建页面 ​原本自建页面完全没有css样式美化的,我把关于页的顶部代码移植到了自建页,并美化了页面内容的排版,底部也新增了分享按钮并也美化了

四、最后就是〖未登录的个人中心〗和​〖登录的个人中心〗
在这里插入图片描述

​个人中心我基本上全部翻了一遍,所有的样式都改过了

未登录 的个人中心左边图,已登录​ 的个人中心在右边

改变的大致一下几点:

1.整体的样式

2.角色的展示样式

3.新增了联系客服、立即登录按钮,更改了清除缓存、更新信息、更新直播、退出登录按钮的样式

4.更改了历史浏览的样式,新增清除记录按钮,主要是清楚历史浏览记录

5.更改了我的评论、喜欢、鼓励、订阅的样式和排列,对应都创建了新的专属页面

6.新增了关于我们、意见反馈、设置按钮

7.新增了样式图标进行了美化

五、这几天后端也更新了,新增了插屏广告的展示是否开启的按钮,可以控制的地方有首页、文章内容页、排行页、专题页、专题文章列表页、最新评论页、直播页等这7个,我都把这些页面都加上了插屏广告代码,并且能配合后端的设定调用是否开启显示和关闭隐藏了

个人中心是改变最大的,更改与美化的基本内容都在上面了,可以扫描下方小程序码进行预览,或者搜索“梦小慀”小程序,或者关注我们的公众号“梦咖哔哔”回复“小程序​​”来获取我们的小程序,并进行预览,喜欢的可以关注我们!

预览:
在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页