구글 사이트 사용법 (2) 페이지 만들기

구글 사이트에 페이지를 추가해봅시다.

페이지 만들기

상단에 위치한 “페이지 만들기” 버튼을 클릭

gsite201
down페이지 이름과 템플릿 위치를 설정 후 [만들기]버튼을 클릭합니다.
gsite202

선택할 수 있는 템플릿이 4종류가 있습니다만,
저는 이중에 웹페이지공지사항만 사용합니다.
자료실보다는 구글 드라이브를 이용하는 편이, 목록보다는 스프레드시트를 이용하는 편이 편하기때문입니다.

gsite203

웹페이지“는 가장 기본적인 웹페이지 템플릿이고,
공지사항“은 페이지를 추가하기 쉬운 템플릿입니다.
우선은 웹페이지 템플릿으로 만들겠습니다.

페이지의 제목과 내용을 편집할 수 있는 화면으로 넘어갑니다.
제목과 내용을 입력한 후 [저장]버튼을 클릭합니다.

gsite204

“공용” 페이지가 추가되었습니다.
https://sites.google.com/site/smartagentwiki/common

gsite205

아까 페이지 위치로 “최상위 수준에 페이지 배치“를 선택했습니다.
“홈”페이지와 동일한 수준에 추가됩니다.

gsite206  gsite207

하위에 공지사항 템플릿 페이지 추가하기

위치 선택 설정에 따라 기존의 페이지 아래에 페이지를 추가할 수 있습니다.

“공용” 페이지 아래에 페이지를 하나 추가해보겠습니다.

“페이지 만들기” 버튼을 클릭하여 페이지 초기 설정페이지로 들어와서
페이지 이름, 템플릿, 위치를 설정합니다.
이 때 템플릿은 “공지사항“을, 위치는 “공용 아래에 페이지 배치“를 선택합니다.
gsite208

페이지의 제목과 내용을 편집할 수 있는 화면으로 넘어갑니다.
제목과 내용을 입력한 후 [저장]버튼을 클릭합니다.
페이지의 편집화면은 아까 만들었던 웹페이지 템플릿하고 동일합니다.
gsite209
“기본 업무” 페이지가 추가되었습니다.
https://sites.google.com/site/smartagentwiki/common/basic
gsite210

이번에 만든 페이지는 위치를 “공용 아래에 페이지 배치“로 설정했기 때문에 왼쪽 메뉴에서 “공용” 밑에 표시됩니다. 페이지의 위치를 어디로 설정하느냐에 따라 계층 구조를 만들 수 있습니다.
gsite222  gsite211

그리고, 템플릿은 “공지사항“으로 설정했기 때문에
페이지 아래쪽에 [새 게시물]이라는 버튼이 표시됩니다.
gsite212

[새 게시물]버튼을 클릭합니다.
페이지의 제목과 내용을 편집할 수 있는 화면으로 넘어갑니다.
제목과 내용을 입력한 후 [저장]버튼을 클릭합니다.
이번에도 페이지의 편집화면은 아까와 동일합니다. 어느 페이지이든 편집화면은 동일합니다.
gsite213

“기본 업무 1” 게시물이 추가되었습니다.
https://sites.google.com/site/smartagentwiki/common/basic/giboneobmu1
gsite214

페이지 제목 위를 보시면 상위 계층의 페이지를 표시해줍니다.
새로 만든 “기본 업무 1” 게시물은 “기본 업무” 페이지의 하위임을 알 수 있습니다.
즉, “공지사항” 템플릿은 하위 계층의 페이지를 추가하기 쉽게 만들어주는 템플릿입니다.
gsite215

제목 위의 “기본 업무”를 클릭하면 상위 계층 페이지로 이동할 수 있습니다.
그리고 [새 게시물] 버튼 밑으로 방금 추가한 게시물이 그대로 보입니다.
이 점이 “웹페이지” 템플릿 페이지와 “공지사항” 템플릿 페이지의 차이점 중 하나입니다.
gsite216

“웹페이지” 템플릿 페이지에서는 하위 페이지가 있으면 아래쪽에 링크만 표시됩니다.
gsite218

다시 “기본 업무” 페이지로 돌아와 [새 게시물] 버튼을 클릭하여 “기본 업무 2″페이지를 하나 더 추가한 후 상위 “기본 업무”페이지를 표시했습니다.
[새 게시물] 버튼 밑으로 새로 추가한 게시물이 그대로 표시됩니다.
gsite217

이렇게 “공지사항” 템플릿 페이지는 게시판 처럼 사용하면 됩니다.

그리고 각 게시물 하단에 있는 “(게시물 수정)” 을 클릭하면
gsite219

바로 해당 게시물의 편집화면으로 넘어갑니다.
제목이나 내용 수정 후 [저장]버튼을 클릭합니다.
gsite220

변경사항 저장.
gsite221

하위 페이지 목록 추가

위에서 작성한 “기본 업무”같은 공지사항 템플릿 페이지 아래에 게시물이 많아지게되면 원하는 게시물을 찾기 어려워집니다. 여기서 자동으로 하위 게시물의 목록을 만들어주는 “하위 페이지 나열”을 추가해보겠습니다.

“기본 업무” 페이지의 “페이지 수정” 버튼을 클릭하여 편집화면으로 넘어갑니다.

gsite230편집 화면에서 하위 페이지 목록을 넣고싶은 위치에 커서를 둔 상태에서
삽입 > 하위 페이지 나열 메뉴를 클릭합니다.gsite231
하위 페이지 나열 삽입 메뉴의 기본 표시입니다.gsite232제목, 너비, 디자인을 수정합니다. gsite233
기본 업무 페이지에 페이지 목록이 삽입된 것을 확인한 후,
[저장]버튼을 클릭합니다.gsite234
저장 후, 기본 업무 페이지에 하위 페이지의 목록이 표시됩니다.
gsite235이렇게 공지사항 템플릿 페이지에 하위 페이지 나열을 삽입하면, 원하는 하위 게시물로 이동하기 편해집니다. 단, 이 목록은 게시물을 만든 순서가 아니라 게시물 제목에 따라 정렬됩니다. 게시물이 특정 순서대로 표시되게 하고 싶다면, 제목에 숫자를 넣거나, 작성 날짜를 넣어주는 것이 좋습니다.

예시)

  • (1) 공동작업
  • (2) 함수
  • (3) QUERY
  • (4) 피봇 테이블

* 오늘의 정리 *

  • 페이지의 위치와 템플릿 설정으로 계층있는 웹사이트를 제작할 수 있다.
  • 위치를 “최상위 수준에 페이지 배치“로 설정한 “웹페이지” 템플릿 페이지는 상위 카테고리 페이지로 사용한다.
  • 상위 카테고리 아래에 게시물을 추가하기 쉬운 “공지사항” 템플릿 페이지를 배치하여 게시판처럼 사용한다.
  • 공지사항” 템플릿 페이지에는 “하위 페이지 나열“을 삽입하여 사용하면 편하다.

 

다음 글 : 구글 사이트 사용법 (3) 공용 카테고리 예시

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중