페이지 프린트 버튼 만들기
중요: 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가합니다.
방문자 또는 회원이 클릭 한번으로 특정 페이지를 간편하게 인쇄할 수 있도록 버튼을 추가할 수 있습니다. 이 도움말에서는 간단한 자바스크립트 프린트 함수를 사용해 프린트 버튼을 만드는 방법을 안내합니다.
프린트 버튼 추가방법
- 디자인 모드에 접속합니다. 접속방법
- 새로운 메뉴를 추가하거나, 프린트 버튼을 삽입할 메뉴로 이동합니다.
- 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
- 버튼 위젯을 클릭하여 버튼을 페이지에 추가합니다.
- 버튼 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
버튼 설정 창이 나오면 버튼 항목에서 텍스트 옵션에 버튼 이름을 작성합니다. (예: 인쇄하기, 프린트 등)
참고: 아래 그림과 같이 버튼에 아이콘을 추가할 수도 있습니다. 버튼 텍스트 옵션 오른쪽에 위치한 아이콘 버튼을 클릭하여, 필요한 아이콘을 추가합니다.
링크 타입을 코드로 선택합니다.
코드 입력 칸에
javascript:;" onclick="window.print()를 복사해 붙여넣습니다.
(선택 사항) 필요에 따라 버튼 스타일을 지정합니다. 크기나, 버튼을 정렬할 수 있으며, 모서리 라운딩 등을 추가할 수 있습니다. 중요 스타일 대신 사용자 정의를 선택해 나만의 버튼 색상을 설정할 수도 있습니다.
- 버튼 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
- 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
- 프린트 버튼을 클릭해 정상적으로 프린트가 작동하는지 확인합니다.
- 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.