오디세이 스킨에 수정-삭제 버튼 넣기
Tistory

 

티스토리의 오디세이 스킨은

본문에서 바로 수정및 삭제 할수 있는 버튼이 따로 없다.

 

(이전에 포스팅 하단에 공감버튼 이 있던 그 라인에 관리자 메뉴가 있었던것도 같고....)

 

없어도 될꺼라 생각했는데 은근히 불편하다.

 

 

본문에서 읽어보다가 바로 삭제하거나 수정할수 있게

본문보기의 타이틀부분에 소스를 넣어준다.

대채적으로 이 부분에 넣지만

원하는 곳이 있으면 다른 곳에 넣어줘도 된다


타이틀 밑에 빨간부분에 수정.삭제 버튼을 넣을생각이다.


스킨의 html 문서에 들어가서

윗부분에서 대략 200번 라인 정도에 

 

<!-- s_permalink_article_rep / 뷰페이지 -->
                <s_permalink_article_rep>
                  <!-- 이미지가 없는 경우 article-header-noimg -->

 

라고 주석처리 된 부분이 있다.

이 아래로 본문보기의 타이틀 쪽 부분이고

나는 타이틀 아래 작성날짜와 시간이 출력되는 옆 부분에 수정.삭제 버튼을 추가 하기위해 위치를 찾는다.

 

200번 라인 즈음의 주석 처리된 저 곳에서 좀더 내려서

 

210 정도 즈음의 아랫부분을 보면

<!-- s_permalink_article_rep / 뷰페이지 -->
                <s_permalink_article_rep>
                  <!-- 이미지가 없는 경우 article-header-noimg -->
                  <div class="article-header" thumbnail=
~
~
~
~
<div class="box-info">
                          <span class="writer"> .jenny </span>
                          <span class="date"> 2021. 7. 6. 04:42</span>

date 출력 하는 치환자가 있고 옆에 </span> 으로 닫혀져있다.

그 옆으로 수정.삭제 버튼을 넣어줄 것이기 때문에 빨간색코드 끝의 

</span> 으로 닫힌 부분 바로 옆에 다음 소스를 추가해준다

 

  <span><s_ad_div> 
  <a style="color: #999; text-decoration: none; margin-left: 10px;"
  href="">|수정</a>
  <a style="color: #999; text-decoration: none; 
  margin-left:10px;" href="#" onclick=""> |삭제  </a> </s_ad_div> </span>

 

style은 따로 만들어  css에 넣어도 될것이고..

저 안에서  간단하게 넣어 입맛대로  바꾸면 된다.

 

위에 그대로는 

폰트 컬러를 999로 하였고  링크 부분에 저절로 생기는 밑선을 없애 주었고 

버튼이 좀 가까이 붙어있어서 margin-left 를 적용해서 간격을 넓혔다.

 

 

적용되었다.

 

로그아웃하면 보이지 않고 로그인해도 관리자인 나만 보이기때문에 대충;; style 은 이정도로 한다.