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" требуется и не может быть изменен

- Если вы хотите изменить ширину наложения клонируемого элемента, добавьте атрибут 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" к желаемому элементу.

ВНИМАНИЕ! каждая страница имеет только один корневой контейнер

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. Сделать Клонируемый элементы

- Для того, чтобы придать некоторый элемент Клонируемый функцию, добавьте 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 часов, пожалуйста, повторно билет снова