gomymobi.com: Base de connaissance

Comment créer / convertir un thème de site Web

- Fondamentalement, un thème de site web est juste un modèle HTML standard, mais il est incorporé un petit JavaScript (HTML Builder) développé par nous, pour rendre tous les éléments HTML éditable. Par conséquent, vous pouvez convertir n'importe quel modèle HTML sur un site Web.

- Dans ce didacticiel, nous allons vous montrer les étapes très simples pour créer un thème de site Web avec notre constructeur HTML.

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

Watch quick video to create a website theme

1. Charger le générateur HTML

- Au bas de chaque fichier HTML, vous devez ajouter le code ci-dessous pour charger 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" Est requis et ne peut pas être changé

- Si vous souhaitez modifier la largeur de superposition de l'élément clonable, ajoutez l'attribut data-gmm-clonable-width Pour cette balise de script. La valeur acceptable est exprimée en pixels ou en pourcentage.

2. Ajouter un script pour suivre le trafic du site Web

- Afin de suivre le trafic du site Web, dans chaque page Web, vous devez incorporer le code ci-dessous dans head marque.

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

3. Définir le conteneur racine pour toute la page

- Le contenant de racine est required Par HTML Builder, pour déterminer les structures de tous les éléments d'une page. Par défaut, body Est défini comme conteneur racine automatiquement.

- Évidemment, vous pouvez également changer ce conteneur root à d'autres balises internes, en ajoutant class="GMM_editable_sortable_container" À l'élément souhaitable.

MISE EN GARDE Chaque page a un seul conteneur racine

4. Faire des éléments triables glisser-déposer

- Après le conteneur racine incorporé pour la page, afin de trier les éléments à l'aide de la fonction glisser-déposer, vous devrez ajouter class="GMM_editable_sortable" Dans ces éléments souhaitables.

- Pour définir la position de la barre d'outils éditable, ajoutez un attribut data-gmm-toolbar-position À l'élément. Valeurs acceptables: top, botom

- Rappelles toi: GMM_editable_sortable Est une classe d'enfants de "GMM_editable_sortable_container.

5. Éléments pouvant être triés par glisser-déposer intérieurs

- Dans chaque enfant GMM_editable_sortable, Vous pouvez toujours convertir leurs enfants en éléments classables par glisser-déposer, en ajoutant class="GMM_sortable_custom" Avec un attribut data-gmm-sortable-handle=".GMM_sortable_handler" Parent sortant et ajout class="GMM_sortable_handler" À chaque enfant de parent sortant personnalisé.

- Par ces classes, vous pouvez avoir illimité drag-and-drop éléments triables.

6. Créer des éléments clonables

- Pour donner à un élément la fonction clonable, ajoutez class="GMM_clonable_object" À lui.

- Rappelez-vous: définir la valeur de l'attribut data-gmm-clonable-width Si vous avez besoin de changer la largeur de superposition de la couche de clonage.

7. Créer des éléments modifiables personnalisés

- Par défaut, HTML Builder détecte et convertit automatiquement toutes les balises HTML courantes en éléments modifiables. Elles sont: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- Mais vous pouvez facilement convertir toutes les balises HTML personnalisées en éléments modifiables, en ajoutant leur nom à $theme_settings['Editable_Tags'] dans theme-settings.php fichier.

Fin

- Oui, c'est toute l'information dont vous aurez besoin de comprendre pour convertir un modèle HTML au thème du site Web, il est tellement super simple et facile!

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

- Please follow our example to master these details..



N\'hésitez pas à nous contacter si votre truc est en dehors de cette section
En utilisant le bouton de contact ci-dessus ou envoyez directement à hello@gomymobi.com Avec sujet: [contactgmm]
Si ne pouvait pas recevoir notre réponse dans les 24 heures, s'il vous plaît renvoyer le billet à nouveau