みーのぺーじ

みーが趣味でやっているPCやソフトウェアについて.Python, Javascript, Processing, Unityなど.

あわせて読みたい!をDrupalで

「あわせて読みたい」「こちらもチェック」「関連記事」などという項目があるサイトをちらほらと見つけます。これをDrupalで実装する方法を紹介します。

いろいろな名前があっちこっちでつけられているので、この記事では、「SeeAlso」と呼ぶことにします。

参考にした記事は

です。

SeeAlsoはBlockで実装すると、自由にサイトに貼り付けることができて便利なので、そのようにします。

まずは設定画面からViewsを開きます。Add new viewをクリック。Blockで実装するのになぜViewsを開くのか?という疑問はとりあえず置いておきます。

f:id:atsuhiro-me:20151101231647p:plain:w300

適宜設定を追加していきます。重要なのは、Create a block にチェックを入れること。そして、Saveしてください。こうすることで、Viewsの機能を持ったBlockを作ることができるようです。

f:id:atsuhiro-me:20151101231650p:plain:w300

Advanced から Contextual filters を見つけて、左にある Add をクリック。

f:id:atsuhiro-me:20151101231652p:plain:w300

Contextという項目の中の、Has taxonomy term ID (with depth) と、Has taxonomy term ID depth modifier をチェック。

f:id:atsuhiro-me:20151101231655p:plain:w300

Depthは0にして、When the filter value is NOT availableをProvide default valueにして、表示されたTypeにTaxonomy term ID from URLを設定する。Load default filter from node page, that"s good for related taxonomy blocks. にチェック。VocalulariesのTags (環境によって名前は異なる)にチェック。

f:id:atsuhiro-me:20151101231658p:plain:w300

Apply!

f:id:atsuhiro-me:20151101231701p:plain:w300

もう一度 Contextual filters の Add をクリックし、Content:Nid をチェック。

f:id:atsuhiro-me:20151101231703p:plain:w300

When the filter value is Not available. に Provide default value をチェックし、Typeに Content ID from URLを選択。下へスクロールする。

f:id:atsuhiro-me:20151101231706p:plain:w300

Moreの中にあるExcludeにチェックを入れる。

f:id:atsuhiro-me:20151101231709p:plain:w300

以上の操作で下の画像のように3つのFilterが追加されているはず。これらの順番を入れ替えて、Nidが最初に来るようにAddの横にある下矢印からRearrangeする。

f:id:atsuhiro-me:20151101231713p:plain:w300

以上で See Also Blockは完成です。あとはこれを記事の最後に表示するように設定します。

f:id:atsuhiro-me:20151101231715p:plain:w300

Blockをクリック。View:See AlsoというのがDisableの中にあるはずなので、これをContentに表示するように設定します。

f:id:atsuhiro-me:20151101231717p:plain:w300

themeの設定にうまくされていることを確認し、Content typesを開いて、Show block for specific content typesからArticleのみをチェックします。こうすることで、記事が単体で表示されたときのみ、See Alsoは表示されるようになります。

f:id:atsuhiro-me:20151101231720p:plain:w300

実際に適当な記事を表示してみて、See Alsoが以下のように表示されていることを確認して完了です。これでPVが増えることを期待(^^)

f:id:atsuhiro-me:20151101231724p:plain:w300

ちなみに、See Alsoの記事の順番をランダムにしたい場合は、Sort Filterに Global:randomを追加すればよいです。

f:id:atsuhiro-me:20151101231727p:plain:w300

以上です。

2013.10.6