wordpress简码插件 Shortcodes Ultimate和自制作简码模板

网页特效

想把css特效和js交互效果加入当前的博客文章里面。

如同微信编辑器一样,既能够有定制的UI排版美化,也能够模块化插入,省去不少的时间。

img

自定义H5

同时很多人都不知道的是,微信公众号文章同样支持H5代码自定义效果

但遗憾的是,只要是第三方平台,为了安全或者其他,都会将权限缩小,效果也是被限制的少的可怜的几种。

img

简码

2020年目标中提到,今年的核心是可视化,不仅仅是数据可视化。

前端有很多炫酷的效果,但是为了展示一个效果就要跳转一个新的页面,和当前的文章脱离,这种感觉不太好,也没有意义。

在文章中除了加入图片,GIF,视频等元素外,能够加上基本的css特效和交互是最好不过了。

偶然看到一款wordpress插件Shortcodes Ultimate,提供模板化插入定制的html效果,

img

第二款插件

有试过基本的组件,但是不太满意,付费的更是懒得尝试。

明明可以自己开发,没必要付费去购买,而且不一定有自己想要的。

查看该插件的实现方式,发现是wordpress自身就提供的简码,极其方便,稍微懂一点htmlphp就可以上手了。

于是第二款wordpress上线了(暂未命名)

下面的默认图片就是今天设计的第一款简码模板,当没有图片时用这个趣味图片可以替代,不仅排版美观,还不占用图片流量

Tips

后续遇到好的效果也会抽时间一一实现,模块化和组件化的有点就是互不耦合,随时添加和删除。

编辑的越多,能够使用的就越多,目前初版就已经设置动态加载简码资源,按需加载,不影响网站速度,很好的提升用户体验。