gomymobi.com: 知识库

如何创建/转换网站主题

- 基本上,网站主题只是一个标准的HTML模板,但它嵌入了我们开发的一个小JavaScript(HTML Builder),使所有的HTML元素可编辑。因此,您可以将任何HTML模板转换为网站。

- 在本教程中,我们将向您展示使用我们的HTML Builder创建网站主题的非常简单的步骤。

- Remember, test your theme pages by loading in browsers with parameter: ?live_edit=true.

Watch quick video to create a website theme

1. 加载HTML Builder

- 在每个HTML文件的底部,您必须添加下面的代码以加载HTML Builder。

<script id="GMM-Editable-HTML-Builder" type="text/javascript" src="/app/GMM-Editable-HTML-Builder/core.init.min.js"></script>

id="GMM-Editable-HTML-Builder" 是必需的,不能更改

- 如果您想更改clonable元素的覆盖宽度,请添加属性 data-gmm-clonable-width 对于此脚本标记。可接受的值以像素或百分比表示。

2. 添加脚本以跟踪网站流量

- 为了跟踪网站流量,在每个网页中,您必须嵌入下面的代码 head 标签。

<script type="text/javascript" src="//www.gomymobi.com/app/tracking/"></script>

3. 为整个页面设置根容器

- 根容器 required 通过HTML Builder,确定页面中所有元素的结构。默认, body 被自动设置为根容器。

- 显然,您也可以通过添加将此根容器更改为其他内部标记 class="GMM_editable_sortable_container" 到所需要的元素。

警告 每个页面只有1个根容器

4. 使拖放可排序元素

- 在页面的嵌入根容器后,为了使用拖放功能对元素进行排序,您需要添加 class="GMM_editable_sortable" 成为这些期望的元素。

- 为了设置可编辑工具栏的位置,添加一个属性 data-gmm-toolbar-position 到元素。可接受的值: top, botom

- 记住: GMM_editable_sortable 是一个子类 "GMM_editable_sortable_container.

5. 内部拖放可排序元素

- 在每个孩子 GMM_editable_sortable,您仍然可以通过添加将他们的孩子转换为拖放可排序元素 class="GMM_sortable_custom" 与属性 data-gmm-sortable-handle=".GMM_sortable_handler" 可排序父&添加 class="GMM_sortable_handler" 到每个孩子的自定义排序父。

- 通过这些类,你可以有无限的拖放可排序元素。

6. 使可克隆的元素

- 为了给一些元素clonable的功能,添加 class="GMM_clonable_object" 到它。

- 记住:设置属性值 data-gmm-clonable-width 如果你需要改变克隆层的覆盖宽度。

7. 创建自定义可编辑元素

- 默认情况下,HTML Builder会自动检测所有常见HTML标签并将其转换为可编辑元素。他们是: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- 但您可以轻松地将任何自定义HTML代码转换为可编辑元素,方法是添加自己的名称 $theme_settings['Editable_Tags']theme-settings.php 文件。

结束

- 是的,这是你需要了解的所有信息,将HTML模板转换为网站主题,它是如此超级简单和容易!

- Remember, test your theme pages by loading in browsers with parameter: ?live_edit=true.

- Please follow our example to master these details..



如果您的事情不在本节的范围内,请随时与我们联系
通过使用上面的联系人按钮或直接发送 hello@gomymobi.com 主题: [contactgmm]
如果在24小时内没有收到我们的回复,请重新发送票