티스토리 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 목차 어떤 기능을 제공합니까?에서 더보기를 클릭하면 화면 모드에 대한 설명을 볼수 있다
매번 입력하는게 불편하여 페이지 로딩시 랜덤하게 변경되도록 해본다.
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)] + "");
}
});