如何在Weebly站点中添加插件和小部件
Weebly 提供了开始构建网站的基本元素。 这些基本元素不足以拥有一个时尚的网站。 插件和小部件是增强或添加 Weebly 网站功能的附加代码。 Weebly 自己提供应用程序作为对基本站点构建器的增强。 您可以从应用中心无缝集成应用,无需额外的代码修改。 但大多数应用程序都是在付费基础上提供的,这是在您的 Weebly 高级计划之上的。 Weebly 通过允许所有用户自由修改源代码以添加或增强功能来解决这个问题。
推荐:如何修复Windows蓝牙设备显示Voice Music Only错误
Plugin 或 Widget 的组件
我们为 Weebly 网站提供 50 多个免费小部件或插件,并附有完整的代码和说明。 插件最多应包含以下组件:
- 用于样式的 CSS
- 运行脚本
- 用于格式化内容并包含 URL 的 HTML
- 图片和视频
Weebly 中有多种方法可以根据其拥有的组件添加插件或小部件。
如何在 Weebly 站点中添加插件和小部件?
以下是在您的 Weebly 网站上插入插件代码的最佳做法。
代码/项目 | 页面级别 | 站点级别 |
CSS | 添加页面的标题代码部分。 | 添加“main.less”或在站点设置下的标题代码部分中上传新的外部样式表和链接。 |
JS | 添加页面的页脚代码部分。 | 在网站设置下的页脚代码部分上传新的外部脚本文件和链接。 |
HTML | 使用“嵌入代码”元素。 | 在主题编辑器中修改页眉。 |
媒体 | 使用外部链接或在主题编辑器中上传文件并在 HTML 中链接。 | 使用外部链接或在主题编辑器中上传文件并在 HTML 中链接。 |
以下文章将帮助您理解代码插入:
理解要点
虽然添加插件很容易,但请记住以下几点:
- 如果小部件非常小或只有几行嵌入脚本,则使用嵌入代码元素插入所有组件。 例如,可以使用嵌入代码元素将 AdSense 广告代码或任何其他小部件直接插入页面。
- 如果样式只需要影响该页面上的代码,请在嵌入代码元素中使用内联 CSS。
- 您可以在主题编辑器中上传 PHP 文件,但它们不起作用。
- 页面标题上的内联 CSS 和 CSS 将在站点编辑器上生效。 但是任何外部样式只有在网站发布后才能看到。
- 同样,只有在网站发布后才能看到脚本的影响。
- 在主题编辑器中上传文件后,右键单击并获取 URL 链接,以便在站点内外的任何地方使用。
所有小部件都可以集成吗?
答案是不。 您可以将任何前端脚本和样式代码添加到您的 Weebly 站点。 任何影响服务器端功能的脚本都不适用于您的 Weebly 站点。 您仍然可以嵌入第三方 PHP 脚本并从您的站点外部调用该函数。 但是尝试在您自己的 Weebly 服务器中处理数据是不可能的。
例如,您可以嵌入来自第三方站点的联系表单代码,并在提交表单时收到电子邮件通知。 在这里,提交数据的处理将在您的 Weebly 站点之外进行。 您无法插入 PHP 脚本来处理 Weebly 服务器上您自己网站上的数据。