[1122] 티스토리 스킨 뜯어고치기.

이야~ 내가 해냈다. 이걸 해내다니...
참..내...

에휴.

지금 사용하고 있는 스킨은 묘연님의 63 v1.0. 나눔 버전인데...

지난 번 카카오 데이터센터 화재 이후로 페이지 기능이 동작하지 않았다.
대체 이유가 뭔지는 몰라도 곧 고쳐지겠지 하고 살았는데 영원히 고쳐지지 않아서 직접 고쳤음... 휴...

그 외에도 소소하게 고친 것들을 정리해두려고 함... 왜냐면 내가 이걸 안 보면 잊어버릴 테니까...

 

발생한 문제

• 페이지 기능이 동작하지 않음 - 다른 티스토리 블로그에도 새 스킨을 설치해 봤으나 증상이 같다.
• 댓글 / 공감 등 버튼 그룹의 margin이 서로 충돌했는지 여백이 제대로 출력되지 않음
• 문제가 아니라 불편 사항 - 사용하지 않는 SNS 그룹의 아이콘 변경

사실 이전에도 이리저리 여백이나 댓글 창 등등등 고친 이력이 있기는 한데... 지금 와서는 그걸 일일이 찾을 수가 없다 (ㅋㅋ)
스킨 원본과 비교하면 찾을 수 있을 것 같긴 한데...

아무튼 해결법.

문제 해결

• 페이지 영역을 지정해주지 않아서 생긴 문제였다. 데이터센터 화재 이전에는 제대로 동작하던 걸로 봐서는 스킨 자체의 알고리즘에 문제가 있는 건 아니었으나, 일정 시점을 기준으로 영역 설정이 되어있지 않자, 페이지 게시글의 주소로 접속해도 전체가 텅 빈 상태로 출력되고 있었음.
  
  해결: 티스토리의 GitBook 에서 기본 골자를 얻어와서 해결했다. (링크)
  대신 타이틀을 출력하지 않고 본문만 출력하도록 변경, 본문 영역과 같은 CSS CLASS를 가져오도록 지정.
  
  
• 그렇게 페이지를 고쳐놓고 보니 아래 버튼 리스트가 magin이 맞지 않아 살짝 미묘하게 깨져있었음...
  이번에는 간단히?.. 해결했다. f12 관리자 모드로 css 요소들을 확인해보니 서로 다른 두 margin 지정이 충돌하고 있었음. 5 -5 -5 와 -30. 양쪽 다 삭제하는 걸로 해결했다.
  
  
• 불편사항 해결: 사실 페이지 기능을 고치려고 애를 쓴 이유 중 하나가... 다른 스킨에는 흔히 보이는 새 글 쓰기 / 관리자 페이지로 진입하는 버튼이 전혀 보이지 않아서였음. 대체 왜? 아무튼 이게 너무 불편했던 탓에 새 글 쓰기의 접속 주소를 페이지에 걸어 두고 눌러서 진행하고 있었더랬다. (물론 관리자 페이지도)
  
  그래서 페이지가 고장나있을 때, sns그룹 버튼을 원하는 대로 바꾸려고 찾아다니다 보니 해당 기능이 카테고리 형식으로 붙어 있는 건 확인했는데... (숨겨져 있음) 근데 한번 활성화 시켜보고 나니 못생겨서 마음에 안 들었음.
  
  해결: 스킨 업로드를 다시 하고 설정을 처음부터 맞춰야 하는 귀찮음을 견딜 수 있는 사람만 할 것...
  index 파일 중 해당 sns 메뉴를 표시하는 부분을 입맛에 맞게 수정함. (온/오프 버튼이나 텍스트 입력 등, 메뉴에 표시되는 이름 등) 그리고 html에서 해당 카테고리 부분을 찾아서 수정했다.
  
  원하는 대로 아이콘을 바꾸려고 보니 폰트어썸(fa) 4.7 사용 중. 해당 버전에 맞는 코드를 사용하면 쉽게 수정 가능하다.
  
  연결한 것: 새 글 쓰기 / 노션 북마크 / 왓챠피디아 / 관리자 페이지

자세히 설명이 필요하신 분은 댓글 주세요.