티스토리 오디세이 수정 삭제 단추 추가 (파일 첨부; 다른 스킨 사용자도 참고)

티스토리 오디세이 스킨 글 제목의 날짜 오른쪽에 수정 삭제 단추를 추가하는 코드를 파일로 공유합니다. 초보자가 이해하기 쉽게 세세히 설명합니다. 다른 스킨 사용자도 적용할 수 있게 조언합니다.

 

상황 파악 및 적용 방법

다른 분들 글을 참고하였습니다. 대부분 복사가 안 되고, 또 요즘은 티스토리에서 자동으로 검열하므로 중요한 코드는 보이지도 않습니다. 저는 한 30분 손으로 열심히 입력하고 고쳐서 적용되는 것 확인하고 아래의 첨부 파일에 넣었습니다.

시간 아끼세요.

원본 출처를 밝히고 싶은데 너무 많아서 일단 아랫글을 참고한 것으로 하겠습니다:

https://eehoeskrap.tistory.com/502

 

티스토리-오디세이-수정-삭제-단추-추가-코드-스크린샷
티스토리 오디세이 수정 삭제 단추 추가하기. 제 컴퓨터 화면 스크린샷입니다. 글자가 너무 작아 보여서 125%로 키워서 찍었습니다. 2023.06.08.

적용 방법:

  1. 자신의 운영체제 환경에 따라 아래의 두 첨부 파일 중 하나를 내려받습니다.
  2. 티스토리 관리 -> 스킨 편집 -> html 편집
  3. 첨부 파일의 첫 행 내용 전체(<p>…</p>)를 선택하여 Ctrl+F -> 엔터 키를 칩니다.
  4. 그럼, 딱 한 행이 검색됩니다 (더 이상 없음).
    실질적인 내용은 이 부분입니다. 이 부분이 추가되도록 합니다 (다른 곁다리는 그냥 검색의 편의를 위해서 같이 넣은 것뿐임):
    <!– 수정 삭제 추가 –>
    <span>
    <s_ad_div>
    .
    .
    .
    </span>
  5. 만약 열이 비뚤비뚤 맞지 않으면 열을 맞추고자 하는 행들을 모두 선택하여 tab 키로 몇 번 눌러주면 됩니다.
    (제 경우, 파일의 내용을 붙여넣기 할 때, 앞의 공백까지 모두 포함하여 복사하고, 커서를 맨 앞에 둔 채 붙여넣기 하면 열은 저절로 맞습니다. 다른 분들은 안 그럴 수도 있으니까 드린 설명입니다.)
  6. 내용이 잘 추가 되었으면 위쪽의 “적용” 클릭 (편집 화면을 닫지는 말고 잠시 대기할 것!)
  7. 브라우저의 다른 탭에서 자신의 아무 글이나 열어서 수정, 삭제 단추가 보이는지 확인.
  8. 제대로 안 보이면 편집 화면에서 Ctrl+Z 를 입력하여 처음부터 다시 하세요.

 

첨부 파일

첨부 파일을 2개 준비했습니다. 문자 인코딩만 다르고 내용은 같습니다.

(처음에 올린 파일의 삭제 코드에 오타가 있어서 고쳤습니다.)

윈도 사용자:
tistory-odyssey-dos-add-modify-delete-buttons-20230603.txt

 

리눅스, 맥, 안드로이드, 아이폰 사용자:
tistory-odyssey-unix-add-modify-delete-buttons-20230603.txt

 

 

다른 스킨 사용자

위에서 실질적인 내용이라고 한 부분을 맞는 위치에 넣으면 됩니다. 그 위치를 찾으려면 파일 내용의 처음 다섯 줄에서 힌트를 얻으세요. 글의 제목에 날짜가 나오는데 그 오른쪽에 수정 삭제 라고 나오도록 하는 거니까, 날짜 해당 부분을 찾아야 합니다. 그런데 날짜는 공지 사항 등 다른 여러 곳에도 나오므로 헷갈리지 말고 잘 찾으시길 (제가 다시 해 보니까 <p class=”category”> 이걸로 찾는 게 제일 빠르겠습니다. 저는 3행 검색 됩니다).

Leave a Comment