VTrick 테마에서 콘텐츠 펼치는 방법 (TOC 설정 가이드)

구글 블로그에서 VTrick 테마를 사용할 때 TOC(목차)가 기본적으로 접혀 있는 경우, 이를 자동으로 펼치도록 설정하는 방법을 안내합니다.

✅ 구글 블로그 TOC 펼치는 방법 (초보자용 가이드)

아래 단계에 따라 간단하게 TOC(목차)를 기본적으로 펼칠 수 있습니다.

1️⃣ 구글 블로그 HTML 편집 모드로 이동

• 구글 블로그(Blogger)에 로그인합니다.
• 테마 메뉴로 이동합니다.
• 오른쪽 상단의 HTML 편집 버튼을 클릭합니다.

2️⃣ Ctrl + F를 눌러 tocify 검색

HTML 코드 창에서 Ctrl + F를 누른 후, tocify를 입력하고 검색합니다.

3️⃣ TOC 설정 변경 (수정 전 → 수정 후)

🔹 수정 전 (TOC가 기본적으로 접혀 있음)

#tocify { display: none; padding: 0 15px 10px; margin: 0; }

✅ 수정 후 (TOC를 자동으로 펼침)

#tocify { display: block !important; padding: 0 15px 10px; margin: 0; }

4️⃣ JavaScript 코드 추가 (선택 사항)

만약 CSS만으로 해결되지 않는다면, JavaScript를 추가하여 TOC를 강제로 펼칠 수 있습니다.

<script>
    document.addEventListener("DOMContentLoaded", function() {
        let toc = document.getElementById("tocify");
        if (toc) {
            toc.style.display = "block";
        }
    });
    </script>

🔥 최종 확인 및 저장

• 변경한 내용을 저장합니다.
• 블로그를 새로고침하여 TOC가 정상적으로 펼쳐지는지 확인합니다.

🎯 결론

VTrick 테마에서 기본적으로 접혀 있는 TOC(목차)를 자동으로 펼치려면 CSS 설정을 변경하거나, JavaScript를 추가하면 됩니다. 위 방법을 적용하여 콘텐츠 가독성을 높이세요!