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..