블로그 목록 페이지 편집하기

블로그 목록 페이지는 블로그의 모든 게시물을 표시하는 페이지입니다. HubSpot에서는 일부 블로그 목록 페이지는 콘텐츠 편집기에서 드래그 앤 드롭 도구를 사용하여 편집할 수 있는 반면, 다른 페이지는 디자인 관리자에서 HTML 및 HubL을 사용하여 편집해야 합니다.

제한 사항 및 고려 사항 파악하기

• 각 블로그에는 하나의 블로그 목록 페이지만 가질 수 있습니다.
• 게시된 블로그 목록 페이지나 해당 템플릿을 변경하면, 이를 사용하는 모든 페이지에 표시되는 콘텐츠에 변경 사항이 반영됩니다.
• 드래그 앤 드롭 방식의 블로그 목록 페이지는 해당 블로그를 삭제함으로써 제거할 수 있습니다.

드래그 앤 드롭 목록 페이지 만들기 및 편집

콘텐츠 편집기에서 모든 블로그 게시물을 표시하는 블로그 목록 페이지를 생성할 수 있습니다. 테마를 사용하거나 드래그 앤 드롭 영역이 있는 목록 페이지만 콘텐츠 편집기에서 모듈을 추가하거나 이동할 수 있습니다.

콘텐츠 편집기에서 기존 블로그 목록 페이지를 편집 모드로 전환하기

새로 생성된 블로그의 경우, 해당 블로그 목록 페이지를 콘텐츠 편집기에서 편집하는 기능이 자동으로 지원됩니다. 기존 블로그의 경우, 블로그 설정에서 이 편집 기능을 활성화할 수 있습니다:

1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 ‘콘텐츠 > 블로그’로 이동합니다.
3. '현재 보기' 드롭다운 메뉴를 클릭하고 블로그를 선택하세요.
4. '템플릿' 탭 을 클릭합니다.
5. '템플릿' 섹션 에서 '새로운 편집 환경 사용해 보기'를 클릭하세요 .

6. 표시되는 대화 상자에서 ‘계속’을 클릭합니다.
7. 콘텐츠 편집기에서 드래그 앤 드롭 편집 도구를 사용하여 블로그 목록 페이지를 편집합니다.
8. 작업이 완료되면 오른쪽 상단의 ‘업데이트’를 클릭한 다음, 대화 상자에서 ‘업데이트’를 클릭합니다.

콘텐츠 편집기에서 블로그 목록 페이지 편집하기

콘텐츠 편집기에서 편집이 허용된 블로그 목록 페이지는 ‘블로그 게시물’ 페이지에서 확인할 수 있습니다.

1. HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 블로그로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 블로그로 이동하세요.
2. 왼쪽 상단의 ‘구성’ 드롭다운 메뉴를 클릭하고 ‘블로그 목록 페이지’를 선택합니다.

3. 블로그별로 필터링하려면 ‘블로그’ 드롭다운 메뉴를 클릭하고 필터에 포함할 각 블로그 옆의 확인란을 선택합니다.
4. 새로운 블로그 목록 페이지를 생성하려면 오른쪽 상단의 ‘생성’을 클릭하세요. 대화 상자에서 ‘블로그 선택’ 드롭다운 메뉴를 클릭하여 블로그를 선택한 다음, ‘목록 페이지 생성’을 클릭하세요.

5. 기존 블로그 목록 페이지를 편집하려면 목록 페이지의 이름을 클릭하십시오. 다국어 블로그 목록 페이지에 액세스하려면 기본 블로그 목록 페이지 옆에 있는 ‘ downCarat ’ 아래쪽 화살표를 클릭하십시오.
6. 콘텐츠 편집기에서 드래그 앤 드롭 편집 도구를 사용하여 블로그 목록 페이지를 편집하세요.
7. 표시되는 모듈은 사용 중인 템플릿에 따라 다릅니다. 일반적인 모듈은 다음과 같습니다.
   • 블로그 태그 필터: 태그별로 블로그 게시물을 필터링합니다.

• • 블로그 페이지 나누기: 방문자가 블로그의 다른 페이지로 이동할 때 표시되는 텍스트를설정합니다 .

• • 블로그 목록: 블로그 설명의 스타일을 '카드' 또는 '목록'으로 설정하고 , 해당 위치에 표시될 정보를 선택하세요. 또한 작성자 및 태그 목록 페이지의 소제목도 편집할 수 있습니다.

