2013年03月15日

サイトマップの設置

サイトマップ.PNG
数日前から取り組んでたセグウェイ事業部のサイトマップ設置が、本日3/15のお昼すぎに完了しました。
まだ設置してなかったんです(^^;;

googleで「MT  作成 サイトマップ」検索すると、
通常サイトマップと言うとsitemap.xmlファイルの事が沢山出てきますが、html形式は中々に見つからず、参照ページをようやく見つけてで自動生成(tree形式)になる様にしました。

参考ページはこちら
http://www.kys-lab.com/sasaki/2008/04/mt-1.php

インデックステンプレート編集.PNGインデックス.PNG
この参照ページの先のリンクから下記のこれらをMTOSの[テンプレートモジュール]に「sitemap」と名前を付けて保存
  1. <MTIfArchiveTypeEnabled archive_type="Category">
  2. <div class="module-categories module">
  3. <div class="module-categories module">
  4. <h2 class="module-header">サイトマップ</h2>
  5. <div class="module-content">
  6. <ul class="tree">
  7. <li><a href="<$MTBlogURL$>" title="<$MTBlogDescription$>">Home</a></li>
  8. <li><MTTopLevelCategories>
  9. <MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst>
  10. <li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
  11. <ul>
  12. <MTEntries>
  13. <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
  14. </MTEntries>
  15. </ul>
  16. <MTSubCatsRecurse>
  17. </li>
  18. <MTSubCatIsLast></ul></MTSubCatIsLast>
  19. </MTTopLevelCategories></li>
  20. <li><a href="<$MTBlogURL$>sitemap.html" title="サイトマップ">サイトマップ</a></li>
  21. </ul>
  22. </div>
  23. </div>
  24. </MTIfArchiveTypeEnabled>

テンプレート編集.PNGテンプレート.PNG
続いて、既存のテンプレートモジュール[メインページ]をのコピーから少々イジって「sitemap.html」と名前を付けて保存。
他のアーカイブテンプレートも表示させたい所をイジって保存。

肝心のスタイルは下記のモノをstyle.cssに追加して終了。
li.giful.gifこの左の画像も必要な場所に保存。

  1. @charset "utf-8";
  2. /* CSS Document */
  3. #alpha .tree ul {
  4. padding:0;
  5. margin:0;
  6. background-position: -9px 15px;
  7. background-image: url('../../img/tree/ul.gif');
  8. background-repeat: repeat-y
  9. }
  10. #alpha .tree li {
  11. font-size: 1em;
  12. font-weight:bold;
  13. margin: 0px;
  14. padding: 3px 0 3px 24px;
  15. list-style-type: none;
  16. background-image:none;
  17. }
  18. #alpha .tree ul ul {
  19. background-position: -1px 15px;
  20. background-image: url('../../img/tree/ul.gif');
  21. background-repeat: repeat-y;
  22. }
  23. #alpha .tree ul li {
  24. background-position: 0px 7px;
  25. background-image: url('../../img/tree/li.gif');
  26. background-repeat: no-repeat;
  27. }
  28. #alpha .tree ul ul li,#alpha .tree ul ul ul li {
  29. background-position: 8px 7px;
  30. background-image: url('../../img/tree/li.gif');
  31. background-repeat: no-repeat;
  32. padding: 3px 0 3px 30px;
  33. }
当社(セグウェイ)のサイトマップはこちら
http://segway.takebekikai.jp/sitemap.html

posted by takebe at 20:33 | Comment(0) | TrackBack(0) | PC関係のアレコレ?
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/63731789
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック