메인에 카테고리 형태로 글을 뽑아오는 방법입니다.

조금씩 배우면서 끄적거리는거라 많이 조잡합니다.
많은 조언 부탁 드립니다.

아래 내용을 메인에 노출 시킬 영역에 추가하면 됩니다.
카테고리 개수는 소스 수정을 통해 조절 가능하며, 각 카테고리 기준 임의아이디가 중복되어선 안됩니다.

<div class="main-tab tab-latest-text-padding margin-bottom-20">
<div class="tab-e2">
<ul class="nav nav-tabs">
<li class="active"><a href="#main-tlt-1" data-toggle="tab">카테고리1</a></li>
<li><a href="#main-tlt-2" data-toggle="tab">카테고리2</a></li>
<li class="last"><a href="#main-tlt-3" data-toggle="tab">카테고리3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="main-tlt-1">
<div style="height:5px;">&nbsp;</div>
<div class="widget-box">
<?php echo apms_widget('사용할 위젯', $wid.'임의아이디', 'icon={아이콘:caret-right}'); ?>
</div>
</div>
<div class="tab-pane fade in" id="main-tlt-2">
<div style="height:5px;">&nbsp;</div>
<div class="widget-box">
<?php echo apms_widget('사용할 위젯', $wid.'임의아이디', 'icon={아이콘:caret-right}'); ?>
</div>
</div>
<div class="tab-pane fade in" id="main-tlt-2">
<div style="height:5px;">&nbsp;</div>
<div class="widget-box">
<?php echo apms_widget('사용할 위젯', $wid.'임의아이디', 'icon={아이콘:caret-right}'); ?>
</div>
</div>
</div>
</div>
</div>

더 이쁘고 깔끔한 방법 있으면 조언 부탁 드립니다.