概况

本网站首页除了视频以外,主要是一个标签控件,站点的页面嵌在标签之中,页面嵌入的方式主要有两种:
1)采用Advanced iFrame Pro的方式嵌入页面,代码如:
【advanced_iframe src=”http://www.daelab.cn/index.php/intro_space/” width=”100%”】
该方法的优点在于更新页面后标签内容会自动同步更新,简单方便;但显著的缺点在于这样插入的页面在手机端访问时会有闪烁、抖动的情况。
2)将页面转换为静态的html代码,然后直接插入到标签内容中。这种方式可以避免手机端闪烁的问题,也可以避免页面长度自动匹配时可能出现的问题,但缺点在于步骤较为复杂。

如何更新“简介”、“热点”、“课程”、“联系”标签

首先在页面列表中点开并使用elementor编辑“简介”页面,完成后选择“发布”或“更新”完成编辑。随后,在一个纯净的浏览器(未登陆wordpress管理者账号)访问对应页面的链接(简介页面:http://www.daelab.cn/intro/;热点页面:http://www.daelab.cn/highlights/;课程页面:http://www.daelab.cn/courses/;联系页面:http://www.daelab.cn/contact/)。页面加载完毕后,按下F12,然后通过“选择元素功能”选中页面组件,在元素列表中先后选中<head>…</head>和<body>…</body>,按下右键选择“复制->复制元素”,然后将复制所得的html代码按照顺序粘到到首页标签控件的输入框中(注意,要直接粘贴在“文本”框而非“可视化”框中)。

注意:对于所有页面的Html代码来说,Body代码块中Footer页脚代码需要删除,一般而言,页脚从<footer id=”footer” class=”site-footer” role=”contentinfo”>开始,到</footer><!– #footer –>为止,应将两者包含之间的部分完全删除。
特别地,对于“联系”页面来说,还需要搜索:
<div id=”wrap” class=”clr” style=”display: flex; flex-direction: column; min-height: calc((100vh – 0px) – 0px);”>
然后删除这部分:min-height: calc((100vh – 0px) – 0px);

如何更新“科研”标签

“科研”标签的基本更新方法同上,但若需要添加论文、项目通常不需要重新复制粘贴Html代码,因为科研标签中的动态内容均在Table Press中的表格里,只需要在TablePress中添加、修改表格内容即可。注意,由于电脑版和手机版存在差别,因此需同时修改两个表格。另外,硕士论文在表格中以超级链接的方式提供了摘要页面,而摘要则是与文章(Post)的形式存在的,可通过复制现有的文章来生成新的论文摘要页面。摘要页面最下方的插图列表通过Smart Slider插件制作,同样可以在其编辑界面中通过复制修改来增加新列表(所有图片应以ACD See来批量缩放到800×600包络框范围内,转换为webp格式,并进行批量重命名后上传至媒体库)。

如何更新“创作”标签

“创作”因为来源是www.aboutleo.cn,因此必须使用Advanced iFrame Pro嵌入到标签中。若需更新“创作”列表,只需在www.aboutleo.cn网站中进行编辑,然后为其添加“树洞鱼 · DAElab”标签即可,该作品随后便会出现在DAElab的创作标签下。