티스토리 블로그 처음 사용할 당시 사용한 스킨이 이거였는데
딱 보면 알겠지만 매우 게이스럽다
게이들은 이런 스킨 써도 되겠지만 난 이런 스킨이 쓰기 싫다!
형태는 유지하면서 여러 부분을 변경하고 싶었는데
손질을 좀 하면서 저 스킨에서 현재 스킨이 되었다
저번에는 CSS 관련 부분만 한 만큼 이번에는 HTML 부분만 해 보도록 하자
먼저 블로그 관리 창에 가서 스킨 편집에 들어간 이후
우측 HTML 편집을 누르자
이런 화면 보면
그냥 이런 생각이 들 텐데
CSS와 다르게 HTML은 자리 배치만 하는 수준이기 때문에 매우 간단하다
편집하는 상태에서 창을 하나 새로 열어 F12를 눌러보자
우측에 뭔가 보이는데
HTML과 관련된 모든 부분은 <BODY> </BODY> 영역 안에 위치하고 있다
그러니까 배치도 등을 바꾸려면 BODY를 찾은 뒤 그 안에 내용을 바꾸면 되는 것이다
티스토리 하는 사람들이 무조건 바꿔야 되는 부분인 페이징 부분을 바꿔 보겠는데
페이징이 뭐냐면 글 분류하고 페이지 넘기는 기능이다
상단에 요런 화면을 말하는 것이다
근데 티스토리 블로그들은 기본적으로
페이징이 하단에 박혀있어서
글을 읽고 다른 페이지를 보려면 맨 위로 올라가서
카테고리를 누른 다음 페이지 내에서 찾아보고
없으면 페이지를 넘겨야 하는데
맨 아래로 내려가서 다음 페이지로 넘어간 다음에
다시 맨 위에서 찾아보고 없으면 반복..
이런 식인데 아니 존나 불편하다
보는 사람들도 엄청 불편한데
쓰는 사람도 자기 글 확인하려면 불편하지 않겠나
근데 다들 그렇게 쓰던데
시체가 굴러다녀도 그냥 쓸 사람들이다
졸라 구리니까 이거 보고 바꿔보자
영역에 커서를 갖다 대 보면
왼쪽에 불이 들어오는게 보이는데
<BODY> 안에 있는
<CONTAINER> 에서 또 그 안에 있는
<CONTENT> 영역에 제일 상단부터 제일 하단의 영역이 포함된다는 말이다
그러니까 CONTAINER 영역 안에서 가장 처음에 페이징을 넣으면?
글 하나 찾으려 개삽질 하게 할 필요 없이
편하게 왔다갔다 할 수 있다는 말이다
DIV CLASS PAGING 부분에 커서를 갖다가 대니 왼쪽 페이징 부분에
불이 들어오는 것이 보이는데
즉 페이징 부분을 컨텐츠 안에서 제일 상단에 넣으면
편하게 글을 찾을 수 있다는 얘기다
이제 다시 HTML 편집 부분으로 돌아와서
paging 영역을 s_paging이 감싸고 있는 것이 보이는데
티스토리에서는 아무래도 div를 한번 더 감싸서 표기를 해주는 모양이다
어쨌든 <s_paging> 부터 </s_paging> 까지 복사를 한 뒤
content 하단 </s_list> 부분에
복사 붙여넣기를 해서 옮겨넣는다
s_list는 페이징 버튼을 통해 페이지를 이동하는 경우
글을 보여주는 부분이기 때문에 글 아래에 페이지 버튼이 있는게 자연스럽지 않겠나
어쨌든 다 변경한 후 맨 처음 있었던 페이징 영역으로 돌아가 삭제를 한다
페이징을 위아래로 두개씩 놓으면 좋겠는데
티스토리 자체의 문제인지 하나만 적용 가능하더라
삭제까지 완료한 후 적용을 눌러보자
짠짜잔!!
블로그에서 글 찾기가 훨씬 쉬워졌다
'잡담 > Tistory & Adsense' 카테고리의 다른 글
| 티스토리 글 네이버 검색창에 노출시키기 (1) | 2019.02.13 |
|---|---|
| 티스토리 게시물을 Fetch As Google로 구글에 노출시키기기 (0) | 2019.02.09 |
| 유튜브 광고 애드블록으로 없애기 (0) | 2019.01.13 |
| 티스토리에 애드센스 적용하기 (2) | 2019.01.12 |
| 티스토리 HTML / CSS 수정하기 (5) | 2019.01.10 |
댓글