wordpress页面+Fusion构建器的搭建

初步用这种开发模式,我也是一脸懵逼,自己琢磨琢磨,习惯就好了

首先点击左边菜单中的页面-新建页面,或者所有页面-新建页面


记得先点蓝框


先介绍下页面的结构功能

1.标题 影响title的内容

2.页面内容的搭建,后面单独说,就是fusion构建器页面搭建


3.发布框


目前页面属于草稿状态,点击预览可以看现在页面的状态,点击发布就是域名可访问状态。

4.页面属性


父级:所有页面中除了首页是第一级,其他都是第二级页面,比如有两个非首页页面a,b,是不能http://域名/a/b访问b页面的,如果在b页面中选择父级为a页面,那么就可以访问了。

模版:有预设模版可选用。

排序 :用于所有页面的位置排序。

5.页面上的各种结构设置,选重要的几个说:

幻灯片:选择幻灯片插件后,进行设置,默认页面第一个位置。

页面标题栏:用于搭建页面最前面的部分


举个栗子,这一部分就是这里搭建的。


其实也可以关掉,用幻灯片或者自己搭建,自己搭建有时候会与菜单有冲突,很坑。

页脚:用来控制最下面的内容,例如版权等的显示,内容在主题选项中修改,主题-主题选项。


页头:控制菜单部分的显示等操作。


在最上面有个显示选项,是用来控制模块显示的,不用的模块可去掉。



大致的结构说完了,说说Fusion构建器的使用:


这边有两个按钮,容器相当于建个DIV,预建是之前有做过容器保存过,这边可调取。点击容器出现这个


选择比例容器,比如1/2+1/2 出现


就被分成两个容器了,设计中出现的左右两图设计稿,就能用这个,点击中间的+元素就可以加入文字图片按钮等等,也可以再分割容器。


点击这个,可再分割容器


左边是再次分割,右边是选择文本输入。+元素可再添加,只能分割为两层,


嵌套列不可再分割。

如果要设置容器属性的话,点击


这种图标即可,可设置内间距,外间距,链接,内容居中,动画,添加额外的class和id等等,不同内容有不同选项。

自定义css可写在这边,需要注意格式,第二个按钮。


做完记得保存,刷新就没了。

添加额外css和js另外写。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容