HTMLサイトマッププラグイン「PS Auto Sitemap」13種類のスタイルからお好みのスタイルを選ぼう

Shin
どうも、Shin(@shulework)です。

 

皆さんはブログに、HTMLサイトマップを設定していますか?

HTMLサイトマップとは・・・

Webサイト内にあるコンテンツを一覧表示したもので、ユーザビリティを向上させます。

まだ設定していない方は、
プラグインで簡単に設定できるのでこちらの記事を是非参考にしてみてください。

HTMLサイトマップを簡単設定!「PS Auto Sitemap」の使い方を解説

 

こちらのプラグインでHTMLサイトマップを設定する際に、
スタイル(外観)を13種類から選んで設定できるので、今回はその13種類を図でご紹介します。

お好みのスタイルを探してみてください。

PS Auto Sitemap「13種類のスタイル」

①シンプル

こちらは、その名の通りシンプルなデザインです。

Shin
わかりやすくて良いですね!

 

②シンプル2

こちらは、シンプルなデザインになっています。

Shin
「シンプル」と比べて若干見づらさがあるように思います。

 

③チェックリスト

こちらは、シンプルなデザインです。

Shin
これといって特徴が無いスタイルですね。

 

④蛍光ペン

こちらは、コンテンツに蛍光ペンで色がついているスタイルです。

Shin
僕的には、見づらいので”ナシ”ですね。

 

⑤ドキュメントツリー

こちらは、階層がわかりやすいスタイルです。

Shin
タテの謎の線が無ければいいのですが・・・。

 

⑥付箋

こちらは、階層が付箋で色分けされています。

Shin
色分けされていてわかりやすいですね!

 

⑦音符

こちらは、かわいい音符アイコンがついたスタイルです。

Shin
女性のブロガーやテイストがかわいい系のブログに合いそうですね!

 

⑧矢印

こちらは、矢印アイコンで階層をわかりやすく表しているスタイルです。

Shin
シンプルでわかりやすいですね!ちなみに僕はこれにしています。

 

⑨ビジネス

ビジネス系のブログにはこちらがおすすめです。

Shin
まとまった印象を持つので、わかりやすいですね!

 

⑩索引

こちらは、索引風のスタイルです。

Shin
シンプルですが、少し違ったテイストにしたい方におすすめです。

 

⑪アーバン

こちらは、アーバン(都会風)のスタイルです。

Shin
スタイリッシュな見た目で良いですね!

 

⑫アンダースコア

こちらは、アンダースコア(下線符号)、空白に下線が書いてあるアイコンのスタイルです。

Shin
階層がわかりやすくていいですね!

 

⑬キューブ

こちらは、キューブアイコンを使ったスタイルです。

Shin
かわいいキューブアイコンが男心をくすぐりますね!

最後に

いかがだったでしょうか?

Shin
いろんな種類があって迷っちゃいますよね。

 

もし迷って決められないのであれば、
「シンプル」や「矢印」「ビジネス」などの、シンプルで見やすいスタイルにするのがおすすめです。

あくまで、ユーザビリティ(ユーザーの使用性)を向上させるためのものなので、見やすいほうが良いですからね。

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA