AIPage教学课程

新手入门必看,教您快速学会如何使用AIPage搭建站点

网站自定义代码开发

网站支持自定义开发来改造前端页面展示,主要的自定义开发方式如下:

1 自定义版块开发

网站源码不支持导出,但是前端所有内置版块的源码都可以进行自定义修改。进入后台开发者中心,在web版块模板里选择需要修改的系统内置版块,执行复制系统版块操作,复制后版块将出现在我的专属版块里,在里面可以看到版块的所有源码,修改完毕后版块即可以在您的所有站点中启用,在对应站点后台我的专属版块里点击当前网站启用,那么当前网站的web版块模板和编辑器对应分类里就会出现对应的版块。

后续我的专属版块的修改与已经启用的自定义版块将隔离。如果需要对当前网站的自定义版块修改,需要在web版块模板里进行二次修改。隔离的目的主要是为了避免我的专属版块修改影响到所有使用的网站,导致出现不可预估的问题。

同样也可以在我的专属版块里直接开发自定义效果的版块模板,开发好之后可以个人的任意站点里启用。


2 添加自定义代码

添加整站全局代码: 可以将代码保存为文件上传到文件管理里,然后复制路径添加到后台我的网站 -> 站点验证里, 添加style和script标签引入链接或外链

添加页面级别代码:进入编辑器左侧页面设置-> 页面CSS/JS 里添加自定义代码,这里的代码只在当前页面生效(注意不需要包裹style或script标签)

添加元素级别代码:拖拽左侧元素 -> 高级 -> 自定义代码控件到页面中,可以添加自定义的html css js代码,注意html代码是版块级别,外层不要用html body等标签包裹