<aside> 📢 페이지의 이름과 SEO 및 파비콘을 설정하는 방법에 대한 설명입니다.

</aside>

설정 메뉴를 통해 페이지의 이름과 SEO 및 파비콘 등 다양한 설정이 가능하며,

설정에는 “페이지 설정”과 “프로젝트 설정”이 있습니다.

<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️⃣ 페이지 설정

<aside>

💡 페이지 생성 방법이 궁금하신가요? ⇒ 페이지 생성 방법 알아보기 ↗️

</aside>

페이지 설정 화면으로 들어가는 방법은 두 가지가 있습니다.

첫 번째 방법은, 페이지 화면에서 … 버튼을 클릭한 뒤, “설정” 버튼을 선택하여 “페이지 설정” 화면으로 이동하는 것입니다.

페이지명 수정방법2.png

두 번째 방법은, 왼쪽 “설정” 버튼을 클릭 후 “페이지 설정” 버튼을 클릭하여 원하는 화면으로 이동합니다.

페이지 설정.png

2️⃣ ****페이지 설정 옵션

페이지 설정 옵션과 작업한 프로젝트의 산출물(코드)을 다운로드하는 방법에 대해 알아봅시다.

작업한 프로젝트의 산출물(코드)을 다운로드하려면, 코드 파일에 사용할 페이지 이름을 설정해야 합니다.

산출물 다운로드 페이지명설정3.png

  1. 페이지 URL : 1-1과 같이html의 문서명을 설정합니다.
  2. 페이지 제목 : 2-1과 같이 meta태그 “title”영역을 설정합니다.
  3. 페이지 설명 : 3-1과 같이 meta태그 “description”영역인 페이지의 간략한 설명글을 설정합니다.
  4. 페이지 키워드 : 4-1과 같이 meta태그 “keywords”영역인 페이지의 키워드를 설정하며 키워드는 ,로 구분합니다.
  5. 소셜 이미지 : 5-1과 같이 meta태그 “og:image”영역인 페이지의 오픈그래프 이미지를 설정합니다. 소셜 미디어에서 공유될 때 이 이미지가 노출됩니다

3️⃣ ****프로젝트 설정

프로젝트 설정 화면으로 이동하는 방법은 왼쪽 “설정” 버튼을 클릭 후 “프로젝트 설정” 버튼을 클릭하여 원하는 화면으로 이동합니다.

프로젝트 설정.png

4️⃣ ****프로젝트 설정 옵션

프로젝트 설정 옵션과 작업한 프로젝트의 산출물(코드)을 다운로드했을 때

노출되는 화면과 함께 확인해 보세요. ⇒ 산출물 다운로드 방법 알아보기

플젝설정1.png

  1. 파비콘 : 페이지의 파비콘을 설정합니다. (브라우저 탭에 표시되는 작은 아이콘 로고)
  2. 애널리틱스 분석 코드 : 방문자 수와 사용자 행동을 분석할 수 있는 도구를 연결합니다.
  3. Robots.txt 사용 : 검색 엔진이 페이지를 어떻게 탐색할지 정하는 규칙을 설정합니다.

플젝설정2.png

  1. Header Code : 모든 페이지에 삽입되며 <head></head>사이에 코드가 삽입됩니다.
  2. Body Code : 모든 페이지에 삽입되며 <body> 바로 아래 코드가 삽입됩니다.
  3. Footer Code : 모든 페이지에 삽입되며 </body> 바로 위에 코드가 삽입됩니다.