サイドバーで自動出力させているリンクテキストで現在ページだけ色替えをしたい 【解決済み】

[modxfan]

Dittoの使い方は他の人が詳しいかも？また何か方法思いついたら連絡しますね

有難う御座います。
そうですか、このご回答ということは、やり方は間違っていなかったということだと理解いたしました。
そして、yama様でもできないとなると理由は解りませんが相当な難問なんだと理解致しました。
あきらめようかと思います。

[yama]

いえ、もう少しスマートな方法がないかなと思ったので。Dittoのオプションでありそうな気がしますので、今度調べてみます

[modxfan]

いえ、もう少しスマートな方法がないかなと思ったので。Dittoのオプションでありそうな気がしますので、今度調べてみます

なるほど、そういうことでしたか。Dittoのオプションですか。私もネットで探してみます。
有難う御座います。

[modxfan]

Dittoのオプションでおこなう方法は、当方のネット検索テクニックでは見つけられず、
なのでもう一度、ご案内いただいた内容を読みながら色々とやってみているのですが、もしかしてもう少しでいけそうな状態になっている？？のでしょうか。
という状態に遭遇してしまいました。あとは現在地のハイライト機能がなってくれればいいのですが、そこだけならず、
サイトバーのリンク群は全ページ分正常に表示されました。
どこかいじるとうまくいったりしないでしょうか？
以下、ソースです。

●phx:isActive
もしかして、教えていただいたままの「active」はそのまま使うわけではなく、いじるのか？と思い、
「' class="active"'」というふうに、差し込みしたいソースを全て入れてみました。

コード: 全て選択

<?php
if($output==$modx->documentObject['id']) return ' class="active"';
?>

●HTMLソース
&tplの中身を色々いじってみました。そうかこういうふうにアレンジすればいいのか、という感じはつかめたのですが、
「href="[+url+]"」と書いている状態ではうまくいかず・・・

コード: 全て選択

[!Ditto? &parents=`44` &display=`30` &tpl=`@CODE:<li[+id:isActive+]><a href="[+url+]" title="[+pagetitle+]" [+type:別窓+]>[+menutitle+]</a></li>` &paginate=`0` &paginateAlwaysShowLinks=`0` &dateSource=`pub_date` &id=`sbar_traininglist` &orderBy=`pub_date ASC` &hideFolders=`1` &depth=`3`!]

このようにしたところ、サイドバーのリンク群は全て正常に表示されたところまでは良かったのですが、
本件を取り組む前と全く同じ状態にしかなりませんでした。現在開いているページが「イベント２」としたら、
「イベント２」のページがハイライトされず、現在のページではないページと同じ普通のマウスオーバーしていない状態に
なっているだけです。

●ブラウザの「ソースの表示」で記載されているHTMLソース

コード: 全て選択

<ul>
<li><a href="http://mysite.jp/event/01.html" title="イベント１" >イベント１</a></li>
<li><a href="http://mysite.jp/event/02.html" title="イベント２" >イベント２</a></li>
<li><a href="http://mysite.jp/event/03.html" title="イベント３" >イベント３</a></li>
</ul>

なぜかわからないですが、例えばイベント２のページを開いているとしたら、
イベント２のテキストリンクのところだけが、
<li class="active"><a href="http://mysite.jp/event/02.html" title="イベント２" >イベント２</a></li>
というように、「 class="active"」と挿入されて欲しいのですが、されてくれません・・・

<?php
if($output==$modx->documentObject['id']) return ' class="active"';
?>
というphxのソースの意味は、
「もし今開いているページと同じページIDだったら、『 class="active"』という文字列を、指定した挿入場所に挿入しなさいよ」
という意味なのかと思っていたのですが・・・
ウーン・・・もう少しまで来ているような気がするのですが。。

[modxfan]

なぜかわかりませんが一部出来ましたが、以下の二つが課題です。


(1) カテゴリートップページを開いたときだけ、このハイライト機能が機能してくれない。機能させるには？

