wp好用机制

WP好用机制

• 页面编辑和模板

可用工具：Elementor编辑器 + Essentail组件。

• 短代码

可用工具：Code Snippets，Simple Custom CSS and JS，WPIDE，数据库插件等。

页面编辑+短代码，其实相当于模板引擎。

页面编辑是可视化的；短代码是可以用一小段脚本来做的；这样的机制非常的低代码。

• 内容管理

可用工具：媒体，帖子，Page，自定义字段的插件等。

• 可手动实现ApiShortCode

可以手动实现一个WebApi，允许其他程序调用短代码。假设是Get请求，那么请求大概像是：GetRequest("xxx?sc=[echoHello]")。

Elementor编辑器

• 元素布局结构

旧版Elementor，元素的布局是：Section里面套Column，Column里面套Element。Element包括：图片，文字，按钮等。

新版Elementor，元素的布局是：Container嵌套Container，最后套Element。

Container主要有gird和flexbox两种；flexbox布局有一个方向，通常是从上到下或从左到右；布局的方向就是主轴的方向，另一个方向就是副轴。

• 基本操作

主要有：增加容器或元素；Ctrl+D复制；Ctrl+Z撤销；保存；预览；等等。

• 结构视图

可以通过结构视图，拖放元素所在的层级。一些在设计器上不好拖动的，在结构视图上就比较结构清晰，好拖动。

• 属性设置

主要有：内容；样式；高级。