8. 목록 페이지 설정을 편집하려면 오른쪽 상단의 ‘설정’을 클릭하세요.
9. 그런 다음 대화 상자에서 목록 페이지 설정을 편집합니다.
   • HubSpot에서 페이지의 이름을 변경하려면 ‘내부 페이지 이름’ 필드에 페이지 이름을 입력하세요. 이 이름은 방문자에게 표시되지 않습니다.
   • 블로그의 공개 이름은 ‘페이지 제목’ 필드에 표시됩니다. 이 이름은 블로그 설정의 ‘페이지 제목’ 필드에서 변경할 수 있습니다 .
   • 목록 페이지의 URL은 ‘페이지 URL ’ 필드에 표시됩니다. 이 이름은 블로그 설정의 ‘블로그 루트 URL ’ 필드에서 변경할 수 있습니다 .
   • '메타 설명' 필드에는 검색 결과에서 페이지 제목 아래에 표시될 리스팅 페이지 콘텐츠에 대한 설명을 입력하세요.
   • 소셜 미디어 공유를 위해 목록 페이지에 대표 이미지를 추가하려면 왼쪽 사이드바 메뉴에서 ‘대표 이미지’를 클릭하세요. 그런 다음 ‘대표 이미지 사용’ 스위치를 켜고 ‘업로드’를 클릭하여 브라우저에서 이미지를 추가하거나 , ‘이미지 찾아보기’를 클릭하여 파일 관리 도구에서 이미지를 추가하세요 .
   • 목록 페이지의 헤드 또는 푸터 HTML에 코드를 추가하려면 왼쪽 사이드바 메뉴에서 ‘고급’을 클릭하세요. ‘헤드 HTML’ 또는 ‘푸터 HTML’ 필드에 코드 스니펫을 입력하세요.
10. 작업이 완료되면 오른쪽 상단의 ‘게시’ 또는 ‘업데이트’를 클릭하세요.

리스트 페이지 템플릿 변경

1. HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 블로그로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 블로그로 이동하세요.
2. 왼쪽 상단의 ‘구성’ 드롭다운 메뉴를 클릭하고 ‘블로그 목록 페이지’를 선택하세요.

3. 목록 페이지 이름을 클릭합니다. 다국어 블로그 목록 페이지에 액세스하려면 기본 블로그 목록 페이지 옆에 있는 ‘ downCarat ’ 아래쪽 화살표를 클릭하십시오.
4. 콘텐츠 편집기에서 오른쪽 상단의 '설정'을 클릭하세요.
5. 왼쪽 사이드바 메뉴에서 '템플릿'을 클릭합니다.
6. ‘템플릿’ 섹션에서 ‘다른 템플릿 사용’을 클릭하세요.
7. '템플릿 선택' 페이지에서 템플릿 카드를 클릭합니다. 테마를 변경하려면 '테마' 드롭다운 메뉴를 클릭하고 '테마 변경'을 선택한 다음, 템플릿 카드를 클릭합니다.
8. 템플릿 미리보기 화면에서 오른쪽 상단의 '템플릿 선택'을 클릭합니다.
9. 콘텐츠 편집기에서 템플릿을 원하는 대로 수정하세요.
10. 작업이 끝나면 오른쪽 상단의 ‘게시’ 또는 ‘업데이트’를 클릭하세요.

사용자 정의 코드가 포함된 블로그 목록 페이지 템플릿 생성 및 편집

HTML/HubL 마크업을 사용하는 사용자 정의 코딩 블로그 목록 페이지 템플릿을 생성하고 편집하세요. 일부 목록 페이지 템플릿은 레이아웃 편집기에서 모듈 편집을 지원하지만, 다른 템플릿은 전적으로 코딩으로만 구성됩니다.

1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 ‘콘텐츠 > 블로그’로 이동합니다.
3. '현재 보기' 드롭다운 메뉴를 클릭하고 블로그를 선택합니다.
4. '템플릿' 탭 을 클릭합니다.
5. '블로그 목록 페이지' 섹션 에서 '작업' 드롭다운 메뉴를 클릭하고 '편집'을 선택합니다.
6. 디자인 관리자의 레이아웃 편집기에서 모듈을 클릭한 다음, 인스펙터에서 해당 옵션을 편집합니다.
7. 목록 템플릿의 블로그 콘텐츠 모듈을 편집하려면 블로그 콘텐츠 모듈을 클릭한 다음, 오른쪽 열 에서 ‘목록 템플릿 편집’을 클릭하십시오.

8. 모듈 편집기에서 목록 템플릿을 맞춤 설정하세요. 개발자 문서에서 HubL을 사용하여 블로그 목록 템플릿을 편집하는 방법에 대해 자세히 알아보세요.
9. 작업이 완료되면 오른쪽 상단의 ‘ ’에서 ‘변경 사항 게시’를 클릭하여 변경 사항을 적용하십시오.