본문 바로가기

Tech-tips/Tistory

[잉여] 티에디션 버튼 바꾸기

티스토리 티에디션 버튼 바꾸기


티스토리 블로그에서 티에디션 플러그인을 사용하개 되면 우측 상단에 티에디션이라는 버튼이 뜹니다. 이 버튼은 오직 관리자 한테만 보이는 버튼으로써 이 버튼을 눌리면 티에디션 설정으로 들어갈수 있습니다. 하지만 이게 그리 디자인이 이쁜게 아니라서 볼때마다 눈에 거슬렸습니다. 일반인 눈에 보이지 않아 아무 상관없긴 하지만요


티에디션 버튼


그래서 잉여력이 폭발해서 이것을 바꾸어 보기로 했습니다.


버튼만들기


일단 버튼에 쓸 이미지를 준비합니다. (포토샵으로 제작 약 10분소요)


버튼 업로드


파일을 업로드 합니다. (gif로 하려다가 마지막에 png로 바꿨습니다.)


버튼 CSS


콘솔에서 보면 티에디션 버튼의 ID파악이 가능합니다.


버튼 코딩


마크업 합니다. !important 태그를 잊지 마세요.


적용 완료


완료.


아... 잉여력이 폭발합니다!!! 요시 그란도 시즌!

한가지 좋은것은 버튼이 커서 눌리기 쉬워 졌다는 것.

슬픈점은 나빼고 아무도 볼 사람이 없다는것 ㅠㅠ