본문 바로가기

Script

티스토리 hELLO 스킨, 수동 화면 모드 랜덤하게 변경

티스토리 hELLO 스킨, 수동 화면 모드 랜덤하게 변경,

포스트에 HTML 코드 수동 입력 ?

<div class='h' data-mode='screen'></div>   /* 스크린 모드 */
<div class='h' data-mode='tape'></div>   /* 테이프 모드 */
<div class='h' data-mode='default'></div> 

추가해 주면 글 읽기 모드를 사용자가 지정할수 있다

제작자 설명

https://pronist.tistory.com/5  목차 어떤 기능을 제공합니까?에서 더보기를 클릭하면 화면 모드에 대한 설명을 볼수 있다

 

hELLO. 티스토리 스킨을 소개합니다.

hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질

pronist.tistory.com

 

매번 입력하는게 불편하여 페이지 로딩시 랜덤하게 변경되도록 해본다.

jQuery ?

$(function() { if ($("body").is("#tt-body-page")) { 
	$("html").attr("data-theme", "light"); // 테마 모드 원하는 것으로 고정
		
	var style = [
			"<script>$(function(){$('.content__permalink').attr('data-mode','screen'),$('body').attr('data-sidebar-default','false');})<\/script>", // 화면 모드시, 사이드바 제거
			"<script>$(function(){$('.content__permalink').attr('data-mode','tape'),$('body').attr('data-sidebar-default','false');})<\/script>",
			"<script>$(function(){$('.content__permalink').attr('data-mode','default')})<\/script>" 
			];
		$(".content").append("" + style[Math.floor(Math.random() * style.length)] + "");
	}
});