[company] 選択ブログのアイテム群表示をコントロール

suc - nucleus

2007年 12月 15日(土曜日) 03:30

選択ブログのアイテム群表示をコントロール

　「Company」ではサイトのトップページにアクセスした場合と他のページにアクセスした場合をカテゴリが選択されているか否かによって判断し、アイテムの表示を振り分けています。
　この振り分けを行うためにはプラグイン「NP_ShowBlogs」のインストールとスキン変数によりアイテム群の表示をコントロールする必要があります。
　「NP_ShowBlogs」は標準スキン変数であるの代わりに完全に差し替えて使用することができ、「Company」スキンで利用している機能以外にも様々な設定ができる強力なプラグインです。

[company] ダミーのアイテムを増やす

suc - nucleus

2007年 12月 15日(土曜日) 03:28

ダミーアイテムの投稿はサイトマップに従って行います。

ブログ「会社情報」の投稿アイテム例

ブログ「会社情報」のカテゴリ設定

サブカテゴリのアイテム「株価情報」のカテゴリの設定

サブカテゴリのアイテム「株価情報」の「Multiple Categories」の設定

アイテム投稿後、サイドバーの不要なタグなどを削除し解り易い状態に整形した「default」スキン。

メニューの出力

[company] 読込ファイルとしての設定

suc - nucleus

2007年 12月 15日(土曜日) 03:26

　パンくずの設定、セクションの生成、カテゴリの生成、アイテムリンクの生成、コンテンツの表示は他のスキンでも利用でき汎用性を持たせるために読込ファイルとして作成します。

companyサイトマップ

suc - nucleus

2007年 11月 17日(土曜日) 03:39

各階層と設定の関係

• セクション（Nucleusの標準機能にによりブログを割り当てる）
  「HOME」「事例紹介」「会社情報」「お問合せ」
  
  
• 「会社情報」のカテゴリ（Nucleusの標準機能によカテゴリを割り当てる）
  「社長挨拶」「沿革」「IR情報」
  
  
• 「IR情報」のサブカテゴリ（プラグインNP_MultipleCategoriesによりサブカテゴリを割り当てる）
  「決算発表」「株価情報」
  
  
• 「決算発表」のサブカテゴリ（プラグインNP_MultipleCategoriesによりサブカテゴリを割り当てる）
  「スケジュール」「第1四半期 連結決算」
  
  
• アイテムへのリンク（プラグイン NP_Pickupによりアイテムリンクの作成）
  上記サイトマップには記述されていません。

[company] ブログの設定

suc - nucleus

2007年 11月 17日(土曜日) 03:38

必要なブログを増やす

　各セクションをブログで構築するために、管理領域のサイドナビゲーションから「新規Blogの作成」を選んで必要なブログを増やします。
　各項目に入力する値は以下のように設定します。

ブログ設定
 

セクションナビゲーションの設定

セクションナビゲーションのURLの生成にはv3.3で導入されたスキン変数のを使用しています。の使用によって、セクションの増減にナビゲーションレイアウトが自動で対応可能となります。
尚、の書式はとります。

のHTML出力

「default」スキンへの記述

<!-- page menu -->
<h2 class="hidden">Sidebar</h2>
<div id="sidebarcontainer">
<%parsedinclude(sidebar.inc)%>
</div>

　　　　　

<!-- page menu -->
<div id="section_bt">
  <%bloglist(default/index)%>
</div>
<h2 class="hidden">Sidebar</h2>
<div id="sidebarcontainer">
<%parsedinclude(sidebar.inc)%>
</div>

[company] NP_CustomURLの設定

suc - nucleus

2007年 11月 17日(土曜日) 03:37

URLを自由にカスタマイズ

　CMSから出力されるページのURLは“?”や“=”が含まれ、動的に生成されたページとして検索エンジンの収集などの際に不利だと思われています。そのため多くのCMSではURLを静的なものへと偽装する方法が提供されているのです。
　NucleusCMSにおいても標準で用意されている、「FancyURLモード」や「mod_rewrite」などの方法がありますが、「Company」スキンではプラグインの「NP_CustomURL」を利用することによってURLの変更を行います。
　「NP_CustomURL」はディレクトリやファイル名を自由に設定できる非常に強力なプラグインです。

動的なURLがシンプルな静的URLに変身

http://YourSite.com/index.php?itemid=6
　　　　　　　　
http://YourSite.com/about/item1.html

[company] NP_ItemNaviEXの設定

suc - nucleus

2007年 11月 17日(土曜日) 03:36

パンくずの設定

「NP_ItemNaviEX」の設定

テンプレートの書き換え

NP_ItemNaviEXのテンプレートを修正

[company] NP_ContentsListの設定

suc - nucleus

2007年 11月 17日(土曜日) 03:34

カテゴリナビゲーションの設定

