gomymobi.com: Znalostní báze

Jak vytvořit / převést téma webové stránky

- V podstatě téma webové stránky je jen standardní šablony HTML, ale to je embeded malý JavaScript (HTML Builder) vyvinutý námi, aby se všechny prvky HTML upravitelné. Proto může převést šablony HTML na webové stránky.

- V tomto tutoriálu, budeme vám ukázat velmi jednoduchých kroků vytvořit webové stránky téma s naším 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. Načíst HTML Builder

- Ve spodní části každého souboru HTML, je nutné přidat níže uvedený kód k načtení 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" je nutná a nemůže být změněn

- Pokud byste chtěli změnit s přetiskem šířku klonovatelných prvku, přidejte atribut data-gmm-clonable-width Pro tento script. Přípustná hodnota je pixel nebo procentech.

2. Přidat skript pro sledování webových stránek

- Aby bylo možné sledovat návštěvnost webových stránek, v každé webové stránky, musíte vložit níže uvedený kód do head štítek.

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

3. Nastavit kořenový kontejner pro celou stránku

- Root kontejner required stavitel HTML, pro určení struktury všech prvků v stránce. Ve výchozím stavu, body je automaticky nastaveno jako kořenový kontejner.

- Je zřejmé, že se mohou také změnit tento kořenový obal na jiné vnitřní tag, přidáním class="GMM_editable_sortable_container" na žádoucí prvku.

POZOR každá strana má jen jeden kořen kontejner

4. Udělat drag-and-drop sortable prvky

- Po vloženého kořenového kontejneru pro danou stránku, aby se třídit elementy pomocí funkce drag-n-drop, budete muset přidat class="GMM_editable_sortable" do těchto žádoucích prvků.

- Chcete-li nastavit pozici upravitelný panel nástrojů, přidat atribut data-gmm-toolbar-position na prvek. Přijatelné hodnoty: top, botom

- Pamatovat: GMM_editable_sortable je dítě třída "GMM_editable_sortable_container.

5. Vnitřní drag-and-drop sortable prvky

- V každé dítě GMM_editable_sortable, Stále můžete převést své dětské drag-and-drop sortable elementy, přidáním class="GMM_sortable_custom" s atributem data-gmm-sortable-handle=".GMM_sortable_handler" na sortable rodiče & přidávání class="GMM_sortable_handler" ke každému dítěti na zakázku sortable rodiče.

- Do těchto tříd, můžete mít neomezený drag-and-drop sortable prvky.

6. Udělat klonovatelných prvky

- S cílem poskytnout určitý prvek na klonovatelných funkci, přidejte class="GMM_clonable_object" na to.

- Pamatuj: nastavená hodnota atributu data-gmm-clonable-width Pokud potřebujete změnit přetiskem šířku klonovacího vrstvy.

7. Udělat zakázku upravitelných prvků

- Ve výchozím nastavení HTML Builder musí být automaticky detekovány a převést všechny běžné HTML tagy do editovatelných prvků. Oni jsou: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- Ale můžete snadno převést všechny vlastní značky HTML do editovatelných prvků, tím, že přidá své jméno $theme_settings['Editable_Tags'] v theme-settings.php soubor.

Konec

- Ano, to je všechny informace, které budete potřebovat pochopit převést šablony HTML na webové stránky tématu, je to tak super jednoduché a snadné!

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

- Please follow our example to master these details..



neváhejte nás kontaktovat, pokud vaše věc je vně tohoto oddílu
pomocí kontaktního tlačítka nahoře nebo poslat přímo na hello@gomymobi.com s předmětem: [contactgmm]
pokud nemohl dostávat naše odpověď do 24 hodin, prosím znovu odeslat lístek znovu