[Tistory] 관리자 여부 받아와 글쓰기 버튼 추가하기 (스킨 편집)

개요

---

블로거 정상우님에게 스킨을 받아서 사용하고 있던 중 글쓰기 버튼이 없어 추가하고 싶은 욕구가 생겨 이것 저것 알아보았는데 어디서도 딱 이렇다 할 정보가 나와있지 않았습니다..

 

검색 결과, 다른분들은 q를 눌러 관리자 페이지로 들어가거나, 블로그 관리에서 메뉴를 만들어 두고 사용하라고 말씀하셨지만 방문자에 입장에서는 불필요한 버튼이기에 로그인 정보를 얻어 관리자가 아니면 안보이게 하고 싶어서 세션, 쿠키에 정보가 있을거라 생각하고 찾아봤지만 얻기 힘들었고, 티스토리 스킨사용법에 들어가 확인해보았지만 딱히 이렇다 할 정보를 찾지 못했습니다 ㅠ (찾으시면 알려주세요...ㅜ) 

 

 

어쨌든 몇시간 삽질을 하던 중..!

 

헤더에 소유주의 정보가 들어있는걸 확인 했고 이를 활용하여 관리자 버튼을 만들게 되어 저와 같은 사람이 있을까봐 작성하게 되었네요 ㅎ

 

생각보다 간단한 곳에 위치해 있었네요 ㅠ

 

 

Example

---

여러가지 방법이 있겠지만 저는 보여주고 싶은 요소에 owner라는 클래스를 지정한 후 소유주가 아니라면 전부 지워버리는 방법을 택했습니다! 

 

<!-- html -->
<div class="owner">
	<a href="/manage/post">쓰기</a>
</div>


<!-- pug -->
span.owner
	a(href="/manage/post" class="link_write")
		span(class='text-hidden') 쓰기
		i(class='fa-solid fa-pen-to-square')

// js
const t_config = window.T.config;
  if (t_config.ROLE === 'owner') return;
  document.querySelectorAll('.owner').forEach((ele) => {
    ele.remove()
  })
}

 

결과

---

티스토리 접속 ROLE의 정보가 Guest 일 때

티스토리 접속 ROLE의 정보가 Owner 일 때

 

window.T.config.ROLE 의 값이 guest일 때, 해당 버튼은 보이지 않고 owner일 때는 버튼이 보이는 걸 확인 할 수 있습니다!

 

---

소개 · GitBook