티스토리 기본 스킨 글 수정 삭제 버튼 3분 안에 추가 +설정 화면

티스토리를 시작하시면 많은 분들께서 기본 스킨 중 가장 괜찮은 스킨인 오디세이 스킨을 많이 사용하실 것 같습니다.

하지만 해당 스킨으로 글 작성이나 수정을 할 때마다 티스토리 홈페이지에서 들어가야 하는 불편함이 있었는데요.

글에서 바로 글 수정 또는 설정으로 들어가는 방법인 글에 수정 삭제 버튼을 추가하는 방법에 대해 알아보겠습니다.

 

티스토리 오디세이 스킨 글 수정 삭제 버튼 만들기

글의 순서는 아래와 같이 진행하겠습니다.

1. 티스토리 오디세이 스킨 변경하는 법

2. 글 수정 삭제 버튼 만들기

3. 마무리 말

 

---

1. 티스토리 오디세이 스킨 변경하는 법

티스토리 오디세이는 좌측 스킨 변경 메뉴에서 선택하실 수 있습니다.

스킨 선택 이후, 스킨에 대한 편집을 진행하시려면 편집 버튼을 누르시면 됩니다.

스킨 편집 버튼 위치

 

스킨 내부에서도 다양한 사항이 있지만, html 편집 버튼을 누르시면 됩니다.

티스토리 기본 스킨 html 편집 버튼

---

2. 글 수정 삭제 버튼 만들기

이제 실제 html코드 내에 버튼 코드를 추가해야하므로 집중하셔야 합니다!

html탭에서 무수히 많은 코드들이 보일 텐데요.

아래 절차대로 진행하시면 됩니다.

 

1. Ctrl + F를 눌러 찾기 창을 띄운 후

2. writer를 입력합니다.

html코드 내에서 writer 입력

 

3. 첫 번째 writer가 포함된 약 200번 초반대의 탭에 창을 위치시킵니다.\

4.  이 코드를 삭제해줍니다. 이 코드를 삭제해줍니다.

5. 아래 date가 포함된 줄의 </span> 다음 줄에 해당 코드를 입력합니다.

<!--글에 수정, 삭제 버튼 추가 시작-->
    <span class="custom">
       <s_ad_div>
           <a style="color: #fff; font-size: 13px; line-height: 1.54; opacity: .7; text-decoration: none; margin-left: 15px; margin-right: 5px;"
               href="">수정</a>
           <a style="color: #fff; font-size: 13px; line-height: 1.54; opacity: .7; text-decoration: none;"
               href="#" onclick="">삭제</a>
       </s_ad_div>
    </span>
<!--글에 수정, 삭제 버튼 추가 끝-->

 

삭제, 추가 버튼 만들기

 

6. 이제 우측 위의 적용 버튼을 누르시고 처음 설정 탭으로 나가며 저장을 해줍니다.

 

그러면 이제 본문 글에서 수정 및 삭제 버튼을 클릭해,

즉시 글을 수정하거나 설정 탭으로 이동할 수 있습니다!

---

3. 마무리 말

티스토리 오디세이 스킨을 쓰시면 처음 쓰시는 분들께서는 설정 탭에 들어갈 수가 없어서 당황하시는 분들이 많으실 텐데요.

기본적인 코드 추가만으로 스킨 수정을 통해 수정 탭으로 빠르게 설정 탭에 들어갈 수 있습니다.

 

처음 코드를 접하시는 분들께서는 많이 복잡하실 수도 있지만 제가 알려드린 대로 진행하시면 잘하실 수 있을 겁니다.

 

만약 잘 모르겠거나 어렵다면 댓글 남겨주세요.

오늘도 행복하고 좋은 하루 되시기를 바라겠습니다❤