「PS Auto Sitemap」と並んで使いやすいサイトマップ「WP Sitemap Page」の使い方とソート方法などです。
「PS Auto Sitemap」は長期間更新されておらず、ダウンロード不可、プラグイン検索でも探せなくなっている為、
インストール
プラグイン名:WP Sitemap Page
管理画面のプラグインから検索し、インストール
設定
「設定」→「WP Sitemap Page」
表示方法
初期設定では 記事タイトルだけが表示され、その記事へのリンクが貼られます。
記事のタイトル | {title} |
---|---|
記事のURL | {permalink} |
記事の投稿年,例(2004) | {year} |
記事の投稿月,例(05) | {monthnum} |
記事の投稿日,例(28) | {day} |
記事の投稿時,例(15) | {hour} |
記事の投稿分,例(43) | {minute} |
記事の投稿秒,例(33) | {second} |
記事のユニークID,例(423) | {post_id} |
カテゴリー | {category} |
例 記事作成日を追加する
<a href=”{permalink}”>{title}-{year}/{monthnum}/{day}:</a>
結果
除外設定
例 XXX,XXX,XXX
記事ユニークIDを記述。複数の場合は半角カンマ(,)で区切る。
ユニークIDとは?
パーマリンクに「post_id」を入れている場合は、公開記事のアドレスの数字部分
出力方法
サイトマップ用の固定ページ(記事でも可能)を作成し、ショートコードを貼ります。
設定画面の「使い方」タブにサンプルコードがあります。
タグだけや、著者だけ出力する事なども可能。
投稿ページ・カテゴリー別 | [wp_sitemap_page] |
---|---|
上記の見出しなし | [wp_sitemap_page display_title=”false”] |
投稿ページのみ | [wp_sitemap_page only=”post”] |
固定ページのみ | [wp_sitemap_page only=”page”] |
カテゴリーのみ | [wp_sitemap_page only=”category”] |
タグのみ | [wp_sitemap_page only=”tag”] |
アーカイブのみ | [wp_sitemap_page only=”archive”] |
著者のみ | [wp_sitemap_page only=”author”] |
表示例
[wp_sitemap_page] | [wp_sitemap_page display_title=”false”] |
---|---|
一般的なサイトマップ(個別記事一覧・投稿記事一覧)で良ければ上記サンプルの通りです。
それ以外の並び順や表示したい項目があれば、必要なショートコードを好きな順に並べて複数記述すればOKです。
表示・ソート方法
ソートは sort=”menu_order” sort=”count” sort=”post_name”など、好みの並びで表示可能です。
記事ID順 | sort=”ID” |
---|---|
投稿日順 | sort=”post_date” |
更新日順 | sort=”post_modified” |
タイトルの降順 | sort=”post_title” |
タイトルの昇順 | sort=”post_title order=”ASC” |
昇順 | order=”ASC” |
降順 | order=”DESC” |
「Category:」という文言を非表示 | display_category_title_wording=”false” |
表示例
「Category:」という文言を非表示にした例
[wp_sitemap_page only=”post”] | [wp_sitemap_page only=”post” display_category_title_wording=”false”] |
---|---|
カスタマイズ
ソースコードサンプル
生成されるサイトマップのソースから、対応するクラス名でCSSに記述すればリストのデザイン変更などが可能です。
<div class="wsp-container">
<h2 class="wsp-posts-title">カテゴリーごとの投稿</h2>
<ul class="wsp-posts-list">
<li><strong class="wsp-category-title"><a href="https://XXXX/xxxx">カテゴリー名</a></strong>
<ul class="wsp-posts-list">
<li class="wsp-post"><a href="https://XXXX/xxxx">記事タイトル</a></li>
<li class="wsp-post"><a href="https://XXXX/xxxx">記事タイトル</a></li>
<li class="wsp-post"><a href="https://XXXX/xxxx">記事タイトル</a></li>
</ul></li>
</div>
<div class="wsp-container">
<h2 class="wsp-pages-title">ページ</h2>
<ul class="wsp-pages-list">
<li class="page_item page-item-XX"><a href="https://XXXX/xxxx">記事タイトル</a></li>
<li class="page_item page-item-XX"><a href="https://XXXX/xxxx">記事タイトル</a></li>
<li class="page_item page-item-XX"><a href="https://XXXX/xxxx">記事タイトル</a></li>
<li class="page_item page-item-XX"><a href="https://XXXX/xxxx">記事タイトル</a></li>
</ul>
</div>
領域<div> | .wsp-container |
タイトル<h2> | h2 .wsp-posts-title |
固定ページ<ul> | .wsp-posts-list |
固定ページ<li> | .wsp-post |
投稿記事<ul> | .wsp-pages-list |
投稿記事<li> | .page_item |
リストのカスタマイズサンプルは以下も参考にして下さい。
コメント