[웹인] Google 사이트 도구 (17) - 목록 템플릿 편집

본 게시물에서는 목록 템플릿에 대해 알아보자.

우리대학 홈페이지를 보면 부속기관을 목록 형태로 제공하고 있어 이를 선택하면 해당 사이트로 쉽게 이동할 수 있다. 이와 같이 정보를 열거하여 나타내도록 하는 기능을 [Google 사이트 도구]에서는 [목록 템플릿]을 통해 제공하고 있다.

먼저 새로운 페이지를 생성하기 위해 [Google 사이트 도구]의 오른쪽 상단에 있는 [새 페이지] 버튼을 누른다. 페이지 이름을 '부속기관', [사용할 템플릿 선택]을 [목록]으로 하고 [만들기] 버튼을 누른다.

[사이트 레이아웃 수정]에서 '부속기관' 페이지를 메인 메뉴에 등록한다.

[부속기관] 메뉴를 눌러 해당 페이지로 이동한다. [목록 템플릿]이 적용된 페이지에는 다양한 형태의 목록을 등록할 수 있도록 미리 기능이 만들어져 있다.

본 게시물에서는 목록을 직접 정의해서 인천대학교의 부속기관 정보를 등록해보고자 한다. [맞춤목록]에 있는 [템플릿 사용] 버튼을 누른다.

[맞춤목록 만들기] 창이 나타나면 첫 번째 [열 이름]을 '사이트명', [유형]을 '텍스트'로 하고 [열 추가] 링크를 누른다.

두 번째 [열 이름]을 '사이트 주소', [유형]을 'URL'로 하고 [열 추가] 링크를 누른다.

세 번째 [열 이름]을 '비고', [유형]을 '텍스트'로 하고 [저장] 버튼을 누른다.

그러면 '부속기관' 페이지에 새롭게 정의한 [맞춤목록 템플릿]이 적용된 것을 확인할 수 있다.

이제 인천대학교의 부속기관 정보를 참고해서 목록 템플릿에 항목을 추가해보자.

[부속기관] 페이지에 있는 [항목 추가] 버튼을 누른다.

[항목 추가] 창이 나타나면 [사이트명]과 [사이트 주소]에 인천대학교의 부속기관 이름과 URL을 입력하고 [저장] 버튼을 누른다. 

그러면 아래 그림과 같이 부속기관 항목이 등록된 것을 확인할 수 있다.

만약, 등록한 항목을 수정하거나 삭제하고자 할 때는 첫 번째 항목명을 클릭한다.

위 과정을 반복해서 여러 부속기관 정보를 등록해보자.