カスタマイズ方法 - NetCommons2公式サイト

[webapp/style/images/background]下に「fixed」、または、「scroll」のディレクトリを追加します。
オリジナルの背景(gif,jpgファイル等)を追加します。
モジュール管理の一括アップデートを行います。
クラシックのページスタイルの配色で追加した背景を変更できるようになります。

「fixed」:背景画像の位置が固定され、スクロールしても動かなくなる
「scroll」:スクロールに伴って、背景画像も移動

※その他のページテーマでも設定ファイルの記述方法で選択できるようになります。

アップロードの設定は以下の通りです(事前にphp.iniのupload_max_filesizeとpost_max_sizeを変更する必要があります)。

アップロードファイルの総量
- プライベートルーム(各個人のルーム)の総量は、権限ごとで定義されています。権限管理 → 編集 → プライベートルームの容量で変更できます。
- グループルームの総量は、システム管理 → 一般設定 → グループルームの容量で変更できます。
- パブリックスペースについては、無制限です。
キャビネットのアップロードサイズ→キャビネットの編集画面で変更できます。
- グループルーム・パブリックスペースのキャビネット→キャビネットの編集画面で変更できます。
- マイルームのキャビネット(むやみに大きなファイルをアップさせないため、現状5Mとなっています。) → 以下の手順で変更
1．[webapp/modules/cabinet/install.ini] の15行目あたり
upload_max_size = 5242880
を変更する。(0: 無制限、それ以外: アップロードサイズ)
2．モジュール管理でキャビネットをアップデート
3．キャビネットを新規作成する。
各モジュールのアップロードファイルサイズ → 以下の手順で変更

[webapp/config/global-config.ini] 43行目あたり
;-----------------画像最大アップロードサイズ-------------------------------
_UPLOAD_MAX_SIZE_IMAGE = 2000000
_UPLOAD_MAX_SIZE_ATTACHMENT = 2000000
を変更します。

