<aside> 📢 제어판을 사용하는 방법과 제어판의 위치에 대한 설명입니다.

</aside>

제어판은 에디터 화면에서 선택 요소인 텍스트, 이미지, 버튼 등을 선택하면 오른쪽 제어판에서 해당 요소의 편집 툴이 나타나 빠르게 편집할 수 있는 도구입니다.

<aside> ❓ 템하의 에디터란?

 1️⃣ [에디터 모드 작업 환경 살펴보기](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)

 2️⃣ [템하의 기본 단위 (rem, px, em…)](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)

📄 페이지

1️⃣ ****페이지를 생성하는 방법

2️⃣ 페이지 명을 설정하는 방법

3️⃣ 산출물 다운로드 시 페이지 명 설정

🧩 블록

1️⃣ 헤더 · 푸터 블록, 레이아웃 블록의 차이

2️⃣ 프로젝트 생성 시 블록을 가져오는 방법

3️⃣ 레이아웃 블록의 옵션 사용법

4️⃣ 헤더푸터 블록의 옵션 사용법

⚙️ 설정

1️⃣ 페이지 설정

2️⃣ 페이지 설정 옵션

3️⃣ 프로젝트 설정

4️⃣ 프로젝트 설정 옵션

🕹️ 제어판

1️⃣ 제어판의 위치

2️⃣ 제어판의 옵션

↗️ 내보내기

1️⃣ 내보내기의 위치

2️⃣ 소스 다운로드

3️⃣ FTP 업로드

4️⃣ 템하 IP 허용

🌐 웹 게시

1️⃣ 웹 게시의 위치

2️⃣ 웹 게시 방법

👥 협업

1️⃣ 협업 프로젝트의 위치

2️⃣ 협업자를 초대하는 방법

3️⃣ 협업 페이지 구분 방법

4️⃣ 코멘트의 위치

5️⃣ 코멘트를 작성하는 방법

6️⃣ 코멘트 입력창 버튼의 역할

7️⃣ 코멘트 관리 방법

⌨️ 코드 (블록수정방법)

1️⃣ 지도 수정방법

</aside>

1️⃣ 제어판의 위치

제어판은 우측 상단 버튼을 클릭하여 On/Off 를 정할 수 있습니다.

제어판의 위치.png

2️⃣ 제어판의 옵션

제어판의 옵션별로 사용 방법을 확인하려면 텍스트를 클릭 시 설명글에 대한 위치로 이동됩니다.

시작하기에 앞서, 요소를 클릭했을 때 제일 상단에 뜨는 내용은 아래와 같습니다.

image.png

  1. 메뉴
  2. 텍스트
  3. 링크
  4. 버튼 스타일
  5. 이미지, 배경 이미지
  6. 비디오
  7. 입력폼
  8. 스와이퍼 슬라이드
  9. 애니메이션

ⓛ 메뉴

헤더 블록에서 노출되는 제어판 메뉴로, 헤더 메뉴의 1뎁스 텍스트 스타일, 2뎁스 텍스트 스타일, 헤더 메뉴들을 관리할 수 있습니다.

제어판 1.png

<aside>

💡 템하의 기본적인 단위는 rem을 제공합니다. ⇒ 단위가 궁금하신가요?↗️

</aside>

메뉴관리.png

  1. “페이지” : “프로젝트 페이지”에 페이지 연결 시 작업 중인 프로젝트의 페이지로 이동되는 링크를 연결합니다. “블록 위치로 이동” 활성화 후 블록 선택 시 연결한 블록 위치로 이도되는 링크를 연결합니다. ”새창열기” 활성화 시 링크를 클릭했을 때 페이지에서 → 페이지로 이동되는 게 아닌 새 탭으로 링크가 열립니다.
  2. “URL” : 연결할 URL을 직접 추가 합니다.
  3. “연락처” : 연결할 연락처의 번호를 추가하며, 모바일 환경에서 클릭 시 전화 연결을 할 수 있도록 처리합니다.
  4. “첨부파일” : 다운로드 할 첨부파일을 직접 추가하여 클릭 시 첨부파일을 다운로드하도록 처리합니다.

② 텍스트

<aside>

💡 템하의 기본적인 단위는 rem을 제공합니다. ⇒ 단위가 궁금하신가요?↗️

</aside>

제어판 2.png

③ 링크

링크(a태그) 형식으로 제작된 요소에 노출되는 제어판 옵션으로, 링크의 옵션 설명은 아래와 같습니다.