랜딩페이지를 만들고자 할 때, 다양한 방법이 있지만, 티스토리 블로그를 활용하는 방법도 효과적입니다. 티스토리 블로그로 랜딩페이지를 만들면 비용 절감과 동시에 모바일에서도 최적화된 페이지를 쉽게 만들 수 있습니다. 이 글에서는 티스토리 블로그를 이용해 한 페이지 랜딩페이지를 만드는 방법을 단계별로 설명합니다.
티스토리 블로그로 한 페이지 랜딩페이지 만드는 방법
1. 새 블로그 개설하기
먼저, 랜딩페이지용으로 별도의 블로그를 개설하는 것이 좋습니다. 기존 블로그를 사용할 수도 있지만, 스킨 변경과 HTML 편집이 필요하므로 새 블로그를 개설하는 것이 더 나은 선택일 수 있습니다.
- 프로필 사진 클릭: 프로필 사진을 클릭하고 계정관리 화면으로 이동합니다.
- 새 블로그 만들기: '새 블로그 만들기'를 클릭하여 랜딩페이지 전용 블로그를 개설합니다.
- 글쓰기 설정: 블로그 설정 페이지에서 글쓰기 기본값을 '공개'로 변경한 후 저장합니다.
2. 스킨 변경 및 사이드바 제거
랜딩페이지는 심플하고 집중도가 높아야 합니다. 이를 위해 스킨을 최소한으로 설정하고 사이드바를 제거해야 합니다.
- 스킨 변경: 기본 스킨 중에서 반응형 스킨(#1)을 선택합니다.
- 사이드바 제거: 블로그 설정에서 사이드바를 모두 제거합니다.
3. HTML 편집
이제 스킨을 더욱 간결하게 만들기 위해 HTML 편집을 통해 불필요한 요소를 제거합니다.
- HTML 편집: 스킨 편집으로 이동하여 HTML 편집을 클릭합니다.
- 주석처리:
<body></body>사이의 코드를 모두 주석처리합니다.
- 주석처리는 <!-- ~~~~ --> 태그로 처리해주면 됩니다.
단,<div class="area_view">부분은 주석처리하지 말고 유지합니다. 이 부분이 본문 내용을 표시하는 부분입니다. - 추가 편집: 공감, 공유, 통계 버튼이 나오지 않도록 CSS 편집에서 가장 마지막 부분에 . container_postbtn { display: mone; } 코드를 추가합니다.
4. 모바일 설정
모바일에서도 동일한 화면이 나타나도록 설정합니다.
- 모바일 설정: 블로그 관리 화면에서 '꾸미기' - '모바일'로 이동합니다.
- 모바일 웹 자동 연결 비활성화: '티스토리 모바일웹 자동 연결'을 사용하지 않음으로 설정합니다. 이를 통해 스마트폰의 브라우저에서도 PC 화면과 동일한 깔끔한 화면을 볼 수 있습니다.
결론
이제 티스토리 블로그를 활용해 한 페이지 랜딩페이지를 만들었습니다. 이 방법은 비용을 절감하면서도 간편하게 랜딩페이지를 만들 수 있는 좋은 방법입니다. 필요에 따라 추가적인 이미지 작업이나 텍스트 수정으로 더욱 완성도를 높일 수 있습니다. 궁금한 사항이나 추가 요청이 있으시면 댓글로 남겨주세요!
참고 링크
Tags:
티스토리 블로그