※「アップロードに失敗したか、タイムアウトになった可能性～」のメッセージを出したくない場合の対処方法（大きなファイルをアップロードしているためにアプリケーション側でタイムアウトになっている状態：１０秒）
以下を修正し、モジュール管理の一括アップデートを行います。
[webapp/modules/common/files/js/common.js]_attachmentCheckerメソッド
if(totaltime > 10000) { if (!commonCls.confirm(commonLang.upload_timeout_confirm)) {
↓
if(totaltime > 50000) {　　　　/* 数値を増やす例だと50秒でタイムアウトの確認メッセージ表示*/
if (!commonCls.confirm(commonLang.upload_timeout_confirm)) {

閉じる

テンプレートを一部、カスタマイズしたいのですが（上級者向け）。

メニューの見た目を変更したい、画面表示項目の並びを変更したい等といった場合、テンプレートをカスタマイズすることで実現できます（HTML+CSS+Smarty+カスタマイズするモジュールの仕様をご理解の上で自己責任で行ってください）。
ここでは、メニューの見た目をいくつか変更できるようにしてますので、そちらの説明を行います。「メニューモジュール->編集->ブロックスタイル->一般」の画面でテンプレートの項目より変更できることを確認してみてください。

[webapp/modules/menu/templates/default]ディレクトリを同じ階層にコピーします。コピーするディレクトリ名は、半角英数字で適切な名前で保存してください（ここでは、「hoge」として説明）。
同様に[webapp/modules/menu/files/css/default]ディレクトリも同じ階層に「hoge」の名前で保存します。
コピーしたディレクトリ下のテンプレート、及び、スタイルシート(CSS)を編集します（メニューでの編集方法は、コピーしたディレクトリ先の実際のファイルをご確認ください。また、メニューモジュールは、テンプレートの種類によって若干、phpの処理も変更しています。フラットに表示するメニュー(headerflat,sideflat)のテンプレートディレクトリ名は、hogeflatのようにしてください）。
モジュール管理からメニューモジュールのアップデートを行います。
「メニューモジュール->編集->ブロックスタイル->一般」の画面でテンプレートの項目から「hoge」を選択し、決定ボタン（適用）をクリックします。

閉じる

ヘッダーメニュー、フッタメニューの追加方法(上級者向け)

ここでは、本公式サイトで行ったヘッダーメニュー、フッタメニューの追加方法を示します。

[webapp/modules/pages/temlates/default]ディレクトリ(下位ファイルを含む)を同じ階層にコピーします。コピーするディレクトリ名は、半角英数字で適切な名前で保存してください（ここでは、「hoge」として説明）。
（prefix）_configテーブルのconf_id=70の「default_temp」のconf_valueをさきほどコピーしたディレクトリ名(hoge)に更新します。これで、さきほどコピーしたディレクトリ以下のテンプレートが使用されます。
テンプレート中、または、お知らせモジュール中に使用したい画像がある場合、予め[webapp/modules/pages/files]下にimagesディレクトリを作成し、その下に画像等を保存できます(./images/pages/hogehoge.gifのように参照可能)。
ヘッダーメニューの編集をします（[webapp/modules/pages/temlates/hoge/headermenu.html]をエディターで開き、下記のように編集）。
※本カスタマイズは、ヘッダーメニューに「検索」、「プライベートルームへ」のリンクを追加するものです。
<{if $smarty.session._user_id == "0"}>･･･20行目
<{* 検索 *}> ･･･ログイン前のヘッダーメニュー
<a alt="サイト内検索画面へ移動します" class="menulink header_btn_left" href="./index.php?action=pages_view_main&active_center=search_view_main_center">
<img src="http://www.netcommons.org/themes/images/icons/default/search.gif" class="icon" /> 検索
</a>
<{* 新規登録 *}>
<{if $autoregist_use == _ON}>
<a class="menulink header_btn_left" href="#" title="<{$lang.pages_login_autoregist_title}>" onclick="commonCls.sendPopupView(event, {'action':'login_view_main_autoregist','prefix_id_name':'login_popup_autoregist'},{center_flag:1});return false;">
<{$lang.pages_login_autoregist}>
</a>
<{/if}>
<{else}> ･･･ログイン後のヘッダーメニュー
<a class="menulink header_btn_left" href="#" title="<{$lang._user_title|sprintf:$smarty.session._handle}>" onclick="commonCls.showUserDetail(event, '<{$smarty.session._user_id}>');return false;">
<{$smarty.session._handle}>
</a>
<{* 検索 *}>
<a alt="サイト内検索画面へ移動します" class="menulink header_btn" href="./index.php?action=pages_view_main&active_center=search_view_main_center">
<img src="http://www.netcommons.org/themes/images/icons/default/search.gif" class="icon" /> 検索
</a>
<a class="menulink header_btn" alt="プライベートルームへ移動します" href="./index.php?action=pages_view_main&page_id=-1"> ･･･プライベートルームへのリンクは「./index.php?action=pages_view_main&page_id=-1」と記述することにより行える
プライベートルームへ
</a>
テンプレート中、または、お知らせモジュール中に使用したいスタイルシート（CSS）がある場合、予め[webapp/modules/pages/files]下に「css/hoge」ディレクトリを作成し、その下に「page_style.css」でファイルを作成します（スタイルシートの中身は、本説明では省きます。記述した内容については、こちらを参照してください）。
ヘッダー上のメニューボタン、並びにフッターメニューの編集をします（[webapp/modules/pages/temlates/hoge/page.html]をエディターで開き、下記のように編集）。※本カスタマイズは、ヘッダーボタンの追加、フッターメニューに「新規登録」、「プライベートルームへ」、「サイトマップ」、「このサイトについて」、「個人情報について」のリンクを追加するものです。リンク先については、個々のサイトで変更してください。
<{strip}>
<table id="_container" class="container" summary=""<{if $align != "left"}> align="<{$align}>"<{/if}>
style="
text-align:<{$align}>;
<{if $leftmargin != 0}>margin-left:<{$leftmargin}>px;<{/if}>
<{if $rightmargin != 0}>margin-right:<{$rightmargin}>px;<{/if}>
<{if $topmargin != 0}>margin-top:<{$topmargin}>px;<{/if}>
<{if $bottommargin != 0}>margin-bottom:<{$bottommargin}>px;<{/if}>
">
<tr>
<td class="valign-top align-left">
<{if $smarty.session._header_menu_flag == _ON || $smarty.session._layoutmode == "on"}>
<div <{*ヘッダーメニューの背景色を取り除くためclass="headercolumn_menu"*}>>
<{* ヘッダーメニュー *}>
<{include file="headermenu.html"}>
</div>
<{/if}>
<{if $main_display_position == _DISPLAY_POSITION_CENTER && ($header_flag || $smarty.session._layoutmode == "on")}>
<{if $header_flag}>
<{*ヘッダーの画像挿入*}>
<table class="widthmax" summary="">
<tr>
<td style="background:transparent url('<{$smarty.const.CORE_BASE_URL}>/images/pages/header_upperleft.gif') no-repeat top right;width:13px;height:13px;">
</td>
<td rowspan="2" style="background:transparent url('<{$smarty.const.CORE_BASE_URL}>/images/pages/header_center.gif') repeat top left; width:924px;">
<div id="_headercolumn" class="headercolumn"<{if $header_style != ""}> style="<{$header_style}>"<{/if}>>
<{if $smarty.session._layoutmode == "on" && ($main_display_position == _DISPLAY_POSITION_CENTER || $main_display_position == _DISPLAY_POSITION_HEADER)}> <div id="headercolumn_addmodule" class="valign-top align-left">
<{*モジュール追加ボックス*}>
<{assign var="arrange_position" value="header"}>
<{assign var="column_page_id" value=$smarty.session._headercolumn_page_id}>
<{assign var="display_position" value=$smarty.const._DISPLAY_POSITION_HEADER}>
<{assign var="auth_id" value=$smarty.session._auth_arr.$display_position}>
<{assign var="addblock_field" value=$addblock_header_field}>
<{include file="addblock_box.html"}>
</div>
<{/if}>
<div id="__headercolumn" class="main_column<{if $smarty.session._layoutmode == "on"}> headercolumn_on<{/if}>">
<{* ヘッダ表示 *}>
<{$content_header_field|smarty:nodefaults}> </div>
</div>
</td>
<td style="background:transparent url('<{$smarty.const.CORE_BASE_URL}>/images/pages/header_upperright.gif') no-repeat top left;width:13px;height:13px;">
</td>
</tr>
<tr>
<td style="background:transparent url('<{$smarty.const.CORE_BASE_URL}>/images/pages/header_left.gif') repeat-y top right;width:13px;height:100%;">
<img alt="" src="<{$smarty.const.CORE_BASE_URL}>/images/common/blank.gif" style="height:117px; width:13px;" /> </td>
<td style="background:transparent url('<{$smarty.const.CORE_BASE_URL}>/images/pages/header_right.gif') repeat-y top left;width:13px;height:100%;">
<img alt="" src="<{$smarty.const.CORE_BASE_URL}>/images/common/blank.gif" style="height:117px; width:13px;" /> </td>
</tr>
</table>
<{* ヘッダーメニュー *}>
<ul id="nc20_header_menu">
<li id="<{if $page_id == 13}>nc20_menu1_l<{else}>nc20_menu1<{/if}>"><a href="index.php?action=pages_view_main&page_id=13" alt="ホーム" title="ホーム"></a></li>
<li id="<{if $page_id == 16}>nc20_menu2_l<{else}>nc20_menu2<{/if}>"><a href="index.php?action=pages_view_main&page_id=16" alt="ニュース" title="ニュース"></a></li>
<li id="<{if $page_id == 17}>nc20_menu3_l<{else}>nc20_menu3<{/if}>"><a href="index.php?action=pages_view_main&page_id=17" alt="特徴" title="特徴"></a></li>
<li id="<{if $page_id == 18}>nc20_menu4_l<{else}>nc20_menu4<{/if}>"><a href="index.php?action=pages_view_main&page_id=18" alt="ダウンロード" title="ダウンロード"></a></li>
<li id="<{if $page_id == 19}>nc20_menu5_l<{else}>nc20_menu5<{/if}>"><a href="index.php?action=pages_view_main&page_id=19" alt="フォーラム" title="フォーラム"></a></li>
<li id="<{if $page_id == 20}>nc20_menu6_l<{else}>nc20_menu6<{/if}>"><a href="index.php?action=pages_view_main&page_id=20" alt="よくあるご質問" title="よくあるご質問"></a></li>
<li id="<{if $page_id == 21}>nc20_menu7_l<{else}>nc20_menu7<{/if}>"><a href="index.php?action=pages_view_main&page_id=21" alt="お問い合わせ" title="お問い合わせ"></a></li>
</ul>
<{/if}>
<{/if}>
</td>
</tr>
<{* メイン表示 *}>
<{include file="main.html"}>
<{if $main_display_position == _DISPLAY_POSITION_CENTER && ($footer_flag == 1 || $smarty.session._layoutmode == "on")}> <{if $footer_flag}> <tr class="main_column" id="footercolumn"> <td id="_footercolumn" class="footercolumn valign-top align-left" style="<{$footer_style}>">
<{* フッタ表示 *}>
<div class="align-center" style="border-top:1px solid #cccccc; padding:10px 0px;margin:0px 15px;">
<{if $smarty.session._user_id == "0"}>
<a href="#" onclick="commonCls.sendPopupView(event, {'action':'login_view_main_autoregist','prefix_id_name':'login_popup_autoregist'},{center_flag:1});return false;">新規登録</a> ｜ 
<{else}>
<a href="./index.php?action=pages_view_main&page_id=-1">プライベートルームへ</a> ｜ 
<{/if}>
<a href="index.php?action=pages_view_main&page_id=22">サイトマップ</a> ｜ 
<a href="index.php?action=pages_view_main&page_id=23">このサイトについて</a> ｜ 
<a href="index.php?action=pages_view_main&page_id=43">個人情報について</a>
</div>
<{include file="./footer.html"}>
</td>
</tr>
<{/if}>
<{/if}>
</table>
<{/strip}>
モジュール管理より「一括アップデート」を行います。

閉じる