gomymobi.com: Baza wiedzy

Jak utworzyć / konwersji Strona tematyczna

- Zasadniczo, strona tematem jest po prostu standardowy szablon HTML, ale jest osadzone małe JavaScript (HTML Builder) opracowane przez nas, aby wszystkie elementy HTML do edycji. W związku z tym, można zamienić dowolny szablon HTML do strony internetowej.

- W tym tutorialu, mamy zamiar pokazać wam bardzo proste kroki, aby utworzyć kompozycję z naszej strony internetowej Builder HTML.

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

Watch quick video to create a website theme

1. Załaduj HTML Builder

- W dolnej części każdego pliku HTML, należy dodać poniższy kod, aby załadować 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" jest wymagana i nie może być zmieniona

- Jeśli chcesz zmienić nakładki szerokość clonable elementu, należy dodać atrybut data-gmm-clonable-width tego tagu skryptu. Dopuszczalny jest wartość w pikselach lub procentach.

2. Dodaj skrypt do śledzenia ruchu na stronie

- W celu śledzenia ruchu na stronie, na każdej stronie internetowej, należy umieścić poniższy kod na head etykietka.

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

3. Ustawić pojemnik główny dla całej strony

- Pojemnik Korzeń jest required przez HTML Builder, w celu określenia struktury wszystkich elementów na stronie. Domyślnie, body jest jako pojemnik głównego automatycznie.

- Oczywiście, można także zmienić opakowanie korzeni do innych tagu wewnętrznego, dodając class="GMM_editable_sortable_container" do pożądanego elementu.

UWAGA każda strona ma tylko jeden główny pojemnik

4. Sprawdź, przeciągnij i upuść elementy sortowane przez użytkownika

- Po wbudowanego pojemnika głównego na stronie, w celu uporządkowania elementów używając funkcji drag-n-drop, będzie trzeba dodać class="GMM_editable_sortable" do tych pożądanych elementów.

- W celu ustalenia położenia paska edycji, dodać atrybut data-gmm-toolbar-position do elementu. Dopuszczalne wartości: top, botom

- Zapamiętaj: GMM_editable_sortable jest klasa dzieckiem "GMM_editable_sortable_container.

5. Wewnętrzna przeciągnij i upuść elementy oczyszczenia nasion

- U każdego dziecka GMM_editable_sortable, Nadal można przekształcić swoje childrens przeciągnij i upuść elementy sortowane przez użytkownika, dodając class="GMM_sortable_custom" z atrybutem data-gmm-sortable-handle=".GMM_sortable_handler" do oczyszczenia nasion rodzica i dodawanie class="GMM_sortable_handler" do każdego dziecka niestandardowy sortable rodzica.

- Według tych klas, może być nieograniczona przeciągnij i upuść elementy sortowane przez użytkownika.

6. Bądź elementy clonable

- Aby dać jakiś element z clonable funkcję, dodać class="GMM_clonable_object" do niego.

- Pamiętaj: ustawić wartość atrybutu data-gmm-clonable-width jeśli trzeba zmienić nakładki szerokość warstwy klonowania.

7. Dokonaj edycji elementów niestandardowych

- Domyślnie HTML Konstruktor powinien automatycznie wykryć i przekształcić wszystkie popularne tagi HTML z elementami edycji. Oni są: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- Ale można łatwo przekonwertować żadnych tagów HTML do niestandardowych elementów edytowalnych, dodając swoje imię $theme_settings['Editable_Tags'] w theme-settings.php plik.

Koniec

- Tak, to wszystkie informacje trzeba będzie zrozumieć przekonwertować szablon HTML do strony tematu, to jest tak bardzo proste i łatwe!

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

- Please follow our example to master these details..



nie wahaj się z nami skontaktować, jeśli jest to poza tym dziale
za pomocą przycisku kontaktowego powyżej lub wysłać bezpośrednio do hello@gomymobi.com z tematem: [contactgmm]
jeśli nie może otrzymać naszą odpowiedź w ciągu 24 godzin, należy ponownie wysłać ponownie bilet