サイドバーのテキストリンク群の各それぞれのページを開いたときは、ばっちりハイライトされています。
イベント３を開くと、イベント３のテキストリンクだけ<li class="active">と出力されてくれています。
しかし、このイベントのカテゴリのトップページを開いたときは、ASCなので一番古い記事を開くようにしていますが、
この場合のみ、<li class="active">になってくれず、<li>になってしまいます。
「一番古い記事の場合」に<li class="active">にせよ、
というのでは本件の場合しか当てはまらなくなるのでそうではなく、
「このカテゴリのトップページの場合」、<li class="active">にせよ、という命令記述が出したいところだったので、
[!Ditto? &startId=`44` &parents=`44`
とかやってみたのですが変わらずで・・・


(2) この記述はバージョンアップに耐えうる記述になっているでしょうか？

先日、バージョンが古いからこの書き方ではダメかな、とおっしゃっておられたので
気になるのですが、以下の記載方法は当方のバージョンである1.0.5J-r7 ではできるものの、
この頃のバージョンでは出来ないのでしょうか？
もしそうならば、バージョンアップしようがしまいが機能する書き方か、
もしくはバージョンに相当差が出ない間は使えるような書き方に変更しなければなりません。

バージョンアップするとこれまで機能していたものが機能しなくなる、ということが一番恐ろしく思います。
バージョンアップしたら今回のサイドバーが表示されなるとか、そういうことが会社サイト運営としては一番恐ろしいので・・・



それでは以下ソースです。

●スニペット・・・phx:isActive

コード: 全て選択

<?php
if($output==$modx->documentObject['id']) return ' class="active"';
?>

●HTMLソース

コード: 全て選択

<ul>
[!Ditto? &parents=`44` &display=`30` &tpl=`@CODE:<li[+id:isActive+]><a href="[+url+]" title="[+pagetitle+]" [+type:別窓+]>[+menutitle+]</a></li>` &paginate=`0` &paginateAlwaysShowLinks=`0` &dateSource=`pub_date` &id=`sbar_event` &orderBy=`pub_date ASC` &hideFolders=`1` &depth=`3`!]
</ul>

何卒宜しくお願い申し上げます。

[modxfan]

&hideFolders=`1`
というのがいけないのか？と思い、
&hideFolders=`0`
にしてもみましたが現象変わらずでした・・・。
カテゴリトップページを開いても、サイドバーの一番上に掲載している「イベント１」はハイライトされません。


そして、もうひとつのMODXサイトでもやってみました。
こちらの方は、記事の古い順にとかではなく、また、カテゴリトップページも作成しております。
この場合、サイドバーに出力したいのは、フォルダ（親リソース）とそれに所属した各ページです。
親リソースが一番上で、その下に続けてクリエイト順に並ばせたいです。
こちらのサイトでも、&hideFolders=`0`にしてみましたが、現象変わらずで、
親リソースが出力されません。
出力されないのでハイライトをしようにもできません・・・。

[aki]

最初の投稿を読ませていただきましたが、
要するに「今現在開いているページ（カレントドキュメント）」では、「（そのページへの）リンクテキストの装飾を変更したい」
ということでしょうか？

Dittoのスニペットコールの中で「tplCurrentDocument」を使用するのはどうでしょう。
こんな感じです。

コード: 全て選択

<ul>
[[Ditto? &parents=`**` &orderBy=`**` &tpl=`nav_usual` &tplCurrentDocument=`nav_current`]]
</ul>

普通のリンクにするチャンク（nav_usual）は、以下のように。

コード: 全て選択

<li><a href="[~[+id+]~]">[+longtitle+]</a></li>

カレントドキュメントのときのチャンク（nav_current）は、こんな感じで。

コード: 全て選択

<li class="current"><a href="[~[+id+]~]">[+longtitle+]</a></li>

Dittoは「2.1.4r1」、MODXは「1.0.8J」の使用でカレントのときは、class名の付いたテンプレートの方が出力されています。
的外れな回答だったら申し訳ありません。

[modxfan]

aki様、感謝致します。
tplCurrentDocumentというものがあるのですか。
なるほど、テンプレートを切り替えるってわけですね。ちょっとやってみます。また追記いたしますので。

追記。
やってみました。
が、phxを使う方法と同じようです。
カテゴリトップページ、つまり親リソース（親フォルダ）のページがサイドバーのリンク群に出力されていませんし、
このページURL入力して開いても、ハイライトされておりませんでした。とても残念です。
当方の記述の誤った点を是非ご指摘ください。
以下、おこなったソースです。

●HTMLソース

コード: 全て選択

<ul>
[!Ditto? &hideFolders=`0` &parents=`49` &display=`30` &tpl=`Nv-Sbar_Usual` &tplCurrentDocument=`Nv-Sbar_Current` &paginate=`0` &paginateAlwaysShowLinks=`0` &dateSource=`pub_date` &id=`sbar_list` &orderBy=`pub_date ASC` &depth=`3`!]
</ul>

●チャンク・・・Nv-Sbar_Usual

コード: 全て選択

<li><a href="[+url+]" title="[+pagetitle+]" [+type:別窓+]>[+menutitle+]</a></li>

●チャンク・・・Nv-Sbar_Current

コード: 全て選択

<li class="active"><a href="[+url+]" title="[+pagetitle+]" [+type:別窓+]>[+menutitle+]</a></li>

[aki]

※2013/2/27 0:46追記
ちょっと読み飛ばしていた部分があったので内容を編集しました。

例えば、以下のような構成のサイトになっているとします。

Root
┣【トップページ】（ID:1）
┣【イベント】（ID:2）＜-------------------- 一番古いイベントを自動表示
┃├ イベント2月20日（ID:14）
┃├ イベント2月16日（ID:13）
┃├ イベント2月08日（ID:12）
┃├ イベント2月03日（ID:11）
┃└ イベント1月23日（ID:10）
┣【製品案内】（ID:3）
┗【会社概要】（ID:4）

●隅付き括弧（【】のもの）は、フォルダ（ページ設定で「コンテナとして扱う」にチェックが入っている）

＜＜ 確認 ＞＞
最初の投稿に、イベントトップを開いたとき、「一番古いイベントを自動で表示」と書かれていますが、
イベントトップ（ID:2）にアクセスしたら、上記のような構成の場合、自動的に1月23日（ID:10）のページに
ジャンプするという意味でしょうか？
※例えば、イベントトップで「phiRedirect」や「FirstChildRedirect」といったスニペットを使用している？


もし、そうだとしますと、サイドバーでハイライトなど表示が変更されるべきなのは、

・イベントトップにアクセス ＞＞ イベント1月23日（が表示されるのだから、ここをハイライト）
・イベント2月20日にアクセス ＞＞ イベント2月20日
～以下、個別のイベントページは同様～
・イベント1月23日にアクセス ＞＞ イベント1月23日

ということですよね？


デモサイトで動作させてみたので、ご確認ください。ピンクの部分です。
http://130226210657-1949.evo.demo.modx.jp/
http://130226210657-1949.evo.demo.modx.jp/manager/　（管理画面、ID・パスともにmodx）

イベントページのリンク先は「http://130226210657-1949.evo.demo.modx. ... t.html」ですが、
イベントトップにアクセスされたら一番古いイベントを表示させるとのことなので、
自動的に「http://130226210657-1949.evo.demo.modx. ... l」へジャンプします。
その際、サイドバーに見立てたリンク一覧でも、ちゃんと「2月8日」のリンクに色が付いているので
これでご希望の動作をほぼ満たしていると思うのですが……こういう理解で合っていますか？

※このデモ自体は、先程の「tplCurrentDocument」を使って実現しています。
※背景色は、外部スタイルシートではなく「li要素」に「style属性」で直接付け加えました。
※エレメント＞テンプレート＞xRay と エレメント＞チャンク＞test の部分が私が触ったところです。

http://forum.modx.jp/viewtopic.php?f=7& ... t=10#p6103
こちらの投稿だと、そうなっていないようなので不思議なのですが、ページをジャンプさせているわけではないのでしょうか？

＊＊＊　＊＊＊　＊＊＊　＊＊＊　＊＊＊

それとは別の問題として、以下で返信されている
http://forum.modx.jp/viewtopic.php?f=7& ... t=10#p6104
http://forum.modx.jp/viewtopic.php?f=7& ... t=10#p6106

カテゴリトップページ、つまり親リソース（親フォルダ）のページがサイドバーのリンク群に出力されていません

についてですが、多分Dittoでは出せないのでは…と思います。
Dittoは、「parents」で指定したフォルダ（コンテナ）以下のドキュメントの一覧を出力するスニペットで、
「hideFolders」は、親として指定したフォルダの中にさらに作ったフォルダをメニューとして出力するかどうかのパラメータだと思います。

※たぶん…！私も勉強中であやふやなところがたくさんあるので詳しい方、ご指摘あればください

どう解決するかですが、リンク一覧をDittoのみで実現しようとすると難しいのかもしれません。
（サイト内の親子全てのリンクを出すならおそらくWayFinder？私はあまり使わないので詳しくないです）

イベントカテゴリ内のみ、サイドバーが表示されれば良いのなら、
例えば、「sidebar」というチャンクを作ります。（HTMLの書き方は一例です）

コード: 全て選択

<div class="sidebar">
<p><a href="[~2~]">イベント</a></p>
<ul class="eventlist">
[[Ditto? &parent=`2` &orderBy=`pub_date ASC` &tpl=`nav_usual` &tplCurrentDocument=`nav_current`]]
</ul>
</div>

サイドバーを呼び出す部分のHTML（多分テンプレートかな？）に以下のように追加します。

コード: 全て選択

<html>
<head>（略）</head>
<body>
～（略）～
{{sidebar}} <!-- サイドバーの表示位置にチャンク名を書く -->
</body>
</html>

こういった具合でチャンクと組み合わせ、Dittoを補助的に使うのではダメでしょうか？

このやり方だと、IDの数字決め打ちでリンクさせている部分があるので、変更がある場合は手動で書き換えなければいけませんが、
コンテンツ数が少ないサイトなら、十分対応できるかと思います。

長々と書きましたが、私の読み取ったこととやりたいことが全く違っていたらすみません。

[modxfan]

aki様のご尽力に感謝と感動をしています・・・・・
ひととおりやってみますのでのちほど追記いたします。お待ちください

[modxfan]

※2013/2/27 0:46追記

Root
┣【トップページ】（ID:1）
┣【イベント】（ID:2）＜-------------------- 一番古いイベントを自動表示
┃├ イベント2月20日（ID:14）
┃├ イベント2月16日（ID:13）
┃├ イベント2月08日（ID:12）
┃├ イベント2月03日（ID:11）
┃└ イベント1月23日（ID:10）
┣【製品案内】（ID:3）
┗【会社概要】（ID:4）

●隅付き括弧（【】のもの）は、フォルダ（ページ設定で「コンテナとして扱う」にチェックが入っている）

＜＜ 確認 ＞＞
最初の投稿に、イベントトップを開いたとき、「一番古いイベントを自動で表示」と書かれていますが、
イベントトップ（ID:2）にアクセスしたら、上記のような構成の場合、自動的に1月23日（ID:10）のページに
ジャンプするという意味でしょうか？
※例えば、イベントトップで「phiRedirect」や「FirstChildRedirect」といったスニペットを使用している？

親リソース（カテゴリトップという位置づけ）の「コンテナとして扱う」には、チェックが入っていたり入っていなかったりと、まちまちです。
忘れてしまいましたが作成時に意味を調べて、親リソースに必要と思ってチェックONしていたのだと思いますが、
時間が経って追加で親リソースを作成する際には忘れていたのではないかと思います。
今、改めては「コンテナとして扱う」をネット検索しましたが、どうにも意味不明な感じでよく意味がつかめませんでした。


> 自動的に1月23日（ID:10）のページに
> ジャンプするという意味でしょうか？

ジャンプするのではリダイレクトになってURLが変わってしまうので使うことができません。
カテゴリトップである
http://www.mysite.jp/event
は存在させたいです。
その上で、カテゴリトップを開いても、最古イベントを開いても、どちらも最古イベントの内容が表示されるようにしたいです。
確実にそれしか手が無いということでしたら採用するしかありませんが。

MODXサイトは二つ持っており、サイドバーの出力内容のデフォルトとしては、
親リソースもサイドバーリンクの一員（一番上）として存在している状態です。
サイドバーのリンク群は、
・イベントトップ
・イベント１
・イベント２
・イベント３
....
という感じです。

しかし、一部だけイレギュラーなサイドバーの出力内容があります。
それが、親リソースのcontentにはコンテンツがなく、Ditto記述によって最古のイベント１を表示させるようにしています。
以下です。

コード: 全て選択

<h1>[!Ditto? &tpl=`@CODE:[+longtitle+]` &display=`1` &orderBy=`pub_date ASC`!]</h1>
[!Ditto? &parents=`44` &display=`1` &tpl=`@CODE:[+content+]` &paginate=`0` &paginateAlwaysShowLinks=`0` &dateFormat=`%Y年%-m月%-d日` &dateSource=`pub_date` &id=`eventtop` &orderBy=`pub_date ASC` &hideFolders=`1` &depth=`0`!]

※例えば、イベントトップで「phiRedirect」や「FirstChildRedirect」といったスニペットを使用している？

なるほど、Dittoの中にですよね。このようなものは記述していないです。

もし、そうだとしますと、サイドバーでハイライトなど表示が変更されるべきなのは、

・イベントトップにアクセス ＞＞ イベント1月23日（が表示されるのだから、ここをハイライト）
・イベント2月20日にアクセス ＞＞ イベント2月20日
～以下、個別のイベントページは同様～
・イベント1月23日にアクセス ＞＞ イベント1月23日

ということですよね？

はい、その通りです。
ご提案いただいているのはジャンプなのでどうしようかと思っております。
まだ文章拝読中です。また投稿致します。

それにしましても、managerにログインできる形でデモサイトで実際にお見せいただく、という方式はとてもわかりやすいですね。
「ああ、ここの設定はこうしているわけか」ということがすぐさまわかります。

[modxfan]

※2013/2/27 0:46追記

イベントページのリンク先は「http://130226210657-1949.evo.demo.modx. ... t.html」ですが、
イベントトップにアクセスされたら一番古いイベントを表示させるとのことなので、
自動的に「http://130226210657-1949.evo.demo.modx. ... l」へジャンプします。
その際、サイドバーに見立てたリンク一覧でも、ちゃんと「2月8日」のリンクに色が付いているので
これでご希望の動作をほぼ満たしていると思うのですが……こういう理解で合っていますか？

サイドバーには二つのタイプを作っておりまして、
一つ目は上述であっています。
ただ、上述のサイドバータイプはイレギュラーで、あとのカテゴリのサイドバーは
親リソースにもコンテンツがちゃんとあり、サイドバーには
・親リソース
・親リソースの子ページ１
・親リソースの子ページ２
・親リソースの子ページ３
....

となっております。
解決したい対象が２タイプあるということなんです。

※このデモ自体は、先程の「tplCurrentDocument」を使って実現しています。
※背景色は、外部スタイルシートではなく「li要素」に「style属性」で直接付け加えました。
※エレメント＞テンプレート＞xRay と エレメント＞チャンク＞test の部分が私が触ったところです。

http://forum.modx.jp/viewtopic.php?f=7& ... t=10#p6103
こちらの投稿だと、そうなっていないようなので不思議なのですが、ページをジャンプさせているわけではないのでしょうか？

ページのジャンプというつもりはありません。
現在、イベントトップのページである
http://www.mysite.jp/event/をクリック、つまりイベン ... をクリックして開くと、
ジャンプをせずにURLはそのままで、中身は最古のページであるイベント１がcontent欄に表示されます。
aki様のご案内にあったテンプレートを切り替える以下の方式で記述しておりますが、この動き自体は変わっておりません。

イベントトップのHTMLソースをご紹介いたします。以下です。

コード: 全て選択

<h1>[!Ditto? &tpl=`@CODE:[+longtitle+]` &display=`1` &orderBy=`pub_date ASC`!]</h1>
					
[!Ditto? &parents=`44` &display=`1` &tpl=`@CODE:[+content+]` &paginate=`0` &paginateAlwaysShowLinks=`0` &dateFormat=`%Y年%-m月%-d日` &dateSource=`pub_date` &id=`eventtop` &orderBy=`pub_date ASC` &hideFolders=`1` &depth=`0`!]

それとは別の問題として、以下で返信されている
http://forum.modx.jp/viewtopic.php?f=7& ... t=10#p6104
http://forum.modx.jp/viewtopic.php?f=7& ... t=10#p6106

カテゴリトップページ、つまり親リソース（親フォルダ）のページがサイドバーのリンク群に出力されていません

についてですが、多分Dittoでは出せないのでは…と思います。
Dittoは、「parents」で指定したフォルダ（コンテナ）以下のドキュメントの一覧を出力するスニペットで、
「hideFolders」は、親として指定したフォルダの中にさらに作ったフォルダをメニューとして出力するかどうかのパラメータだと思います。

hidefoldersとは親リソースの中の親リソースのことなんですね。
aki様はDittoではダメだというお見立てなのですね。わかりました。

どう解決するかですが、リンク一覧をDittoのみで実現しようとすると難しいのかもしれません。
（サイト内の親子全てのリンクを出すならおそらくWayFinder？私はあまり使わないので詳しくないです）

イベントカテゴリ内のみ、サイドバーが表示されれば良いのなら、
例えば、「sidebar」というチャンクを作ります。（HTMLの書き方は一例です）

コード: 全て選択

<div class="sidebar">
<p><a href="[~2~]">イベント</a></p>
<ul class="eventlist">
[[Ditto? &parent=`2` &orderBy=`pub_date ASC` &tpl=`nav_usual` &tplCurrentDocument=`nav_current`]]
</ul>
</div>

サイドバーを呼び出す部分のHTML（多分テンプレートかな？）に以下のように追加します。

コード: 全て選択

<html>
<head>（略）</head>
<body>
～（略）～
{{sidebar}} <!-- サイドバーの表示位置にチャンク名を書く -->
</body>
</html>

こういった具合でチャンクと組み合わせ、Dittoを補助的に使うのではダメでしょうか？

このやり方だと、IDの数字決め打ちでリンクさせている部分があるので、変更がある場合は手動で書き換えなければいけませんが、
コンテンツ数が少ないサイトなら、十分対応できるかと思います。

おっしゃるとおりでして、これまではこのように親リソースだけを個別に追記する方式で最初はやっていました。
自動化をしないとCMSの意味が無いですし、また、あとに記載するWayfinderでは不十分だったので
この度Dittoでできないかと悪戦苦闘しておりました。

また、Wayfinderの方でやっていたのですが、他の方法があればとは思いますが、
私ではうまくできていませんでした。以下です。
いちいちカテゴリごとにサイドバーを作って、それぞれのWayfinderで親リソースを手動で指定し、
さらにもうひとつのWayfinderである程度の現在ページハイライトをおこなっています。
しかし、ある程度でありまして、親リソース（カテゴリトップ）はハイライト機能ができませんし、
また、子ページ最後のページもハイライトされません。不十分な状態で困っておりました。
そこで今回Dittoでできるならと思い、取組み中というわけです。
Wayfinderで達成可能ならば諸手を上げてDittoは捨てます。

コード: 全て選択

[!Wayfinder? &startId=`0` &includeDocs=`49`!]
[!Wayfinder? &startId=`[[UltimateParent]]` &sortOrder=`asc`!]

よろしくお願いいたします。

[aki]

こんばんは。
うーん。実際にサイトの構造を見てみないと、どこで引っかかっていらっしゃるのか、わからないかもしれません。

「コンテナとして扱う」をネット検索しましたが、どうにも意味不明な感じでよく意味がつかめませんでした。

これは、特に難しく考える必要はなくて、コンテナ＝Web制作で言うところの「ディレクトリ」みたいなもの（と私は理解しています）です。
MODXでは、「コンテナ（ディレクトリ）の中にサブリソース（ページ）がある」という表現になっています。


どこで引っかかっているのかを判別するのが難しいので、「私ならこう作る！」というものを
デモサイトで作らせていただきました。

http://130227230250-1949.evo.demo.modx.jp/
http://130227230250-1949.evo.demo.modx.jp/manager/ （管理画面、ID・パスともにmodx）

やりたいのは、こういうことです…かね？

エレメント管理内の「テンプレート」と「チャンク」に「aki-TEST」というカテゴリを作って、
私が追加したものを表示しています。
それ以外は、ご使用の環境に一番近い「1.0.5J-r8」のデフォルトのままです。
スニペットやプラグインの追加は特にしていません。

結局、Wayfinderで実現してみたのですが、いかがでしょうか？
Wayfinderであれば普通に用意されているパラメータと一部チャンクを作ってあげることで
階層構造のサイトメニューを表示し、現在地の表示も分けることが可能でした。

modxfanさんもWayfinderにもチャレンジされているようなので、
どこが違ってしまっているのかは、実際の構造を見てみないとわからないかもですね…。
hereTplへの指定が入ればうまくいくのでは、と思いますが、
大したサンプルではありませんが作成中のサイトと比べてみてください。

ちなみにスニペットの使用方法については、以下のサイト様に大変お世話になっています。
http://www.modx.liolion.net/resource/Wayfinder.html


本題からは外れますが、前回投稿内の「phiRedirect」「FirstChildRedirect」は、
それぞれ指定のドキュメントにリダイレクトを設定するためのスニペットの名前で、Ditto内に指定するパラメータ等ではありません。
今回、リダイレクトは使われていないようなので気にしないでください。
（※気になる場合は、これらスニペットの名前で検索してみてください ）

デモサイトは、24時間で消えてしまうそうなので、何か必要な内容があればメモ帳などに適当にコピーを取ってください。
（※2/27の23時頃に作成しました）

[modxfan]

こんばんは。
うーん。実際にサイトの構造を見てみないと、どこで引っかかっていらっしゃるのか、わからないかもしれません。

「コンテナとして扱う」をネット検索しましたが、どうにも意味不明な感じでよく意味がつかめませんでした。

これは、特に難しく考える必要はなくて、コンテナ＝Web制作で言うところの「ディレクトリ」みたいなもの（と私は理解しています）です。
MODXでは、「コンテナ（ディレクトリ）の中にサブリソース（ページ）がある」という表現になっています。

はい、私もディレクトリとかカテゴリだとか何となく思っておりました。
ディレクトリの役目をさせるページだけチェックONするようですが、うっかりチェックOFFにして
親リソースを作成しても、何も問題が表沙汰にならないので「意味あるのかな？」と思っておりました。

デフォルトでは、圧倒的に作成が多い非ディレクトリのただのページに重きを置かないといけないので、
リソース作成のデフォルト設定はチェックOFFになっていると思います。

MODXは、親リソース、つまりカテゴリ、ディレクトリにさせたいリソースを作成させる場合は「コンテナとして扱う」に
確実にチェックONしてくれないといけないのならば、リソースの中身をつくって保存する際に、
「親リソースですか？」と画面で聞いてくれて、YESをクリックすると、勝手にコンテナとして扱うにチェックONになるような
仕組みがないとうっかりは防げないかなと思われました。
脱線質問済みません。

どこで引っかかっているのかを判別するのが難しいので、「私ならこう作る！」というものを
デモサイトで作らせていただきました。

http://130227230250-1949.evo.demo.modx.jp/
http://130227230250-1949.evo.demo.modx.jp/manager/ （管理画面、ID・パスともにmodx）

やりたいのは、こういうことです…かね？

やりたいことですが、完全に伝わっていないかもしれないのでご案内いたします。

(1) サイドバーでは、そのカテゴリとその子ページだけを表示すること。
　　　でないと、全カテゴリーとその子ページがサイドバーに出力されることになり、サイドバーが超長くなってしまう。

(2) やりたいサイドバーのタイプは二種類ある

サイドバーの出方としては同じです。以下です。
・親リソース（カテゴリ、ディレクトリ）
・子ページ１
・子ページ２
....

じゃあ、違いは？というと、親リソースを開いたときに違いがあります。
イベントカテゴリ・・・親リソース自体にはコンテンツが無く、代わりに一番createdが古い子ページが表示される（なるべくリダイレクト手法は回避希望）
・その他の全てのカテゴリ・・・親リソースにコンテンツが有り、普通にそのコンテンツが表示される

エレメント管理内の「テンプレート」と「チャンク」に「aki-TEST」というカテゴリを作って、
私が追加したものを表示しています。
それ以外は、ご使用の環境に一番近い「1.0.5J-r8」のデフォルトのままです。
スニペットやプラグインの追加は特にしていません。

本当にありがとうございます。
最初は、イベントページについて投稿していたので、そのコンテンツがあるひとつのMODXのバージョンしか書いて
おりませんでした（最初の投稿時には1.0.5J-r7と記載）が、よく考えると、イベントページ以外にも本件に絡む問題を
抱えていたことを思い出したので、２つのサイドバーのタイプがあることをご案内しております。
二つ目のサイトは1.0.6J-r8 です。

結局、Wayfinderで実現してみたのですが、いかがでしょうか？
Wayfinderであれば普通に用意されているパラメータと一部チャンクを作ってあげることで
階層構造のサイトメニューを表示し、現在地の表示も分けることが可能でした。

イベントカテゴリが無い、アクセスが多い方のサイトの方である1.0.6J-r8のMODXサイトの方が
現状のままだと表示問題が解決していないちゅうぶらりんな状態なので、作業を優先しており、
まずはこちらのサイトで試してみました。
結果は、親リソースだけが表示されませんでした。
つまり、これまで同様に、親リソースに所属する子ページだけがサイドバーに表示されています。
子ページたちのハイライト表示はうまくいっています。親リソースだけが出ないです。
「今開いているページの親リソースと子リソースを出力せよ」という命令記述ができればいいだけなのですが・・・
aki様のサンプルでは、親リソースがちゃんと出ていますが、その他の親リソースも出てしまっていますね。
ホームも出ています。
当方がおこないたいのは、すべての親リソースが出るのではなく、ホームが出るのではなく、
その親リソースとそれに所属する子リソースだけを出力させたいということです。

これから仮眠をとりまして、日中におこなったソースの紹介を投稿いたします。

本題からは外れますが、前回投稿内の「phiRedirect」「FirstChildRedirect」は、
それぞれ指定のドキュメントにリダイレクトを設定するためのスニペットの名前で、Ditto内に指定するパラメータ等ではありません。
今回、リダイレクトは使われていないようなので気にしないでください。
（※気になる場合は、これらスニペットの名前で検索してみてください ）

なるほど、承知しました！

デモサイトは、24時間で消えてしまうそうなので、何か必要な内容があればメモ帳などに適当にコピーを取ってください。
（※2/27の23時頃に作成しました）

はい、最後に投稿いただいことを本日午前三時台に知ってこの期限を知ったので、それから大慌てで取り組んでおります。
今のところ消えてないと思っていたら、一日間違えた気がします。。昨日の23時と思っていたのですが、
今日の23時ですね。。。
期限があろうがとにかく助かっております。感謝申し上げます。

[modxfan]

結局、Wayfinderで実現してみたのですが、いかがでしょうか？
Wayfinderであれば普通に用意されているパラメータと一部チャンクを作ってあげることで
階層構造のサイトメニューを表示し、現在地の表示も分けることが可能でした。

aki様、大変ありがとうございます。
イベントTOPを開いたら、イベント1（最古）が開きますが、Dittoで作成されているようですが、
このDittoでなぜ最古が指定されるのか？というと、この二番目のDittoが実際はorderBy=`ASC`で（未記入だとデフォルトのASCになる）、
displayが1番目だけを出力させるので、最古が出力される、ということですよね。

コード: 全て選択

[[Ditto? &parents=`2` display=`1` &tpl=`@CODE:<p style="color:#c00;">ここはイベントTOPですが、内容は[+pagetitle+]です。</p>`]]
[[Ditto? &parents=`2` display=`1` &tpl=`@CODE:[+content+]`]]

ですので、ここはばっちりのようです。


次が他のこれまでの方策と同じで、やはり達成できていないように見受けられます。
aki様が作成されたチャンクのcase03のWayfinderのソースでは、StartIDが1になっています。
つまりトップレベルから出力するようになっています。これですと当然ながらサイドバーに全てのページが表示されてしまいます。
しかし私が当初からおこないたいのはStartIDは1ではありませんので、ここはイベントカテゴリのIDに変更しました。
サイドバーに表示させたいリンク群は、現在開いているページが所属するカテゴリ以下のリンク群なので。

そしてこの状態で表示してみると、これまでの方策と同じく親リソースであるイベントトップページがサイドバーに出ませんでした。
試しに今、aki様のデモサイトの方でStartIDを2、つまりイベントカテゴリの親リソースの番号にしてみたところ、
私のサイトと同じ現象になりました。イベントカテゴリの親リソースだけでなく、他の親リソースも、「ホーム」も全て消えて、
出力されるのは私の現象と同じで、イベントカテゴリの子ページだけです。
WayfinderもDittoと変わらない機能しか持っていないようでしょうか。

イベントカテゴリの子リソースだけでなく、イベントカテゴリの親リソースも自動で出力したいのが当初からの希望なので、
どの方法もこれが達成されてくれず残念です・・・
「この親リソースのページ群を表示させよ」というだけのことがどうしてこんなにもすぐに出来ないのかがっかりな心境です・・・・・
この表示はとても頻繁に必要となる出力パターンなのに・・・
いちいちカテゴリごとに手動でIDを記載していくとか、個別にif文でプログラムしていくなどというのは
せっかくのCMSで本来おこなうべきものではないので、なんとかCMSの機能でおこないたいものですが、
これがMODXの限界なんでしょうかね・・・（MODXがんばれぇ）
親リソースとその一味を出力する変数がMODXに用意されていれば、それを記述するだけでいいんですが・・・

[aki]

こんにちは。
こういう状態でしょうか？

http://130227230250-1949.evo.demo.modx.jp/

今はテンプレートなどを分けていませんので、すべてのページで「イベントTOP」と「イベントカテゴリに属するサブリソース」の
メニューが出てしまいますが、これをテンプレートを分けるなどして、実際はイベントカテゴリのページでのみ表示させる感じでしょうか。

とりあえず、ご確認ください。
全てWayfinderのパラメータとテンプレートで実現しています。
設定しているパラメータやテンプレートの内容は、前回の私の投稿でご紹介したサイト様をお読みください。
大変有意義なサイト様です。

[aki]

イベントカテゴリの子リソースだけでなく、イベントカテゴリの親リソースも自動で出力したい

とにかくこの状態になれば良いなら、Dittoを2回使えばできそうだったので、サンプルを追加しました。

Wayfinderにしろ、Dittoにしろ、「documents」「parents」「startId」といったパラメータが
今は普通にIDの数字で指定しているので、他のカテゴリでも同じものを出したいと思ったら
テンプレートを分けて、それらの数字を書き換えたスニペットコールを書くなどしなければなりませんが…。
一つのスニペットコールで全カテゴリで使い回せるものとなると、もっと工夫が必要です。

はい、私もディレクトリとかカテゴリだとか何となく思っておりました。
ディレクトリの役目をさせるページだけチェックONするようですが、うっかりチェックOFFにして
親リソースを作成しても、何も問題が表沙汰にならないので「意味あるのかな？」と思っておりました。

別に問題とかはないですね。
MODXらしく自分がどのようなサイトを作りたいかに合わせて、自由に設定変更が可能です。
全くコンテナ（ディレクトリ）のないサイトを作ったからといって、それも問題ありません。

すべてが通常ページだとMODX管理画面の左ツリーが際限なく伸びていくので管理しにくかったり、
エイリアス（URL）が階層的になるので、エイリアスの命名がすっきりする程度のことです。
あとは、今回は条件に合わないということでしたが、コンテナ（親）に属するサブリソース（子）一覧を
表示するDittoが便利に使えたり、[*parent*]などのリソース変数を使って条件分岐をするなど
管理上の内部的な仕掛けの幅が広がるので、うまく構成すればそれだけ管理が楽になるという感じですかね。

イベントTOPを開いたら、イベント1（最古）が開きますが、Dittoで作成されているようですが、（以下略）

これは、modxfanさんがこの方法でTOPと最古のページ内容を同じにしているようでしたので、それにならっただけです。
今回はMODX日本公式様が用意してくださっているデモサイトインストールを利用し、
元々の中身をつついてサンプルを作ったところ、たまたま各種指定を省略しても大丈夫な条件だったので
省略していますが、実際はサイトの実情に合わせて「orderBy」を付け足したりはしてください。

[modxfan]

aki様、大変ありがとうございます。

追加のご案内に従ってWayfinder式でいじっていますと、もともと作成していた「class="active"をliタグに入れる」タイプですと
親リソースも子リソースも全てハイライトされてしまいました・・・
どうやらul、liタグの中にまたul、liタグが出力される式のようで、それが原因で最初の親リソースのハイライトが
その入れ子の子リソースすべてを包含するようになっていました。
よって、spanに入れる式に変更していったら出来たようです！！

それで思ったのは、作成しながら内容がわかってくると、Wayfinderを二回繰り返しているということかな？ならばもしかしてDittoでもできるとか？
と思っていたら、aki様の追加投稿に同じことが。

まだWayfinderの今回の方法を完全に理解できておりません。パーツがあっち飛びこっち飛びすぐに外部ファイル化していくので
全容を把握するのが当方では簡単ではなく。プログラマさんは簡単に理解できるのでしょうね。
これがいわゆるアタマが悪いということかなと思っております汗；

Let's enjoy MODxのサイトは存じております。
このサイトに書かれている説明文が理解できるようになりたいです

[aki]

できましたか？
それならよかったです。

どうやらul、liタグの中にまたul、liタグが出力される式のようで、それが原因で最初の親リソースのハイライトが
その入れ子の子リソースすべてを包含するようになっていました。

これはHTMLのルール上、入れ子リストを作るならそのようにマークアップするのが決まりですので、そうなりますね。

Wayfinderのデフォルトのテンプレートでは、入れ子になる場合 ul - li のみでマークアップし、
カレントドキュメントのli要素にclass属性としてactiveを付加するになっていました。
これだと希望の表示にはならないだろうと思いましたので、span要素でテキスト部を囲み、
スタイルが適用できるようなWayfinder用のテンプレートを作り、設定しました。

Wayfinderを二回繰り返しているということかな？ならばもしかしてDittoでもできるとか？

Wayfinderは、繰り返しているわけではないですね。呼び出しているのは一度だけです。
確かに、startIdに「0以外」（今回ならイベントカテゴリの親である「2」）を指定すると、
そのままでは、イベントカテゴリ内の子ページ一覧しか表示されませんね。

しかし、Wayfinderには「displayStart」というパラメータがあります。
これを有効にすることで、親が表示できるようになります。
親の表示方法は「startItemTpl」に指定したテンプレートで設定できます。
（私も使ったことはありませんでしたが、Let's Enjoy MODx様に書かれていました）


私もわかるのはHTMLとCSSだけで、プログラムに関する知識はほぼ皆無です。
とは言え、MODXを触っているとどうしても少しはプログラム的な部分に目を通さなければならない場合が
出てくるので、PHPマニュアルで一つ一つ検索しながら、トライ＆エラーを繰り返しています。
※今回はスニペットのパラメータ設定の話なので、プログラムは関係ないですが…

パーツがあっち飛びこっち飛びすぐに外部ファイル化していくので
全容を把握するのが当方では簡単ではなく。

使い始めの頃は、私もよくそのような状態になり、どこに何の設定を書いたか分からなくなって
結局修正が面倒なサイトが出来上がったものです。
繰り返しているうちに自分にとって効率のよいパーツの作り方がだんだん分かると思います。頑張ってください。

[yama]

話の内容をよく確認してないので外してるかもしれませんが・・Wayfinderにはカレントリソースのみにマークをつける&selfClassというパラメータもあって、私は(&hereClassではなく)こっちのほうをよく使います。