ابتدا به قسمت Templates از منوی Design در قسمت مدیریتی مووبل تایپ بروید.

در این قسمت بر روی Archive Index کلیک کنید.

هم اکنون صفحه ای پیش روی شماست که شامل کدهای قسمت آرشیو سایت شماست. در این قسمت بایستی تگ و محتویاتش را به همراه تگ پیدا کنید و با کدهای زیر جایگزین کنید:

<div class="archive-monthly archive-date-based archive">
    <ul>
        <MTArchiveList archive_type="Monthly">
            <h3 class="archive-header"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></h3>
            <ul>
                <MTEntries>
                    <li class="archive-list-item"><a href="<MTEntryPermalink archive_type="Individual">" title="<MTEntryExcerpt>"><MTEntryTitle></a></li>
                </MTEntries>
            </ul>
        </MTArchiveList>
    </ul>
</div>

کدهای زیر را نیز به استایل صفحه خود اضافه نمایید:

.archive-header {
	border-bottom: 1px solid #ddd;
}
.archive-header a {
	text-decoration: none;
}
.archive-list-item {
	list-style: none;
}
.archive-list-item a{
	text-decoration: none;
}

صفحات استایل و آرشیو سایت خود را بازسازی نمایید و نتایج را مشاهده کنید.

دقت داشته باشید که بسته به سلیقه و سبک طراحی خود، می‌توانید کدهای فوق را تغییر دهید و صفحه آرشیو سایت خود را طراحی نمایید.

این مقاله ترجمه ای آزاد از مقاله «Archive Page with Month and Entry List» می باشد. در صورت استفاده از مطالب این مقاله، حق نشر مطالب را رعایت نمایید.