[Å] 【報告】ブログ全体を把握出来るように人が見てわかる「サイトマップ」を作成しました

[Å] 【報告】ブログ全体を把握出来るように人が見てわかる「サイトマップ」を作成しました!
Wireframes / INPIVIC

こんにちは、あかめ(@mk_mizuho)です❦ ブログの記事が多くなるとブログ内の過去の記事を探すのが大変かと思い、「サイトマップ」を作成しました。あるとないとではブログ全体の理解度が変わるのでは?っと作ってみて思いました。では何をやったかツラツラと紹介。

サイトマップ作ったよ!

サイトマップ

ホームページのナビゲーションバーからも確認できるようにしました▼

ホームページ サイトマップ

以下は私が設置した方法になります。ブログ書いてない人とか興味ないと思うのですっ飛ばしましょう。

設置方法をすっ飛ばして下までジャンプ▼

サイトマップとは

誰も一度は聞いたことはあるサイトマップ。そのサイトがどのような構成になっているのかを示すものですね。なのでこのサイト全体で何を書いているのかな?そんな疑問をサイトマップが解決してくれます。

サイトマップについて

サイトマップには2種類あります。コンピュータ用と人間用。

コンピュータ用
コンピュータがわかるような言語で書いた「xml」ファイルで作られたもの。

人間用
人が理解できるもの。つまりサイトを実際に見ている私たちが目で見てわかるもの。

この2種類はどちらもサイトマップ。その中でも今回紹介するのは「人間用サイトマップ」。これを作ればブログ全体を理解しすい、検索しやすいかな…と思って作ってみました。

迷った挙げ句選んだ方法は…

調べてみると「プラグインを使わない方法」と「使う方法」の2種類があった。

プラグインを使わずに「見る」サイトマップを導入する方法 | WordPressデザインブック買っ…てしまった その3

うんうん、プラグイン使わないで出来ちゃうのか。これはかなりの魅力的。実際に試してみたんだけど、知識不足でこれを使うのは見送りました(詳しい理由は後述)。

ということで私が頼ったのは「Sitemap Generator」っていうプラグイン。

「Sitemap Generator」を導入

「Sitemap Generator」をダウンロード▼

ダウンロード→解凍でFTPで「wp-content/plugins」フォルダに入れたらWordPressでプラグインを有効化▼

Sitemap Generator

名前が「Dagon Design Sitemap Generator」になっているの注意。

「Sitemap Generator」の設定

「設定」のところに新たに「DDSitemapGen」ができる▼

DDSitemapGen

英語表記を変更。言語を「Japanease」に変更▼

Japanease

XML Sitemapのプラグインを使用している方は「XML Sitemapのファイル」のパスをここに記入▼

Sitemapxml

日付のフォーマットも「2012-01-01」という表記になるように変更▼

日付フォーマット

参照:PHP: date – Manual

そうするとこんな感じになった▼

サイトマップ修正前

うーん。見やすいとはお世辞でもちょっと言いづらい表示に。。。Σ(゚д゚lll)ガーン

サイトマップデザインをちょっと修正

少しスタイルシートを付け加えてデザインを調整▼

サイトマップ修正後

最初よりかは見やすくなったかな?phpとかガツガツ触れたらもっと素敵な見やすい綺麗なサイトマップ作れるんだろうけど、私には無理。。

プラグインに任せていること

サイトマップに表示する記事のソート

記事のソート

ページ番号の表示

ページ番号

あっこの設定は意味ないんだった。なぜかという私は全記事を1ページに表示させる方法を採用しているからなのです。私みたいに記事が少ない人は1ページにザザザっと表示させても良いかもだけど、中には分けたいって人もいると思うのでそういう方はここの機能を使ってみて下さい。

ページを1ページにザザザっと表示させる

数字のところに「0」にする▼

1ページの表示数

プラグインに任せている部分は以上。このあたりがプラグインなしの方法じゃわからなかったのだ。phpやらなんやらを弄ったら対応可能なんだよね。でも私にはわからなくて…プラグインを使わない方法魅了だったのに…残念。いつかは使えるようになりたいな。うんうん。がんばろ。

さいごに

サイトマップどうでしょうか?記事を書いていると最新のものはわりとすぐに見つけやすいけど、過去のものを見ようとすると意外と大変だったり。自分でもそういうことがあるので読む人はもっとブログ内容を理解しにくく、使いづらいのではと思いこの度作成。見やすいかはわかりませんが、何かのお役に立てれば嬉しいです。それでは今後とも当ブログ、そしてあかめ(@mk_mizuhoをよろしくお願いします。

≫プラグインを導入される方
スタイルシートのことも書こうと思いましたが見せる程のものでもないと思ったのでこの度公開はスルー致しました。アップデートする度に元ファイルが変わったりするかもしれないので触ったのはCSSだけです。もっと便利で楽にサイトマップが作れる方法あるのかな。何かオススメの方法あれば教えてください。では。あかめ(@mk_mizuhoでした。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

[Å] 【報告】ブログ全体を把握出来るように人が見てわかるサイトマップを作成しました!
プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