티스토리 메인에 글쓰기버튼 생성하기

현재 내 티스토리 메인을 보면

 

저 빨간 동그라미 친 곳에 작은 아이콘이 있다.

 

아마 알아채지 못하고 지나치는 분이 많을 것인데

 

글쓰기 아이콘이다. ✒

 

 

 

글쓰고 싶을 때마다 어드민에 들어가야 하는 것이 불편해서 저렇게 만들어놨다.

 

사실 관리자만 보이게 하도록 하고싶었는데.. 티스토리 측에서 해당 파라미터값을 제공하지 않는 것 같다.

 

스킨 가이드를 살펴봐도, 로그인 확인 또는 관리자 확인 파라미터는 없다.

 

인터넷에 찾아보면 각종 꼼수를 이용하여 관리자만 보이도록 하는 방법이 있지만 

 

그냥 속편하게 간단히 나만 아는 아이콘을 만드는 편이 시간 관리에도 정신 건강에도 좋다.

 

 

 

방법은 간단하며 비개발자도 쉽게 따라할 수 있다.

 

 

1. 관리자 화면 - 스킨 편집 - html 편집

 

2. 아래 코드를 복사하여

<div class="admin">
	<a href="https://rosylog.tistory.com/manage/post">✒</a>
</div>

3. </head>가 나타나는 곳 바로 위에 붙여넣기 (코드창을 클릭한 뒤 ctlr+f로 검색)

		<div class="search">
			<s_search>
					<input type="text" name="" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13) {  }">
					<button type="submit" onclick="">검색</button>
				</s_search>
		</div>
        <!--바로 여기-->
	</header>

4. 그 다음, 탭에서 CSS 클릭

위쪽 메뉴바의 CSS를 클릭한다.

5. 아래 내용을 코드창 맨 아래에 붙여넣는다.

#header .admin a{
	position: absolute;
	top: 70px;
	right: 0px;
	width: 20px;
	padding-right:19px;
	text-align: center;
	font-size: 0.75em;
	color: #9b9b9b;
	text-decoration: none;
	color: #9b9b9b;
}

#header .admin a:link, a:visited, a:hover, a:active{
	color:black;
	text-decoration: none;
}
#header .admin:before {
	content: "";
	display: inline-block;
	background-color: #b2b2b2;
}

6. 적용 클릭 후 확인!

 

간단하다.

 

 

참고로 관리자메뉴는 지워버렸다. 어차피 url에서 뒤에 admin만 입력하면 관리자페이지로 이동할 수 있으니..

 

관리자메뉴를 지우는 방법은 html 코드 창에서 검색한 뒤 "<p>관리자</p>"를 삭제해버리면 된다.