Yearly Archives 생성 (지옥만세 bouquins)

MovableType에서 연간 아카이브 목록을 뽑아내는 팁입니다. 이 페이지의 오른 쪽 메뉴를 보면, Yearly Archives 가 있습니다. 클릭 해 보면 연도별 아카이브 생성을 확인 할 수 있습니다. 실상 이곳처럼 어쩌다 블로깅하는 곳에서는 있으나마나지만, 끊임없이 포스팅을 멈추지 않는 곳에서는 퍽 유용하리라 생각합니다.

3가지 플러그인이 필요합니다.
ArchiveDateHeader.pl
archiveload.pl
archiveyear.pl
archiveload.pl 과 archiveyear.pl은 사이트가 닫힌 관계로 이곳에서 직접 다운 받으시면 됩니다. 마우스 오른쪽 버튼을 누르고 다른 이름으로 대상저장을 통해 다운 받으세요.

1. 위 3개의 플러그인을 mt/plugins 디렉토리에 업로드 합니다. 무버블 로그인후 바로 나타나는 화면에서 오른 쪽 메뉴를 보면 plugin이 있습니다. 그곳에 들어가서 오류 메시지 없이 제대로 플러그인 이름이 나타나는지 확인해 봅니다.

2. Templates >> Archives에서 Create new archive template을 누르고 Yearly Archives라는 제목의 새로운 템플릿을 생성합니다.

우선 자신의 Date-Based Archive 템플릿을 그대로 복사해서 Yearly Archives에 복사해 넣고 저장합니다. 차후에 바디부분의 템플릿만 바꿔 줍니다. (4에서 계속 설명합니다.)

3. 다음은 setting >> Publishing 으로 들어갑니다.
Archive Mapping에서 Create New Archive Mapping을 누르면 그림처럼 연두색 부분이 나옵니다. archive type: 을 Monthly 로 선택하고 template: 은 좀 전에 생성한 Yearly Archives를 선택합니다.

이제 Archives Mapping의 Monthly 부분에 Yearly Archives가 만들어 졌습니다. 출력될 파일형태를 정합니다. %y/index.html 여기까지 설정한 후 저장합니다.

위 그림처럼 됐다면 93% 정도는 끝난 것입니다.

4. 여기서부터는 템플릿 중에 수정해야 할 부분입니다.
2번으로 되돌아가서 Yearly Archives 템플릿을 열고 바디 부분을 아래처럼 바꿔 줍니다. 이곳의 사용하는 템플릿이니, 원하는 대로 수정하면 됩니다. 원래의 코드에서 <div id="alpha">...</div> 부분만을 아래로 대체하면 됩니다.

<div id="alpha">
<div id="alpha-inner" class="pkg">
       <div class="yearly-head">
            <MTArchiveYearPrevious>
                 <a href="<$MTArchiveDate format="/%Y/"$>"> « <$MTArchiveDate format="%Y"$>년
                         </a> | </MTArchiveYearPrevious> <MTArchiveDate format="%Y">년 - Archives (<$MTArchiveYearCount$>) <MTArchiveYearNext> | <a href="<$MTArchiveDate format="/%Y/"$>"> <$MTArchiveDate format="%Y"$>년 » </a> </MTArchiveYearNext>
         </div>

<MTArchiveYear order="descend" >
    <MTArchiveYearIfEntries>
        <div class="yearly-body">
            <MTArchiveLoad>
                 <div class="yearly-header">
               <a href="<$MTArchiveDate format="%m"$>"><$MTArchiveDate format="%Y년 %m월"$></a>
                 </div>

<MTEntries>
<div class="yearly-title"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></div>
     <div class="yearly-date">
<a href="<$MTEntryPermalink$>#comments"><$MTArchiveDate format="%Y. %m. %d. (%a)" $></a>
     </div>
</MTEntries>

                 </MTArchiveLoad>
             </div>
      </MTArchiveYearIfEntries>
</MTArchiveYear>

       </div>
</div>

5. 이 블로그의 오른쪽 메뉴처럼 나타내는 템플릿입니다. yearly archives 목록을 보여줄 곳에 다음을 넣어줍니다. Monthly Archives를 사용하고 있었다면 그 부분을 수정하면 되겠죠.

6. 제 블로그의 위 코드의 css부분입니다. 수정해서 써도 되고 귀찮으면 그대로 사용하면 됩니다.

.yearly-head {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:right;
font-weight:bold;
font-size:1.3em;
padding:5px 0;
color:#21718C;
}

.yearly-head a{
color:#D66163;
}

.yearly-head a:hover{
color:#9C1418;
}

.yearly-header {
margin-top:15px;
margin-bottom:3px;
font-size:1.2em;
font-weight:bold;
clear:both;
}

.yearly-header a{
color:#D66163;
}

.yearly-header a:hover{
color:#9C1418;
}

.yearly-title {
float:left;
line-height:1.8em;
clear:both;
font-size:1.1em;
font-weight:bold;
}

.yearly-title a{
color:#848284;
}

.yearly-title a:hover{
color:#21718C;
}

.yearly-date {
clear:right;
font-size:1.1em;
line-height:1.8em;
}

음 이것도 금방 끝나는 군요. 간단하게 뚝딱 만들어 낼 수 있습니다. 혹 질문이 있으면 코멘트를 이용해 주세요.