登陆页HTML模板与建设者. 如何编辑模板和导出内容

本教程展示了如何使用 Landing Page HTML templates with builder.

1. 确保已将构建器文件夹上传到 hosting. 使用链接打开构建器 http://yoursite.网站建设者(请更换您的网站.com with actual website domain name). Go to Menu 然后单击相应的部分. 每个部分都有一组元素:

   

2. Drag element to the canvas. 中添加几个元素 canvas. 可以查看特定元素的页面源代码 source button. You can also reset 元素恢复到原始状态或 remove 它使用适当的按钮:

   

3. 生成器具有以下内容 Building Modes: Elements (你可以添加元素到 canvas in this mode), Content (您可以在此模式下修改文本和链接等内容)， Details (你可以在这个模式下改变样式和图标):

   

4. Select Building Mode Content 为了改变你网站上的内容. 点击有内容的部分. 您可以在可视化中修改文本 editor. 此外，您还可以设置字体样式. 使用“撤销”和“重做”按钮可以将内容恢复到以前的状态. 中也可以查看内容 html mode:

   

5. 您还可以设置链接 editor. 选择要链接的文本. Add link:

   

6. Select Details 构建模式，以便更改链接和样式. 让我们改变按钮链接和颜色. Click on the button. 按钮、图标和其他元素可能有不同的选项. 样式部分只能对特定元素进行编辑. Change hover background color and text color. Apply changes:

   

7. We have changed background color and text color. Click on Link tab. 您可以选择一个页面，页面块或设置自定义链接. 我们已经设置了自定义链接. 确保在修改后应用更改:

   

8. 你也可以改变图标 Details building mode. Make sure Details 选择构建模式并单击图标. Go to Icons section. 选择所需的图标. Apply your changes:

   

9. Let’s change Gallery images. 确保你已经选择了 Details Building mode. Click on the image. Go to link section. 当前图像链接到该图像. 这意味着图像会出现在 lightbox:

   

10. Go to Image section. 输入新图像的路径或上传它. 我们要上传一张图片. Apply changes:

    

11. Go to link section. 并指定新图像的路径. 您可以复制上传的图像路径在 Image section. Apply changes:

    

12. 我们已经改变了图像:

    

13. Save changes 您已在构建器中使用 Save changes (!) button:

    

14. Export website:

    

15. 填写表格并点击 Export Now:

    

16. Zip file with exported website 会下载到你的电脑吗. 你应该上传zip文件到你的 hosting and unzip it using hosting file manager (如有此选项). 或者，您可以解压缩文件并使用 FTP. 我们将使用 hosting file manager:

    

17. 请查看您的网站:

    

请随时查看下面的详细视频教程: