[티스토리 팁_9] 테터데스크를 활용한 첫 화면 꾸미기

일단 현재의 첫 화면은 4번글에 포스팅 했듯이 티에디션을 활용해서 꾸며진 화면이다.

• [티스토리 만들기] - [티스토리 팁_4] 블로그 첫 화면 반응형 티에디션

일단 썸네일을 포함한 목록형으로 만드는데까지는 성공했지만, 문제는 글들이 너무 다닥다닥 붙어있어서 구분이 잘 안된다.

그런데 어디서 수정하는지도 잘 모르겠다.

그래서 이래저래 검색하던 중 발견하게 된 테터데스크.

티스토리 '플러그인' 중 하나이므로 관리자-플러그인에서 사용 체크를 하고 사용하면 된다.

간단하다고 하니까 한번 써보도록 하겠음.

테터데스크를 활용한 첫 화면 꾸미기

1. 우선 관리자-플러그인설정 메뉴로 들어가서 '테터데스크' 플러그인을 찾아서 사용하기를 한다.

   (현재 사용중이던 티에디션은 해제됩니다. 라는 문구가 뜬다. -> 예)

   반영주기...라는게 있는데 어쨌든 제일 짧은 10분으로 해놓음. (10분 뒤에 반영된다는 얘기겠지?)

   수정반영은 적용하기 뭐 이런걸 누르면 바로 반영되고, 저 시간은 캐싱 시간이라고 한다.

   그래서 너무 자주하지 않도록 변경함.

   첫화면/상단/하단 어디를 꾸밀지 선택하는 것도 있음 (난 당연히 첫화면)

2. 저장을 하고나면 아무 변화가 없어서 당황하게 된다.

   하지만 당황하지말고 내 블로그 첫 화면으로 이동하면 테터데스크를 설정하라고 떠있으니 걱정하지 말자.

   ->설정하기를 누른다.

3. 오른쪽에 메뉴가 떠있는 것을 볼 수 있다.

   

4. 아이템 배치를 선택하면 첫 화면에 노출할 아이템 배치를 선택 할 수 있다.

   내 경우에는 첫 화면에 디자인 선택을 클릭해서 두 번째 메뉴로 먼저 들어갔는데 나중에 수정할 수 있으니 너무 신경쓰지말자.

   나는 실시간 섬네일 목록형 하나만 남기고 나머지는 삭제했다.

5. 디자인 선택을 누르면 기본적인 두 가지 스타일(뉴스/갤러리형)의 블랙/화이트 버전 배치를 볼 수 있는데 난 4에서 선택했으므로 패스

6. 디자인 편집을 누르면 선택한 아이템...뿐만 아니라 전체 아이템에 대한 수정을 할 수 있다.

   나의 경우는 티에디션에서 불만이었던 글 목록들 사이에 여백을 주는 작업을 진행했다.

   루트는 디자인 편집을 눌러서 뜨는 CSS 팝업에서 아래 부분을 찾아서 수정했음

  /* 최신글 섬네일 목록형 */   <- 이곳을 찾으면 된다.(각자 선택하신 아이템을 찾으면 됨)

.TD_recent .TD_thumblist{

    margin:5px;

    overflow:hidden;

    padding:15px;  (숫자를 입력해서 원하는 만큼 띄워줌)

}

.TD_recent .TD_thumblist .TD_headline{

    font-size:0.9em;

}

이제 조금 더 마음에 드는 형태로 첫 화면이 바뀌었다.

7. 추가로 첫 화면에 디폴트로 'media log'라는 글자가 최상단에 노출되는 경우가 있을 것이다.

   이 경우 관리자-html/CSS편집-HTML 탭에서 Ctrl+F 한 다음 media log 를 찾아서 바꿔주면 된다.

<!-- Media

================================================== -->

<s_media>

<section class="medialog">

<h3><b>Blueid Blues</b></h3> (이 부분을 바꿔줌)

[@@_media_content_@@]    (@@은 아마 ##으로 되어있을것임)

</section>

</s_media>