[블로그] 상단 메뉴 바꾸기

 

블로그 상단 메뉴 ; 

공지사항 About 미디어로그 위치 로그 부분을 바꾸기로 했다.

 

이게 원래 페이지를 만들면 저절로 바뀌는 것 같은데 

M1스킨은 저절로 안 바뀌는 것 같다.

 

그래서 HTML에서 살짝 바꿨는데 바뀌어서 깜작 놀랐다.

 

몇 달 공부 안 한 코딩(?)으로 써먹을 수 있어서 좀 신기.

 

 

일단 블로그 관리 홈에서 페이지 관리 에들어간다.

 

 

 

 

 

자기가 추가하고 싶은 이름으로 페이지를 생성해준다.

 

나는 About, Github , Project 로햇다

 

 

공개발행을 한다.

그럼 URL이나 온다

 

 

skyler-world.tistory.com/pages/Github

skyler-world.tistory.com/pages/Projects

skyler-world.tistory.com/pages/About

 

 

그러면 블로그 관리 탭에서  스킨 편집 -> 오른쪽에 HTML 편집으로 들어간다

 

 

 

그럼 아래 HTML 코드 중에 서  자기가 바꿀 메뉴 이름을 바꿔준다 

 

 

<!-- 헤더 s -->
<div id="header">
	<div class="top_title"><a href="https://skyler-world.tistory.com/">호주 개발자</a></div>
	<div class="pages">
		<div class="pages1"><a href="https://skyler-world.tistory.com/notice">공지사항</a></div>
		<div class="pages2"><a href="https://skyler-world.tistory.com/pages/
about">About</a></div>
		<div class="pages3"><a href="https://skyler-world.tistory.com/media">미디어로그</a></div>
		<div class="pages4"><a href="https://skyler-world.tistory.com/location">위치로그</a></div>
	</div>
	<div class="search">
		<s_search><div class="search1"><input type=text id="s" name="" value="" onkeypress="if (event.keyCode == 13) {  }" class="search-textfield"></div>
		<div class="search2"><input id="searchsubmit" type=image value="" class="search-button" onclick=""></div></s_search>
	</div>
<div class="fixed"></div>
</div>
<!-- 헤더 e-->	

나는 여기서  a tag부분 이랑 바뀔 메뉴를 바꿔줬다

<div class="pages1"><a href="https://skyler-world.tistory.com/notice">공지사항</a></div>

이렇게 바꿔줬다

<div class="pages1"><a href=https://skyler-world.tistory.com/pages/
about">About</a></div>

 

 

Page 만들기 전에   URL 나오는 거 보고 그걸 href에 넣어주면 된다

 

 

그럼 밑에처럼 바뀌어서 나온다! 

 Page는 다시 나중에 페지이관리에서 업데이트하면 다시나 오겠지?