블로그 상단 메뉴: 1개의 글



블로그 상단 메뉴,아이콘 추가와 언어 변경 방법 [ Fastboot 스킨 사용자/ 티스토리 ]

Posted by HAPPYJINI
2018.06.06 00:13 Blog 101/Tistory

안녕하세요. HAPPY JINI 입니다.

해피 지니의 블로를 상단 우측을 보면 메인홈, 태그, 전체글, 글쓰기, 관리자의 메뉴 버튼이 보입니다. 

원래 패스트부트 스킨 사용자의 경우 영어로 Home, Tag로 쓰여져 있는 부분을 html 소스 수정으로 한글로 변경하였습니다.

어렵지 않으니 잘 따라와 주세요. 




FastBoot (패스트붓) 스킨 사용자의 경우 블로그 상단 메뉴,아이콘 추가와 언어 변경 방법 ★'영어'→ '한글'로 변경 


happyjini.com의 경우 이미 한글로 바뀌어서 화면에는 한글로 보이니 이 점 감안해 주세요.



블로그 상단 메뉴,아이콘 추가와 언어 변경 방법  [ 패스트붓 스킨 /Fastboot 스킨 사용자/ 티스토리 ]



[원래는 이 부분이Home, Tag 등으로 영문으로 되어 있습니다.]



1. 블로그 관리(manage) => 꾸미기 => 스킨편집 => html을 클릭합니다.


블로그 상단 메뉴,아이콘 추가와 언어 변경 방법  [ Fastboot 스킨 사용자/ 티스토리 ]2


블로그 상단 메뉴,아이콘 추가와 언어 변경 방법  [ Fastboot 스킨 사용자/ 티스토리 ]3


블로그 상단 메뉴,아이콘 추가와 언어 변경 방법  [ Fastboot 스킨 사용자/ 티스토리 ]4


2. HTML 에서 Ctrl + F를 누룬 후 검색 창에 menu 를 검색합니다.



3.검색하면 위와 같이 rightMenus 라는 태그가 검색됩니다.

원래는 위의 태그가 영문으로 되어 있습니다. (지금 보이는 한글은 수정 후에 보여지는 것과 동일합니다.여러 분의 소스와 다르니 착오 없길 바랍니다. 위의 이미지를 수정 후의 모습입니다.)



4.위의 회색으로 표시 되어 있는 부분을 삭제한 뒤 아래 회색 박스에 있는 태그를 붙여 넣고 저장하면 됩니다.

영문에서 한글로 변경되고 옆에 아이콘이 추가 되었고, 글쓰기, 관리자 메뉴도 추가 되었습니다.



상자 안의 태그가 복사가 안되니, 아래의 텍스트 파일을 다운로드 받은 후, 복사하여 붙여 넣고 저장합니다. (저의 경우 상단 메뉴에서는 방명록을 제거 했습니다.)


 상단 메뉴 추가와 한글로 바꾸기.txt


<a href="/"><i class="fa fa-home"></i> 메인홈</a>

<a href="/tag"><i class="fa fa-tags"></i> 태그</a>

<a href="/category"><i class="fa fa-bars"></i> 전체글</a>

<a href="/guestbook"><i class="fa fa-book"></i> 방명록</a>

<a href="[##_owner_url_##]/entry/post"><i class="fa fa-pencil"></i> 글쓰기</a>

<a href="[##_owner_url_##]"><i class="fa fa-lock"></i> 관리자</a> 




<i class="fa fa-000"></i>가 아이콘을 추가해주는 부분입니다. 각자 디자인에 맞게 바꿔서 넣어주면 됩니다. 


<i class="fa fa-000"></i>의 000에 넣어 줄 아이콘 목록입니다.

참고해서 원하는 모양의 아이콘을 넣어주면 됩니다.

예를 들어 번개모양을 넣을 경우 <i class="fa fa-flash"></i> 로 변경하면 됩니다.



home -> 집모양

bars -> 메뉴모양

comments -> 대화모양(2개)

flash -> 번개모양

pencil -> 연필모양

lock -> 자물쇠모양

book -> 책모양

comment -> 대화모양(1개)

category -> 목록모양

default -> 새파일모양

tags -> 책갈피모양


calendar -> 달력모양

folder -> 폴더모양

random -> 랜덤재생모양

link -> 연결고리모양

chart-o -> 그래프모양

rss -> 와이파이모양

search -> 돋보기모양

credit-card -> 카드모양




블로그 상단 메뉴,아이콘 추가와 언어 변경 방법  [ Fastboot 스킨 사용자/ 티스토리 ]5




변경 한 후 저장하는 것 잊지마세요!!!

저장 한 후 메인으로 와서 새로고침한 후 확인합니다.

각자 메뉴 버튼을 눌러 제대로 작동되는지 확인합니다.





어렵지 않죠? 

수고하셨습니다.

행복하세요~♥





눌러주시는 공감 () 은 큰 힘이 됩니다.

로그인하지 않으셔도 공감은 가능합니다.

감사합니다. ^_______^






이 포스트 공유하기

페이스북
트위터
구글+
네이버
밴드
카스

티스토리 툴바