tistory)오디세이 스킨 본문 수정삭제 버튼 넣기
2021. 7. 6. 04:42
오디세이 스킨에 수정-삭제 버튼 넣기
Tistory
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 은 이정도로 한다.