Link

관리 메뉴

PC Geek's

티스토리 블로그 메뉴(티스토리 메뉴)에 관해 찾아본 것/:/ 메뉴없는 스킨에 코드 넣기 본문

프로그램/알림글, 블로그 유지 관리

티스토리 블로그 메뉴(티스토리 메뉴)에 관해 찾아본 것/:/ 메뉴없는 스킨에 코드 넣기

티스토리 블로그에 메뉴넣는 법 찾아본 검색결과.

티스토리 스킨 중 메뉴가 있는 게 있고, 없는 게 있는데,

없는 메뉴를 추가하거나

스킨고치다 망가진 메뉴를 고칠 때.

 

티스토리 스킨 메뉴 치환자에 관한 글. 이건 2013년글이라 지금과 다른 게 있을 것 같다.

https://pastimelife.com/435

 

티스토리 스킨 메뉴수정 간편하게 하자.

안녕하세요. 얼마전에 iNove 티스토리 스킨 Ver 2.2 메뉴바 수정 하기 라는 글을 작성했습니다. iNove 티스토리 스킨 Ver 2.2 이나 티스토리 스킨란에 올라온 스킨 중 일부분은 티스토리 관리자 화면에

pastimelife.com

 

요즘 관리자메뉴에서 메뉴 추가삭제는 여기.

메뉴가 있는 스킨에서 메뉴를 가져와 코드를 붙이는 게 좋겠는데..

https://notice.tistory.com/2392

 

메뉴 지원 스킨 안내

안녕하세요. TISTORY입니다. 티스토리가 공식적으로 제공하는 스킨 중 메뉴 기능을 이용하실 수 있는 스킨은 아래와 같습니다. 해당 스킨을 사용할 경우에만 '꾸미기 > 메뉴'를 통해 배치한 내용이

notice.tistory.com

 

그래서 나오는 메뉴지원스킨은 지금 1개인데, skin.html파일을 열어보니 재미있는 게 보였다.

 

<head></head> 안에 있는 단축키 코드

<script>
//추가 단축키
var key = new Array();
key['w'] = "/admin/entry/post/";
key['e'] = "/admin/skin/edit/";
key['r'] = "/admin/plugin/refererUrlLog/";
key['h'] = "/";

function getKey(keyStroke) {
	if ((event.srcElement.tagName != 'INPUT') && (event.srcElement.tagName != 'TEXTAREA')){
		isNetscape=(document.layers);
		eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
		which = String.fromCharCode(eventChooser).toLowerCase();
		for (var i in key)
			if (which == i) window.location = key[i];
	}
}
document.onkeypress = getKey;
</script>

 

블로그 메뉴는 

<!-- Blog Menu -->

가 있는데.. 2013년글을 따라 한번 이것만 넣어보았다.

 

그리고 소스를 보니 이런 코드가 들어가있다.

	<ul>		
		<li class="t_menu_home first">
			<a href="/">홈</a>
		</li>
				<li class="t_menu_tag">
			<a href="/tag">태그</a>
		</li>
				<li class="t_menu_guestbook">
			<a href="/guestbook">방명록</a>
		</li>
				<li class="t_menu_link_1">
			<a href="http://naver.com">naver</a>
		</li>
				<li class="t_menu_link_2 last">
			<a href="http://daum.net">daum</a>
		</li>
	</ul>

이제 여기서 class를 원하는 것으로 바꿔서 내 스킨의 style.css에 넣어주면 될 듯. 일단 태그코드를 살짝 변형해서 넣어보면 될 것 같은데 class가 이름바뀌어가며 저렇게 늘어가면 어떻게 할까..

 

관련 class 에 관한 정보. 야채크래커님 블로그다.

https://crackyachae.tistory.com/158

 

첫번째_8-3 메뉴

8-3. 메뉴 블로그 내의 다른 콘텐츠로 이동할 수 있는 element 홈, 페이지, 카테고리, 태그 등 기본 제공되는 element를 추가하거나 특정 페이지를 직접 입력할 수 있다. [블로그 관리 - 꾸미기 - 메뉴]

crackyachae.tistory.com

이런 식으로 한 번 해보자.

 

내 블로그에 뜬 클래스를 설명한 부분이 나오는데, 대개 짐작대로다. 다른 사람의 의견으로 확인해 좋네. 적어둔다.

  • 기본항목/홈 t_menu_home
  • 기본항목/태그 t_menu_tag
  • 기본항목/방명록 t_menu_guestbook
  • 페이지 t_menu_page
  • 카테고리 t_menu_category
  • 태그 검색 t_menu_category
  • 직접 입력 t_menu_link_n
  • 메뉴의 처음 엘레멘트 클래스에는 한 칸 띄고 first
  • 메뉴의 마지막 엘레멘트 클래스에는 한 칸 띄고 last

 

이 클래스들은, 위에 적은 것처럼 "link_n" 식으로 열거되면 클래스이름마다 직접 바꿔주는 건 팁이 필요하다. 그건 각주스타일을 바꾸는 팁과 비슷할 것이다. 각주도 그런 식으로 숫자가 붙거든.

하지만 저분의 블로그에 적힌 것처럼,

1) 치환 예시를 보고, 필요하면 그렇게 해줄 수 있다.

2) [샵샵_blog_menu_샵샵]은 그대로 두고 관리자 메뉴를 활용하면서, 

<div class="my_menu_style">

</div>

이렇게 코드를 만들어준 다음,

style.css 에는 .my_menu_style 이란 항목을 만들어 거기다 원하는 대로 꾸며주면 된다. !important 같은 거 안 붙여도 오버라이드된다. //^o^//

 

 

저 블로그를 남겨준 야채크래커님에게 감사드리며 이 글을 마친다.

 

'프로그램 > 알림글, 블로그 유지 관리' 카테고리의 다른 글

요즘도 티스토리앱은 앱은 살아있는데 연결이 끊어진 경우가 있더군요  (0) 2022.03.21
네이버 스마트보드(스마트폰 화면키보드), 티스토리 글작성 팁  (0) 2022.03.17
넓게 찾아주지만 멍청한 티스토리 앱 검색기능  (0) 2022.03.09
티스토리앱 개선희망점: 문단정렬, 문단분리  (0) 2022.02.23
티스토리, 특히 모바일화면에서 손가락줌(핀치투줌) 확대가능하게 하기  (0) 2022.02.14
티스토리 스킨페이지  (0) 2022.02.10
티스토리 버그: 박스링크 에러  (0) 2022.02.06
구글 크롬 웹브라우저에서 티스토리 PC웹 스킨 편집기 저장 롤백 버그  (0) 2022.01.17
이 글과 같은 분류글목록으로 / 최신글목록 이동
Comments
자주 보는 태그 30 more
'프로그램/알림글, 블로그 유지 관리' Related Articles (... 더 보기)
Viewed Posts
Recent Comments
Recent Posts