　「Company」では基本的にカテゴリリストをナビゲーションとして利用します。しかしNucleus標準のカテゴリリストを生成するスキン変数は表示順位の変更などができません。
　そこで、より柔軟な指定と操作が可能な「NP_ContentsList」のプラグインを導入します。「NP_ContentsList」はカテゴリ表示の順位変更が可能となるだけでなく、アクティブカテゴリの装飾なども可能となります。
　「NP_ContentsList」によるカテゴリは変数によって生成します。はいくつかの引数による出力の指定が可能ですが、ここではと記述することによって“選択されているブログのみのカテゴリを表示する”設定を行います。

カテゴリ、サブカテゴリ リンクの表示順位をコントロール

カテゴリの順位変更

　「NP_ContentsList」による表示カテゴリ表示の順位変更は「表示ランクの編集」> 対象のブログ「カテゴリーランクの編集」をクリックして「表示ランク」の数字を操作して下さい。
　数字は小さいほど上位の表示となります。尚そのカテゴリのトップはリンクボタンとして表示しませんので、「非表示」に設定しています。

表示ランクの編集
表示ランクの編集

カテゴリーランクの編集
カテゴリーランクの編集
 

「NP_ContentsList」のテンプレート

　「NP_ContentsList」のHTML出力はテンプレートの記述によつて決まります。
　テンプレートの作成は「Contents List テンプレートの編集」> 「新しいテンプレート」で新たなテンプレートを作成します。次に「使用可能なテンプレート」の一覧に作成したテンプレートが現れるので、「編集」のリンクテキストをクリックしてテンプレートの編集画面に入ります。

　「company」テンプレートでは「ブログリスト」、「カテゴリーリスト」、「サブカテゴリーリスト」の三つの状態を設定します。
　尚、「サブカテゴリーリスト」は「プラグインオプションの編集」をクリックして“Use sub category template.(require NP_MultipleCategories0.30j-)”の項目を“はい”にすることによって現れます。
　この項目は「NP_MultipleCategories」のインストールによって設定可能な項目です。また、「NP_ContentsList」はHTMLの出力をテンプレートで記述することが可能です。以下は今回作成した「company」テンプレートです。

'company'テンプレート内容

「続きを読む」をご覧下さい。

アクティブなカテゴリの表現

　アクティブなカテゴリやサブカテゴリに関しては「カレントカテゴリーのフラグ」、「カレントサブカテゴリーのフラグ」の項目にHTMLやにCSSセレクタを記述することによって、“選択されているボタンを反転表示させる”などの動作が可能となります。

テンプレート“company”のHTML出力

「default」スキンへの記述例

<!-- page menu -->
<div id="section_bt">
  <%bloglist(default/index)%>
</div>
<h2 class="hidden">Sidebar</h2>
<div id="sidebarcontainer">
<%parsedinclude(sidebar.inc)%>
</div>
　　　　　
<!-- page menu -->
<div id="section_bt">
  <%bloglist(default/index)%>
</div>
<%ContentsList(@)%>
<h2 class="hidden">Sidebar</h2>
<div id="sidebarcontainer">
<%parsedinclude(sidebar.inc)%>
</div>

 

'company'テンプレート内容

<a<%catflag%><%categorylist%> class="cat" href="<%catlink%>"><%catname%> <%subcategorylist%> </%subcategorylist%></%catname%></%catlink%></%categorylist%></a<%catflag%>

id="catactive"

<a<%subflag%><a<%catflag%><%categorylist%><%catlink%><%catname%><%subcategorylist%> class="subcat" href="<%sublink%>"><%subname%> </%subname%></%sublink%></%subcategorylist%></%catname%></%catlink%></%categorylist%></a<%catflag%></a<%subflag%>

id="subcatactive"

[company] NP_MultipleCategoriesの設定

suc - nucleus

2007年 11月 17日(土曜日) 03:32

サブカテゴリ（カテゴリの階層化）の実現

　Nucleusは標準機能で設定できるのは1階層のカテゴリのみですが、カテゴリ下のカテゴリ、つまりサブカテゴリや更にサブカテゴリ以下のカテゴリの設定を実現するためにはプラグイン「NP_MultipleCategories」のインストールが必要となります。

サブカテゴリの順位変更

　サブカテゴリの順位変更は残念ながら「NP_ContentsList」によって操作することはできません。
　「NP_MultipleCategories」の「サブカテゴリの編集画面へ」をクリックして「子サブカテゴリの並び順の変更」の項目で順位の指定を行い「並び順を反映」ボタンを押してください。
　尚、この順位指定を有効にするためには「NP_ContentsList.php」のphpファイルを変更して下さい。

こちらのトピックを参考にして下さい。
 

アイテムへのリンクと表示をコントロール

　「Company」はセクションをブログとして設定し、アイテム=カテゴリとして「NP_ContentsList」によりナビゲーションを作成しています。
１カテゴリ=１～数ページの比較的小規模な中小企業ではこの方法も良いでしょうが、一つのカテゴリに複数のページ（アイテム）が存在する場合などは「NP_Pickup」や「NP_LinkList」を利用してアイテムへの直接のリンクを作成する方法があります。
　また、ページの追加が頻繁に発生するセクションなどは、通常のブログ的な構造にするのも良いでしょう。
　当サイトではサブカテゴリ以下のアイテムへのリンクに「NP_Pickup」を例にして紹介します。
　「NP_Pickup」は管理領域でチェックの付けたアイテムを収集し、リンクリストを形成するプラグインです。カテゴリこどに41件までは表示順位も自由に指定できます。

