サイトコアではコンテンツエディターの 設定タブのアイコンコマンド(アイコン選択メニュー)からアイテムのアイコンを選択できます。今回は、アイコンコマンドで表示されるアイコン選択メニューのアイコン一覧にカスタムアイコンを登録する覚書を記載します。カスタムアイコンの登録を行うと 下図のようにアイコンコマンドをクリックすると 赤枠で囲んだカスタムアイコンが表示されるようになります。

動作確認環境は次の通りです

• Sitecore CMS 6.6 Update 6

1. アイコン用のフォルダを作成

下図のようにカスタムアイコンを格納するためのアイコンフォルダーを作成します。今回は MyIcons というフォルダを作成します。フォルダ配下に 16x16, 24x24, 32x32, 48x48, 128x128 という名前のフォルダを作成します(128x128いらないかも)。それぞれのフォルダにフォルダ名のサイズの同名の画像ファイルを格納します。

今回は下図のように about.png という Website\sitecore\shell\Themes\Standard\Applications.zip に格納されている about.png ファイルを流用しました。各フォルダにフォルダ名のサイズの about.png ファイルを格納します。

画像を格納したら zipファイルに圧縮します。今回の例では MyIcons フォルダを圧縮して MyIcons.zip を作成しました。

zipファイルの準備ができました。作成したファイルをサイトコアをインストールしたフォルダーの Website\sitecore\shell\Themes\Standard 配下に配置します。

2. Icons.config ファイルの編集

最後に Website\App_Config\Icons.config を編集します。 Icons.confiを開いて、 下図のように アイコンコマンドをクリックしたときに表示される アイコンの定義を追加します。 <collection name="CustomIcons"> タグを追加します。nameで指定した名前がアイコンの一覧に表示されるアイコングループの名前になります。 collectionタグの中に アイコンファイルのパスを設定します。複数アイコンを表示したい場合は パイプ(|)区切りでアイコンファイルのパスを入力します。 詳細は Icons.config のほかのアイコンの設定方法を参照してください。 今回は MyIcons.zip に格納されている MyIcons/16x16/about.png を指定しています。

以上で準備ができました。コンテンツエディター上で アイテムを選択し、 設定タブのアイコンコマンドをクリックします。うまく設定すると下図のようにカスタムアイコンが一覧に追加されます。

3.まとめ

説明は以上です。今回の方法を使用することでアイコンコマンドクリック時に表示されるアイコンの一覧にカスタムアイコンを追加できるようになります。

ご紹介した方法では  "他のアイコン" コマンドをクリックしたときに表示される アイコンエクスプローラー上にはカスタムアイコンは表示されません。CMS6.6 では Website\sitecore\shell\Themes\Standard\ 配下にカスタムアイコンファイルを格納したzipファイルを配置しても自動的にアイコンエクスプローラーには表示されません。アイコンエクスプローラーに表示されませんが、アイテムのアイコンフィールド(非表示フィールドです)に手動でzipファイルに格納されたアイコンファイルのパスを指定すればカスタムで追加したアイコンを使うように設定することはできます。ただ画面で選べないのでユーザービリティは悪いです。