블로그에 프린트용 CSS를 완전히 적용했다. 이 작업에는 아래의 두 문서를 많이 참고했다.
첫번째 문서는 프린트용 CSS에 대해 쉽고, 간결하게 설명하고 있다. 이 블로그에는 크게 다음과 같은 사항들을 적용시켰다.
- 프린트할 때는 필요없는 우측 메뉴와 덧글을 남기기 위한 입력 상자 등을 보이지 않게 했다.
- 배경을 투명하게 했다.
- 컨텐트가 넓게 보이도록 width, margin 값 등을 조정했다.
- CSS Design: Going to Print에서는 문서 상의 하이퍼링크를 프린트하기 위해 attr을 제시한다. 하지만 나는 두번째 문서에 제시된 방법을 따랐다.
두번째 문서는 문서 상의 링크를 페이지 하단에 모아서 출력해주는 자바스크립트를 소개한다. 이에 대해서는 이미 Link Display 와 검색엔진을 고려한 문서구조라는 글을 통해 소개한 바 있다.
웹브라우저에서 인쇄미리보기 기능을 사용하면 결과물을 볼 수 있다. 개선해야 할 점이 있다면 언제라도 알려주시기 바란다.
Author Details
Kubernetes, DevSecOps, AWS, 클라우드 보안, 클라우드 비용관리, SaaS 의 활용과 내재화 등 소프트웨어 개발 전반에 도움이 필요하다면 도움을 요청하세요. 지인이라면 가볍게 도와드리겠습니다. 전문적인 도움이 필요하다면 저의 현업에 방해가 되지 않는 선에서 협의가능합니다.
인쇄미리보기 결과물 좋아요~. ^^
이런 커스터마이징이 가능하다는 점 때문에 설치형 블로그가 좋습니다. 포털 사이트들은 인쇄기능에는 신경을 안 써주니까요. 아주 어려운 기능도 아닌데 말입니다.