NP_PickupのHTML出力

「default」スキンへの記述例

<!-- page menu -->
<div id="section_bt">
  <%bloglist(default/index)%>
</div>
<%ContentsList(@)%>
<h2 class="hidden">Sidebar</h2>
<div id="sidebarcontainer">
<%parsedinclude(sidebar.inc)%>
</div>
　　　　　
<!-- page menu -->
<div id="section_bt">
  <%bloglist(default/index)%>
</div>
<%ContentsList(@)%>
<%if(MultipleCategories, subcatid, 4)%>
  <%Pickup(3,,6)%>
<%endif%>
<h2 class="hidden">Sidebar</h2>
<div id="sidebarcontainer">
<%parsedinclude(sidebar.inc)%>
</div>
サブカテゴリのIDを判断して条件にあったときのみ「NP_Pickup」で　ブログとカテゴリを指定してリンクを表示する。

company

suc - nucleus

2007年 9月 14日(金曜日) 03:41

企業サイトなど、ブログっぽくないサイトをNucleusで構築するためのスキン&テンプレートです。
「Company」は実際には「companytop」と「 company2nd」二つのスキンから構成されています。
ダウンロードしたスキンには「companytop」と「 company2nd」の二つのスキンが含まれていますが、「companytop」はトップページの作成例としてご覧下さい。
尚、このスキンにはログインフォームを「隠しログインフォーム」として設定しています。詳しくは「隠しログインフォームの設定」をご覧下さい。

NucleusCMSのブログとしての幾つかの特徴

　1.記事が時系列に管理されている。
　2.メニューに関する自由な設定が行えない。（メニューという考え方自体が殆どありません。）

これらの特長（欠点）を補ううために幾つかのプラグインやNucleusシステムに対する設定が必要です。中でもアイテム=カテゴリとして設定し、一つ一つのアイテムが全て個別のカテゴリに属しているいう構築方法はナビゲーションボタンの配置に自由度を持たせることが目的の構築方法です。
　また、Nucleusシステムの大きな特徴の一つに、複数のブログを一つのシステムで運営できることがあげられます。この複数のブログとは各々のブログを違ったデザインに設定したり サブドメインによる運営なども可能なものです。

「Company」スキン&テンプレートのコンセプト

サイト制作者ではなく運営者の利便性と要求を追求。

想定されるサイト構造

　「company」では最も上流の分類（セクション）をブログで設定し、各セクション下のカテゴリを通常のカテゴリとし作成しています。また、プラグインによるサブカテゴリとサブカテゴリ下のアイテムによって4階層の構築が可能です。
　サブカテゴリにはプラグインが無限対応していますので、理屈上は4階層以上の階層化も可能でしょうが、構築と管理が複雑になりますのでユーザビリティ的にもインフォメーションアーキテクチャ的にもお勧めできません。

　企業サイトを含め一般的なサイトを構築する際に私は以下の項目が重要なポイントである考えています。

構築に関して

1. トップページとセクションページ以降のデザインの変更が可能であるか。
2. ナビゲーションボタンのデザイン、配置の自由度は高いか。
3. ナビゲーションボタンの順位を自由に変更できるか。
4. URLの設定の自由度は高いか。

運営に関して
（一般的なスキルの人がサイト管理者となることを想定して。）

1. アイテムの編集が可能か。
2. アイテムの新規投稿は可能か。
3. メニューの並べ替えは可能か。

プラグインも色々必要です。

　「company」スキンで使用されるプラグインは以下の6種類です。これらのプラグインをNucleus CMS JAPANのプラグインページ（http://japan.nucleuscms.org/wiki/plugins）よりダウンロードしてインストールを行って下さい。

URL を自由にカスタマイズ
NP_CustomURL

パンくずリストの作成
NP_ItemNaviEX

サブカテゴリ（カテゴリの階層化）の実現
NP_MultipleCategories

カテゴリ、サブカテゴリリンクの表示をコントロール
メニューを作成
NP_ContentsList

指定アイテムへのリンクを生成
NP_Pickup

選択ブログのアイテム群表示をコントロール
NP_ShowBlogs

 

構築の手順

構築は以下のステップで行って下さい。

1. スキン「company」のダウンロード
2. 必要なプラグインのダウンロード
3. ブログ（Nucleus）の設定
   1. 必要なセクションの作成
   2. セクション下にアイテムを作成
4. プラグインのインストールと設定
   1. NP_CustomURLの設定
   2. NP_ItemNaviEXの設定
   3. NP_ContentsListの設定
   4. NP_MultipleCategoriesの設定
5. スキン「company」の適応