티스토리 오디세이 스킨 수정 삭제 버튼 추가로 즉시 관리 화면!

티스토리 기본 스킨 중 가장 괜찮은 스킨인 오디세이 스킨을 많이 사용하고 계신데요.

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

그래서 글에서 바로 글 수정 또는 관리 페이지로 들어가는 방법인 글에 수정 삭제 버튼을 추가하는 방법에 대해 알아보겠습니다.

 

티스토리 오디세이 스킨 버튼 만들기

 

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

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>
<!--글에 수정, 삭제 버튼 추가 끝-->

 

html 코드 추가

 

6. 이제 우측 위의 적용 버튼을 누르고 나가며 저장을 해줍니다.

 

버튼 추가 완료!

 

그러면 이제 본문 글에서 버튼이 추가가 된 것을 볼 수 있습니다.

---

3. 마무리 말

티스토리 오디세이 스킨을 쓰시면 처음 쓰시는 분들께서는 바로 관리 탭에 들어가고 싶으신 분들이 많으실 텐데요.

html 코드 추가만으로 스킨 수정을 통해 빠르게 관리 탭에 들어갈 수 있습니다.

 

html 코드를 처음 다뤄보시는 분들은 어렵겠지만, 절차대로 진행하시면 되겠습니다.

 

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