チュートリアル

DNN拡張モジュール LinksByCategory

見栄えの良いリンク集を作りたいなら、このLinksByCategoryモジュールがおすすめ。 グループ分けができるので、数が増えてもスッキリ見せることができるよ。

「LinksByCategory」モジュールを入手しよう

LinksByCategoryは、リンク集を作成する際カテゴリ分けができる便利なモジュールです。DNNの標準モジュールLinksでは、階層のないフラットなリンク集しか作れず、数が増えてくると見栄えも悪くなります。LinksByCategory使って、きれいなリンク集を作ってみましょう。

LinksByCategoryは以下のURLから入手可能です。

「LinksByCategory」モジュールを登録しよう

ホスト権限でログインして、［ホスト］－［モジュール定義］画面を開きます。

画面左上の［モジュール定義］横にある下向き三角から、［新しいモジュールのアップロード］を選択します。［ファイルアップロード］画面が表示されたら、先ほど入手した「LinksByCategorymodule.zip」ファイルをアップロードします。

リソースアップロードのログ画面が表示され、最後に「インストールが成功しました。」と表示されたら終了です。

「LinksByCategory」モジュールを配置、設定しよう

1. ページに配置する

配置したいページへ画面を移し、コントロールパネルより「新しいモジュールの追加」ボタンにチェックを入れて、モジュール横のドロップダウンリストより「LinksByCategory」を選択します。「利用者/ペイン/縦位置/横位置」は適宜変更してください。［追加］リンクまたはその上の下向き矢印のアイコンをクリックしてモジュールを配置します。

2. 「LinksByCategory」の設定をおこなう

追加されたモジュールの左上にある下向き矢印より［設定］画面を開きます。。画面下方の［LinksByCategory Settings ］より以下の内容を入力、選択して、［更新］リンクをクリックします。

LinksByCategory Settingsの設定

項目	概要	設定例
Categories:	カテゴリ名。［Add new category］リンクより新しいカテゴリ名を入力し、［Save category］リンクで保存	ASP.NET関連
Background color for category titles:	カテゴリ名の背景色	white
Category font color:	カテゴリ名のフォント色	red
List Display Format:	リストの配置	Vertical（縦並び）
Introduction text:	リンク集の概要	WebDeliがおすすめするリンク集です

設定画面は以下のような画面です。


LinksByCategoryの設定画面
3. リンクを追加する

モジュールの左上にある下向き矢印より［Add new link in a category］画面を開きます。以下の内容を入力、選択して、［更新］リンクをクリックします。

リンクの追加

項目	概要	設定例
Title:	リンクのタイトル	ASP.NET学習記録
Link:	リンクのアドレス	http://www.web-deli.com:8080/cs/blog/
Description:	リンクの概要	ASP.NET初心者3名による学習記録ブログ
Display List Info Tip and Link:	リンクの概要を表示させるかどうか	Yes
Subject category:	リンクのカテゴリ	ASP.NET
View Order:	表示順	2

リンクの追加画面は以下のような画面です。


新しいリンクの追加画面

すべて設定後、以下のような画面が表示されれば成功です。