name=”Shin”]どうも、Shin(@shulework)です。[/speech_bubble]皆さんはブログに、HTMLサイトマップを設定していますか?HTMLサイトマップとは・・・Webサイト内にあるコンテンツを一覧表示したもので、ユーザビリティを向上させます。設定していない方は、プラグインで簡単に設定できるのでこちらの記事を是非参考にしてみてください。Sitemap」の使い方を解説こちらのプラグインでHTMLサイトマップを設定する際に、スタイル(外観)を13種類から選んで設定できるので、今回はその13種類を図でご紹介します。お好みのスタイルを探してみてください。Sitemap「13種類のスタイル」1シンプルこちらは、その名の通りシンプルなデザインです。name=”Shin”]わかりやすくて良いですね![/speech_bubble]2シンプル2こちらは、シンプルなデザインになっています。name=”Shin”]「シンプル」と比べて若干見づらさがあるように思います。[/speech_bubble]3チェックリストこちらは、シンプルなデザインです。name=”Shin”]これといって特徴が無いスタイルですね。[/speech_bubble]4蛍光ペンこちらは、コンテンツに蛍光ペンで色がついているスタイルです。name=”Shin”]僕的には、見づらいので”ナシ”ですね。[/speech_bubble]5ドキュメントツリーこちらは、階層がわかりやすいスタイルです。name=”Shin”]タテの謎の線が無ければいいのですが・・・。[/speech_bubble]6付箋こちらは、階層が付箋で色分けされています。name=”Shin”]色分けされていてわかりやすいですね![/speech_bubble]7音符こちらは、かわいい音符アイコンがついたスタイルです。name=”Shin”]女性のブロガーやテイストがかわいい系のブログに合いそうですね![/speech_bubble]8矢印こちらは、矢印アイコンで階層をわかりやすく表しているスタイルです。name=”Shin”]シンプルでわかりやすいですね!ちなみに僕はこれにしています。[/speech_bubble]9ビジネスビジネス系のブログにはこちらがおすすめです。name=”Shin”]まとまった印象を持つので、わかりやすいですね![/speech_bubble]10索引こちらは、索引風のスタイルです。name=”Shin”]シンプルですが、少し違ったテイストにしたい方におすすめです。[/speech_bubble]11アーバンこちらは、アーバン(都会風)のスタイルです。name=”Shin”]スタイリッシュな見た目で良いですね![/speech_bubble]12アンダースコアこちらは、アンダースコア(下線符号)、空白に下線が書いてあるアイコンのスタイルです。name=”Shin”]階層がわかりやすくていいですね![/speech_bubble]13キューブこちらは、キューブアイコンを使ったスタイルです。name=”Shin”]いろんな種類があって迷っちゃいますよね。「シンプル」や「矢印」「ビジネス」などの、シンプルで見やすいスタイルにするのがおすすめです。ユーザビリティ(ユーザーの使用性)を向上させるためのものなので、見やすいほうが良いですからね。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。83、PV数1.5倍!筋ト...PROFILESHINフリーランス×メンズ美容メディア運営や事業開発をしている20代フリーランス。カッコイイ男を目指すための仕事術・メンズ美容術ついて発信しています。