websee.nl: 기술 자료

웹 사이트 테마를 생성 / 변환하는 방법

기본적으로 웹 사이트 테마는 표준 HTML 템플릿 일 뿐이지 만 모든 HTML 요소를 편집 가능하게 만들기 위해 우리가 개발 한 작은 JavaScript (HTML Builder)가 내장되어 있습니다. 따라서 모든 HTML 템플릿을 웹 사이트로 변환 할 수 있습니다.

-이 튜토리얼에서는 HTML 빌더를 사용하여 웹 사이트 테마를 만드는 간단한 단계를 보여줍니다.

1. HTML 빌더로드

- 각 HTML 파일의 맨 아래에 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" 필수이며 변경할 수 없습니다.

- clonable 요소의 오버레이 너비를 변경하려면 속성 추가 data-gmm-clonable-width 이 스크립트 태그는 사용할 수있는 값은 픽셀 또는 백분율입니다.

2. 스크립트를 추가하여 웹 사이트 트래픽 추적

- 웹 사이트 트래픽을 추적하려면 각 웹 페이지에서 다음 코드를 아래에 삽입해야합니다. head 꼬리표.

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

3. 전체 페이지에 루트 컨테이너 설정

- 루트 컨테이너입니다. required HTML Builder를 사용하여 페이지의 모든 요소 구조를 결정할 수 있습니다. 기본적으로, body 루트 컨테이너로 자동 설정됩니다.

- 분명히이 루트 컨테이너를 다른 내부 태그로 변경할 수도 있습니다. class="GMM_editable_sortable_container" 바람직한 요소로

주의 각 페이지에는 1 개의 루트 컨테이너 만 있습니다.

4. 드래그 앤 드롭 정렬 가능한 요소 만들기

- 페이지에 포함 된 루트 컨테이너 이후에 드래그 앤 드롭 기능을 사용하여 요소를 정렬하려면 다음을 추가해야합니다. class="GMM_editable_sortable" 이러한 바람직한 요소들로

- 편집 가능한 툴바의 위치를 ​​설정하려면 속성을 추가하십시오 data-gmm-toolbar-position 요소에. 허용되는 값 : top, botom

- 기억하십시오 : GMM_editable_sortable 하위 클래스 인 "GMM_editable_sortable_container.

5. 내부 드래그 앤 드롭 정렬 요소

- 각 어린이 GMM_editable_sortable, 당신은 여전히 ​​드래그 - 앤 - 드롭 sortable 요소로 자녀를 변환 할 수 있습니다 class="GMM_sortable_custom" 속성이있는 data-gmm-sortable-handle=".GMM_sortable_handler" 정렬 가능한 부모에게 & 추가 class="GMM_sortable_handler" 맞춤 정렬 가능한 상위의 각 하위 항목으로

-이 클래스를 사용하면 드래그 앤 드롭 정렬 요소를 무제한으로 가질 수 있습니다.

6. 복제 가능한 요소 만들기

- 일부 요소에 복제 가능 기능을 제공하려면 다음을 추가하십시오. class="GMM_clonable_object" 그것에.

- 기억 : 속성 값 설정 data-gmm-clonable-width 복제 레이어의 오버레이 너비를 변경해야하는 경우

7. 사용자 정의 편집 가능한 요소 만들기

- 기본적으로 HTML Builder는 모든 공통 HTML 태그를 자동으로 감지하여 편집 가능한 요소로 변환합니다. 그들은: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- 그러나 사용자 정의 HTML 태그를 편집 가능한 요소로 쉽게 변환 할 수 있습니다. $theme_settings['Editable_Tags'] ...에서 theme-settings.php 파일.

종료

- 예, HTML 템플릿을 웹 사이트 테마로 변환하는 데 필요한 모든 정보입니다. 매우 간단하고 쉽습니다!

- Please follow our example to master these details..


너의 일이이 섹션의 바깥에 있으면 우리에게 연락하는 것을 망설이지 마라.
위의 연락처 버튼을 사용하거나 gomymobi@gmail.com 제목 : [contactgmm]
24 시간 이내에 회신을받지 못한 경우 티켓을 다시 보내주십시오.