HTML/자바스크립트 구성 지우는 방법
구글 블로그의 레이아웃에서 HTML/자바스크립트 구성을 지우는 방법에 대해 안내해 드리려고 합니다. 이유는 구글 블로그에서 돌아다니는 테마를 반영하였는데, 여기서 불필요한 부분을 지우고 싶기 때문입니다. 해당과 관련하여 기본적으로 알아야 할 사항은 구글 블로거의 위젯, 레이아웃 태그이며, 굳이 자세하게 알지 않더라도 어느 정도 유추 가능한 부분이 한 번 따라서 읽어보시면 될 것입니다. 그럼 이제부터 HTML/자바스크립트 구성을 제거하는 방법에 대해 안내해 드리겠습니다.
HTML/자바스크립트 구성
HTML/자바스크립트 구성이 되어 있을 때, 실제 테마는 어떻게 반영이 되어 있을까요? 답은 section 태그입니다. 사진을 잘 보시면 header-right라고 되어 있는데요, 실제로 블로그 테마에서 해당 아이디로 섹션이 존재한답니다. 이 부분은 아래에 다시 설명드릴 것입니다.
우선 다음으로 넘어가기 전에, 첫 째, 태그의 아이디를 기억해 주십시오. 둘 째, '제목'과 '콘텐츠'가 있다는 것을 기억해 주십시오.
HTML 구성 설정 이전
<header id='header-wrapper'>
<div id='container'>
<b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML7' locked='false' title='' type='HTML' version='1'>
<b:includable id='main'>
<h2 class='title'>
<data:title/>
</h2>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</header>테마에서 해당 부분을 검색하면 섹션이 있답니다. 잘 보시면 아까 HTML/자바스크립트 구성에서 확인하였던 위젯의 타이틀이 비어있고, 콘텐츠와 관련한 부분이 없다는 것을 알 수 있습니다.
HTML 타이틀, 콘텐츠 설정 이후
<header id='header-wrapper'>
<div id='container'>
<b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML7' locked='false' title='title name' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>content name</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<h2 class='title'>
<data:title/>
</h2>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</header>다시 돌아가서 HTML 구성을 수정하고 테마로 다시 들어가면 타이틀과 위젯 세팅으로 콘텐츠가 추가된 것을 확인할 수 있습니다. 참고로 이 부분은 구글 블로그 레이아웃 부분에서도 안내해드리고 있는 부분입니다. 필요 시 위젯 세팅을 추가하는 방향으로 수정해서 사용하시면 된답니다.