Xây dựng Sitemap HTML cho wordpress

Mỗi website thường phải có sitemap xml và sitemap html để tiện lợi cho tìm kiếm cũng như người dùng nắm được tất cả các thành phần, chuyên nục bài viết trong site chúng ta. Hôm may mình sẽ hướng dẫn các bạn sử dụng page template trong wordpress để tạo sitemap HTML.

Page trong wordpress thường được sử dụng cho các trang riêng biệt, không liên quan đến chuyên mục hay lĩnh vực, chủ đề của website, ví dụ như: trang liên hệ, trang giới thiệu và sitemap (bản đồ website).

Page template là một khuôn mẫu cho page bạn sẽ qui định giao điện, tính năng và khi tạo page trong admin để sử dụng thì bạn sẽ kế thừa page template này.

Tạo sitemap HTML trong wordpress

Bạn vào thư mục gốc của theme tạo file template-sitemap.php sau đó mở lên bằng notepad ta gõ vào.

<!--
<?php
/*
     Template Name: SiteMap
*/
?>
-->

Đặt tên cho template tên này sẽ xuất hiện khi chúng ta chọn để khi sử dụng, nên đặt gợi nhớ.

Tiếp đến bạn sẽ tạo khung như các trang khác, tức là các div layout như trang index chỉ khác nội dung trong div content.

Sau khi tạo xong bạn vào div content gõ đoạn code sau vào.

<!--
<div id="content" class="grid_8">		
<?php the_post(); ?>
	<div id="post-<?php the_ID(); ?>" class="sitemap">
		<h1 class="entry-title"><?php the_title(); ?></h1>
		<div class="entry">
			<h2>
				Bài viết:
			</h2>
			<ul>
				<?php
				$myposts = get_posts('numberposts=-1&');
				foreach($myposts as $post) : ?>
					<li><?php the_time('m/d/y') ?>: <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
				<?php endforeach; ?>
			</ul>
			<h3><?php _e('Danh mục', 'bcdonline'); ?>:</h3>
			<ul>
				<?php wp_list_categories('title_li='); ?>
			</ul>
			<h3><?php _e('Tháng', 'bcdonline'); ?>:</h3>
			<ul>
				<?php wp_get_archives('type=monthly'); ?>
			</ul>
		</div>
	</div>
</div>
-->

Đoạn code trên cho ta sitemap về bài viết, chuyên mục mà post theo hàng tháng. Đấy là các hàm viết được hỗ trợ trong framework của wordpress nên chỉ khi xài wordpres mới sử dụng được và hiển nhiên tạm thời các bạn nên chấp nhận nó.

Sau khi thực hiện xong các bước đó bạn save lại và đăng nhập vào trang quản trị của site wordpress. Tạo mới page.

Tao page sitemap  trong wordpress

Tạo page sitemap trong wordpress

Bạn nhập tiêu đề là sitemap sau đó nhìn bên phải mục Attributes chọn template là sitemap. Publish lên gõ vào địa chỉ http://urlsite/sitemap bạn sẽ thấy được sitemap HTML mình vừa tạo.

Chon page template sitemap

Chọn page template sitemap

Bạn kết hợp với bài menu trong wordpress để mang page ra ngoài menu hiển thị cho người dùng xem.

Đây là kết quả mà mình làm được: bcdOnline.net SiteMap HTML.

Kết luận: Việc bây giờ là dùng css định dạng là trang sitemap của mình cho OK nha! Chúc thành công.

VN:F [1.9.22_1171]
Rating: 9.3/10 (8 votes cast)
Xây dựng Sitemap HTML cho wordpress, 9.3 out of 10 based on 8 ratings
Share This