gomymobi.com: Bilgi tabanı

Web sitesi teması nasıl oluşturulur / değiştirilir?

- Temel olarak bir web sitesi teması yalnızca standart bir HTML şablonudur, ancak tüm HTML öğelerini düzenlenebilir hale getirmek için tarafımızdan geliştirilen küçük bir JavaScript (HTML Oluşturucu) gömülür. Bu nedenle, herhangi bir HTML şablonunu bir web sitesine dönüştürebilirsiniz.

- Bu yazıda, HTML Oluşturucusu ile bir web sitesi teması yaratmanın basit adımlarını size göstereceğiz.

- 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'ı yükle

- Her bir HTML dosyasının alt kısmında, HTML Builder'ı yüklemek için aşağıdaki kodu eklemelisiniz.

<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" Gereklidir ve değiştirilemez

- Klonlanabilir öğenin yer paylaşımı genişliğini değiştirmek isterseniz, öznitelik ekleyin data-gmm-clonable-width Bu betik etiketi için. Kabul edilebilir değer piksel veya yüzde cinsindendir.

2. Web sitesi trafiğini izlemek için komut dosyası ekle

- Web sitesi trafiğini izlemek için, her web sayfasında, kodu aşağıda içine gömmelisiniz head etiket.

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

3. Tüm sayfa için kök konteynır ayarlama

- Kök konteyner required Bir sayfadaki tüm öğelerin yapılarını belirlemek için HTML Oluşturucu ile. Varsayılan olarak, body Otomatik olarak kök konteyner olarak ayarlanır.

- Açıkçası, bu kök konteynerini diğer iç etikete de değiştirebilirsiniz; class="GMM_editable_sortable_container" Arzulanan öğeye.

DİKKAT Her sayfanın yalnızca 1 kök konteyneri vardır

4. Sürükle ve bırak seçilebilir elemanları yapma

- Sayfa için kök konteynır yerleştirildikten sonra, sürükleyip bırak özelliğini kullanarak öğeleri sıralamak için eklemeniz gerekir; class="GMM_editable_sortable" Bu istenen unsurlara.

- Düzenlenebilir araç çubuğunun konumunu ayarlamak için, bir öznitelik ekleyin data-gmm-toolbar-position Öğeye. Kabul edilebilir değerler: top, botom

- Hatırlamak: GMM_editable_sortable Bir çocuk sınıfı "GMM_editable_sortable_container.

5. İç sürükle ve bırak düzenlenebilir elemanlar

- Her çocuğun içinde GMM_editable_sortable, Yine de çocuklarını sürükleyip bırakılabilir sıralama öğelerine dönüştürüp, class="GMM_sortable_custom" Özellikli data-gmm-sortable-handle=".GMM_sortable_handler" Sınıflandırılabilir ebeveyne & ekle class="GMM_sortable_handler" Özel sıralamalı ebeveynlerin her çocuğuna.

- Bu sınıflara göre, sınırsız sürükle ve bırak düzenlenebilir öğeler olabilir.

6. Klonlanabilir elementler oluşturma

- Bazı öğelere klonlanabilir özellik vermek için class="GMM_clonable_object" Ona.

- Unutmayın: özellik için değeri ayarla data-gmm-clonable-width Klonlama katmanının kaplama genişliğini değiştirmeniz gerekiyorsa.

7. Özel düzenlenebilir öğeler oluşturma

- Varsayılan olarak, HTML Builder tüm ortak HTML etiketlerini düzenlenebilir öğelere otomatik olarak algılar ve dönüştürür. Onlar: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- Ancak, herhangi bir özel HTML etiketini düzenlenebilir öğelere kolayca dönüştürebilirsiniz. $theme_settings['Editable_Tags'] içinde theme-settings.php dosya.

Son

- Evet, bir HTML şablonunu web sitesi temasına dönüştürmek için anlamanız gereken bilgilerin hepsi bu kadar süper basit ve kolaydır!