[Tistory 스킨 편집] hELLO 스킨 적용 시 첫번째 카테고리들만 펼치기

현재 정말 잘 쓰고 있는 hELLO 스킨! 다 마음에 드는데 카테고리만 딱 펼치면 좋을텐데 하는 생각이 들어 찾아보았다.

내가 원하는 동작은 첫번째 카테고리들(대카테고리?)만 펼쳐서 보여주는 것이었다.

역시 선구자가 있었고, 내가 원하는 동작에 맞게 수정했다.

 

다음과 같은 코드를 html 스킨 편집 시 </body> 위에 넣어주었다.

    <script>
      window.addEventListener('load', function() {
      const subCategoryList = document.querySelectorAll(".sub_category_list");
      subCategoryList.forEach(function(list) {
        list.parentNode.firstChild.click();
        });
      });
    </script>

 

결과

전

후

 

이렇게 하고 나니...카테고리를 좀더 세부적이고 직관적으로 나누는 게 접근성이 좋아보인다. 조금씩 수정해야겠다.

 

참고
https://energneer.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-hELLO-%EC%8A%A4%ED%82%A8-%EC%B2%AB%EB%B2%88%EC%A7%B8-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%EB%A7%8C-%ED%8E%BC%EC%B9%98%EA%B8%B0