블로그스팟 | 테마 설정 초기화 방법
블로그스팟에서 테마를 변경할 때 기존에 사용하던 테마의 설정이나 레이아웃 요소들이 그대로 따라오는 경우가 종종 있습니다.
특히 위젯이나 사이드바 구조가 꼬이거나, 이전 테마의 코드가 잔존해 레이아웃에 영향을 주는 일이 발생하곤 합니다.
이럴 경우, 테마 편집에서 최소한의 설정만 적용한 상태로 초기화한 뒤, 새 테마 XML 파일을 업로드하면 보다 깔끔하게 테마를 설정할 수 있습니다.
이 글에서는 그 방법에 대해 안내하겠습니다.
테마 설정 초기화 방법
1. 테마 백업하기
먼저 현재 사용 중인 테마를 백업해둡니다.
테마 > 맞춤설정 > 백업 메뉴를 통해 현재 테마를 저장해두면, 문제가 생겼을 때 복구가 가능합니다.
2. 최소한의 테마 XML 적용
이제 테마의 설정을 초기화할 수 있는 최소한의 테마 코드를 적용합니다.
대시보드 > 테마 메뉴에서 맞춤설정 옆 ▼을 누르고 HTML 편집 모드로 아래 코드를 복사 붙여넣고 저장합니다.
아래의 코드는 기본 구조만 포함된 상태로, 업로드 시 기존의 복잡한 위젯 구조나 사용자 설정을 제거할 수 있습니다.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* 여기에 CSS 스타일을 추가하세요. */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='블로그 게시물' type='Blog'>
<b:includable id='main'>
<b:loop values='data:posts' var='post'>
<div class='post'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<div class='post-body'><data:post.body/></div>
</div>
</b:loop>
<b:include name='nextprev'/>
</b:includable>
</b:widget>
</b:section>
</body>
</html>
이 코드는 기본 HTML 구조와 스타일을 모두 제거한 매우 단순한 형태입니다.
이 상태에서 새로운 테마를 다시 업로드하면, 불필요한 설정이 따라오지 않고 원하는 테마의 순수한 구조만 적용됩니다.
3. 새로운 테마 적용
이제 원하는 테마의 XML 파일을 다시 업로드합니다.
테마 > 맞춤설정 > 복원 메뉴를 통해 새로운 테마를 적용하면 됩니다.
방법으로 새 테마를 적용하기 전에 간단한 초기화 과정을 거치면 기존 테마에서 남아있던 설정이나 위젯이 제거되고, 새로운 테마의 기본 레이아웃만 유지하여 더 깔끔하고 안정적인 테마 설정이 가능합니다.