PICPAC 가이드


포토샵을 못해도 코딩을 못해도 쉽고 간편하게 수정 해보세요.


디자인 편집기란?  가이드의 모든 사항은 별찌를 통해 사이트 개설을 전제로 합니다.


픽팩에서 사이트를 목적에 맞게 꾸미고 내용을 추가하는 일은 디자인 모드에서 합니다. 이 장에서는 디자인 모드에서 반드시 숙지해야 할 사항들을 설명합니다.


주의사항

수정 중 디자인이 망가지면 작업이 힘들어집니다. 꼭 기억하실 내용은 게시하기와 미리보기, 그리고 되돌리기를 잘 활용해주세요.

9번 미리보기 : 수정한 내용을 회원페이지에 업데이트 전 관리자만 미리보는 기능

10번 게시하기 : 초록색 버튼이 뜨면 게시할 수 있습니다. 게시하기를 클릭하여 저장하시면 회원페이지에서도 업데이트가 되어 백업이 불가능합니다.

1번 옆 되돌리기 모양이 있습니다. 이 것이 되돌리기 아이콘입니다. 수정을 잘못 했거나 망가졌으면 되돌리기를 클릭하여 마지막 게시하기 시점으로 되돌려주세요.


디자인 모드 접속 방법


  1. 디자인 모드에 접속하려면 내 사이트에서 로그인 합니다.
  2. 내 사이트에서 로그인 하셨다면 우측 상단 프로필 이미지를 눌러 관리를 누릅니다.
  3. 관리페이지(대시보드)에 접속됩니다.
  4. 좌측 상단에서 디자인 모드 메뉴를 누릅니다.


참고: 디자인 모드는 고도의 웹기술이 포함되어 있으며 원활한 동작을 위해 웹표준을 제대로 준수하지 않는 Internet Explorer 접근은 제한하고 있습니다. 

(추천 브라우저: Google Chrome)


디자인 모드 작업환경

디자인 모드에는 총 14가지의 메뉴로 구성되어 있으며, 각 메뉴는 아래 그림과 함께 설명을 참조해주세요.


1
메뉴 관리
새로운 메뉴를 생성하거나 이동, 구조 확인시 사용합니다.
2
위젯 추가
새로운 위젯을 추가하는 위젯 추가 버튼입니다.
3
섹션 추가
현재 페이지에 새로운 섹션을 추가합니다.
4
도움말
도움말 및 고객지원 페이지로 이동합니다.
5
현재 메뉴명
현재 편집 중인 페이지의 이름을 표시합니다.
6
메뉴 속성
메뉴의 이름을 변경, 검색엔진 최적화용 설명 추가, 접근 권한 설정, 메뉴를 삭제합니다.
7
뷰포트 변경
모바일 편집 모드와 데스크톱 편집 모드를 전환합니다.
8
공통 디자인 설정
기본 서체 및 크기, 본문폭 등 사이트에 공통적으로 적용할 디자인을 설정합니다.
9
미리보기
새 브라우저 탭을 열어 현재 페이지가 실제 브라우저에서 어떻게 보이는지 확인합니다.
10
게시하기
게시하기를 누르면 작업한 사항들이 방문자들에게 볼 수 있도록 반영됩니다.
11
나가기
디자인 모드를 종료하고 대시보드로 이동합니다.
12
겹치기
상단 메뉴와 본문 배경을 겹치는 효과를 줄 수 있습니다.
13
상단설정
상단 디자인을 편집할 수 있습니다.
14
가이드 다시보기
처음 사용자에 한하여 나타나는 초보자 가이드를 다시 보실 수 있습니다.


그외 기본 개념들

위젯: 디자인 모드에서 가장 작은 단위입니다. 이미지, 동영상, 게시판, 텍스트 등의 요소를 위젯이라고 부릅니다.
섹션: 위젯을 포함한 영역입니다. 여러개의 섹션을 이용해 배경색이나 간격을 다르게 구성하실 수 있습니다.
상단(또는 헤더): 로고, 메뉴바, 로그인 영역을 포함해 사이트에 공통적으로 위쪽에 표시되는 영역입니다.
하단(또는 푸터): 저작권 정보, 사이트 운영 정보 표시, 약관 및 개인정보처리방침 등을 사이트의 하단에 공통적으로 표시하는 영역입니다.
메뉴(또는 페이지): 위 사항들을 모두 포함한 개념이며, 사이트는 일반적으로 여러개의 메뉴로 구성되어 있습니다.

도움말에 찾으시는 답변이 없으신가요?



유지 보수 게시판