티스토리 반응형 square 스킨 편집 - 토큰 버튼 안에 Menu 글자 넣는 방법

티스토리 반응형 square 스킨 편집 - 토큰 버튼 안에 Menu 글자 넣는 방법

안녕하세요, 오늘은 티스토리의 대표적인 반응형 스킨인 square 스킨에 대한 내용입니다. 제가 처음으로 사용하는 스킨 이기도 하고요, 지금까지 사용하는 스킨 이기도 합니다. 처음에는 square 스킨의 구 버젼 사용시  최근 포스터가 보이지 않는 내용을 수정하면서 이것 저것 손 보다 보니 square 스킨에 대한 다양한 기능들과 수정할 수 있는 사항들을 알게 되었습니다. 오늘은 그 중 하나인 토큰 버튼 안에 글자 넣는 방법에 대해서 포스팅 해보도록 하겠습니다. 기능 보다는 가독성을 높이기 위한 시각적인 변화 이므로 굳이 변화를 주는게 꺼려지시는 분은 안하셔도 무방한 내용입니다. 그냥 가볍게 "이런것도 있구나"라는 생각으로 읽어 주시기 바랍니다.

---

1. 먼저 [스킨편집]에서 html을 클릭 후 Ctrl + F를 이용하여 sidebar-toggle을 타이핑하여 위 내용을 검색합니다. 그 다음에 <i class="icon-reorder"></i> 이 부분을 삭제 합니다.

2. 두 번째로 지운 부분에 "Menu" 란 글자를 적어 줍니다. 저는 메뉴라고 적었지만 다른 내용을 사용하고 싶으신 분들은 그렇게 하셔도 무방합니다.

3. 마지막으로 적용 버튼을 누르고 새로고침을 클릭 하면 토큰 버튼이 변경된 것을 확인 하실 수 있습니다.

---

지금까지 티스토리의 반응형 스킨인 square 스킨에서 토큰 버튼 부분의 내용 변경에 대한 포스팅 이였습니다. 제 부족한 글을 읽어 주셔서 감사합니다. 누군가에게 도움이 되었으면 합니다.