티스토리 블로그, 메인 페이지 변경하기

HTML/CSS

by ⠀⠀⠀⠀⠀⠀ 2015. 9. 4. 14:40

티스토리 블로그의 메인페이지는 최근 포스팅 글이 첫페이지로 지정되어있다. 티에디션을 통해서 메인 페이지를 변경하는 방법도 있다. 하지만 이럴경우는 기존의 디자인과 어울리지 않는 부분도 발생하므로 기존 디자인이 적용된 다른 페이지로 변경하는 방법을 알아보도록 하자.

티스토리 블로그 내에서 티에디션을 사용하지 않고, 메인 페이지를 보여주기 가장 적당한 것은 전체 카테고리 페이지이다. 최근 작성 순으로 모든 포스팅 목록이 보여주기 때문에 이용자 측면에도 블로그내 원하는 정보를 찾기에 용이하다. 때문에 해당 포스팅에서는 전체 카테고리 페이지를 메인 페이지로 설정한 구문을 예로 하며, skin.html 부분을 해당 스크립트를 <head> 안에 삽입하도록 한다.

<script>

    var urlAddr = decodeURIComponent(location.href);urlAddr = urlAddr.replace('http://','').replace('https://','');urlAddr = urlAddr.split('#')[0]; urlAddr = urlAddr.split('?')[0];

    var url = urlAddr.split('/');

    if(url[1] == '') { location.href = '/category' }

</script>

해당 스크립트에서 '/category' 영역에 원하는 페이지 주소를 넣어주면 된다. 티스토리 관리 페이지 기본정보를 보면 개별글 주소에 관한 설정 부분이 있는데, 숫자로 설정을 했을 경우는 '/category/0' 수정하면 된다. 문자로 했을 경우는 우선 전체카테고리 보기를 클릭하고, URL를 복사후 붙여넣으면 된다.

해당 스크립트는 페이지를 접속할때, Redirection 시켜서 원하는 페이지로 이동하는 방식이다. 해당 스크립트를 수정할 경우는 기존 스크립트를 백업한 후에 진행하도록 한다. 문제가 발생할 경우는 페이지를 계속 Redirection 발생을 통해 블로그로 접근을 못할 경우가 발생할수 있다. 이럴 경우는 브라우저 주소창에 http://블로그명.tistory.com/admin/center 통해 관리자페이지로 접속해서 해당 문제사항을 수정하면 된다.

저작자표시 비영리 변경금지

'HTML/CSS' 카테고리의 다른 글

티스토리 블로그, 하위 카테고리 항상 열기 (0)	2015.10.29
CSS, 이미지파일 테두리선 만들기 (0)	2015.09.18
CSS, 우선순위 강제 적용하기 (0)	2015.08.05
CSS, 본문 글자크기 고정하기 (0)	2015.07.08
구글 애널리틱스, 중복 호스트 이름 해결방법 (0)	2015.07.06