MENU

WP-dTree*SiteMap

WP-dTreeは、サイトのカテゴリー、アーカイブ、ページ一覧をAjaxで表示するサイトマッププラグインです。

目次

WP-dTreeプラグインのダウンロード

こちらのサイトから、WP-dTreeをダウンロードする。
※この時、同じサイトのここから、このプラグインもダウンロードすると、応用の幅が広がる。
ただし、.htaccessがWordPress側で自動で書き換えられる環境でないと動作しないみたいです。
.htaccessのパーミッションを書き換え可能に設定すればOK

ファイルをPluginフォルダへ入れて、Upload。

ダウンロードしたフォルダを解凍し、プラグインフォルダに入れてアップロードし、プラグインを有効にする。

WP-dTreeの設定

管理画面にログインし、WP-dTreeは表示のところに設定があるので、そこで設定する。

テーマファイルの作成

私の場合、Sitemap.phpを作り、テーマファイルに入れた。
それぞれ、ヘッダー、サイドバー、フッターをインクルードし、中身にはまず、一行目に

[php][/php]

次に、ヘッダーをインクルードする構文を書く。

[php][/php]

次にコンテンツの中身を書く。
※ここがWP-dTreeを表示する部分になります。
※ここは、使用しているテーマによってXHTMLの構成が変わりますので、必ずindex.phpなどを開いて、以下の構文を囲むDIVタグを見ておくこと。
これをしないと、サイトマップのページのレイアウトが崩れます。

[php]

Displaying categories:

Displaying pages:

[/php]

次にサイドバーとフッターのタグをインクルードする。

[php]

[/php]

以上。

保存し、アップロードする。

4.で設定したファイルをSitemap.phpとして、使用しているテーマフォルダの中に入れてアップロードする。

WordPressの管理画面からのページの作成する。

管理画面にログインし、「投稿⇒ページの作成」
タイトルは「Sitemap」とし、中身は書かない。
右サイドバーから「ページのテンプレート」からSitemapと出ているのを確認し、選択する。
右サイドバーの「投稿スラッグ」を「Sitemaps」と記入し、ページを保存する。
※GoogleMapのプラグインを入れている場合は、「投稿スラッグ」をsitemapにすると反映されないみたいです。
何かで被るため?(推測)
なので、「投稿スラッグ」を「Sitemaps」にしました。

反映されているか確認する。

管理画面の表示にWP-dtreeの設定ができます。
そこで「Scriptaculous Effects」にチェックを入れる場合は、必ず同じサイトのWP-Scriptaculous version 1.6.1を導入してプラグインを有効にしてください。
でないと、動作しないみたいです。

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

WordPress Love! 休日はほぼWordPress仲間と一緒に勉強会や写真を撮りに行っています。現在育児中のため、オフが多いです(>△<<<)

コメント

コメント一覧 (3件)

  • 聞いといてお返事遅れましてスミマセン。

    ありがとうございました。
    再度、チャレンジしてみます。
    また、何かありましたら宜しくお願いします。

    とても親切にして頂き、ありがとうございました。

  • 先ほど質問した石川ですが、最後まで入っていなかったので、サイド質問します。

    こちらで紹介頂いた方法で、すべてコピペさせていただいて、あとは、ヘッダー・サイド・フッターのインクルードをしたのですが、コピペしたPHPソースがすべてそのままのPHPソースのままで表示されてしまい、こちらの稼動ページのようにするにはどうしたらいいのか教えてください。

    なにしろPHPもままならない初心者なのでおかしなことをお聞きしているようでしたらもうしわけありません。お時間のある時にでもお返事頂ければと思います。宜しくお願いします。

  • こんにちは。
    はじめまして。石川と申します。

    早速ですが、教えていただきたく思い、
    コメントしてみました。

    このSitemapのプラグインを取り入れてみましたが、
    どうしてもうまくいきません。

    をコピペしてその下にヘッダーのインクルードして

    Displaying categories:

    Displaying pages:

    をコピペしてその下に サイドとフッターのインクルードをしたのですが、
    このままの

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次