ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 9 and Version 10 of pne-customize-note


Ignore:
Timestamp:
Jul 14, 2008, 4:51:02 PM (13 years ago)
Author:
ogawa
Comment:

見出しのアンカーを修正

Legend:

Unmodified
Added
Removed
Modified
  • pne-customize-note

    v9 v10  
    33
    44== 古いバージョンでカスタマイズを行う ==
     5
    56=== !MyNews ===#mynews
     7
    68==== 対応バージョン ====
    79 * OpenPNE2.10
     10
    811==== 入力フォームの作成 ====
    912管理画面「テンプレート挿入」の「【PC版】 h_home 9」に以下を入力してください。
     
    116119}}}
    117120
    118 === !MyNews 携帯版の設置 ===#mynews
     121=== !MyNews 携帯版の設置 ===#mynews_ktai
     122
    119123==== 対応バージョン ====
    120124 * OpenPNE2.10
     125
    121126==== 入力フォームの作成 ====
    122127管理画面「テンプレート挿入」の「【携帯版】 h_home 2」に以下を入力してください。
    123128{{{
    124 
    125129({t_form m=ktai a=do_h_home_update_my_news})
    126130<table width="100%" bgcolor="#({$ktai_color_config.bg_05})">
     
    148152
    149153=== ポイント・ランクのフレンドホーム表示 ===#pointrank
     154
    150155==== 対応バージョン ====
    151156 * OpenPNE2.8~OpenPNE2.10
     157
    152158==== 表示部分の作成 ====
    153159管理画面「テンプレート挿入」の「【PC版】 f_home (h_prof) 4」に以下を入力してください
     
    167173}}}
    168174
    169 
    170 === Skype機能の設置 ===#pointrank
     175=== Skype機能の設置 ===#skype
     176
    171177==== SkypeIDの設定 ====
    172178管理画面「SNS設定」の「プロフィール項目設定」を選択します
     
    181187⑦入力タイプ・・・文字列
    182188}}}
     189
    183190==== Skype画像の登録 ====
    184191管理画面「画像・書き込み」の「画像のアップロード・削除」を選択します
     
    186193
    187194アップロード画像リストから、 アップしたSkype画像を選択し、表示されるURLを保存してください
     195
    188196==== 表示部分の作成 ====
    189197管理画面「テンプレート挿入」の「【PC版】 f_home (h_prof) 4」に以下を入力してください
     
    192200({if $target_c_member.profile.skype_id})
    193201
    194 <table style="margin: 0px auto; width: 270px;" class="border_07" border=
    195 "0" cellpadding="0" cellspacing="0">
    196 <tbody><tr>
    197 <td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/
    198 dummy.gif" style="width: 7px; height: 7px;
    199 " class="dummy"></td>
    200 <td style="width: 127px; height: 7px;" class="bg_05"><img src="./skin/
    201 dummy.gif" style="width: 127px; height:
    202 7px;" class="dummy"></td>
    203 <td style="width: 127px; height: 7px;" class="bg_05"><img src="./skin/
    204 dummy.gif" style="width: 127px; height:
    205 7px;" class="dummy"></td>
    206 <td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/
    207 dummy.gif" style="width: 7px; height: 7px;
    208 " class="dummy"></td>
    209 </tr>
    210 
    211 <tr>
    212 <td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/
    213 dummy.gif" style="width: 7px; height: 7px;
    214 " class="dummy"></td>
     202<table style="margin: 0px auto; width: 270px;" class="border_07" border="0" cellpadding="0" cellspacing="0"><tbody>
     203<tr>
     204<td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
     205<td style="width: 127px; height: 7px;" class="bg_05"><img src="./skin/dummy.gif" style="width: 127px; height: 7px;" class="dummy"></td>
     206<td style="width: 127px; height: 7px;" class="bg_05"><img src="./skin/dummy.gif" style="width: 127px; height: 7px;" class="dummy"></td>
     207<td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
     208</tr>
     209<tr>
     210<td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
    215211<td class="bg_05" align=center>
    216212<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
    217 <a href="skype:({$target_c_member.profile.skype_id.value})?call" onclick
    218 ="return skypeCheck();"
    219 ><img src="先ほど保存したSkype通話の画像URL" width="120" height
    220 ="40" alt="通話" style="border: m
    221 edium none ;"></a>
     213<a href="skype:({$target_c_member.profile.skype_id.value})?call" onclick="return skypeCheck();">
     214<img src="先ほど保存したSkype通話の画像URL" width="120" height="40" alt="通話" style="border: medium none ;"></a>
    222215</td>
    223216<td class="bg_05" align=center>
    224 <a href="skype:({$target_c_member.profile.skype_id.value})?chat" onclick
    225 ="return skypeCheck();"
    226 ><img src="先ほど保存したSkypeチャットの画像URL" width="120" height=
    227 "40" alt="チャット" style="border: m
    228 edium none ;"></a>
    229 </td>
    230 <td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/
    231 dummy.gif" style="width: 7px; height: 7px;
    232 " class="dummy"></td>
    233 
    234 </tr>
    235 <tr>
    236 <td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height:
    237 7px;" class="dummy"></td>
    238 <td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height:
    239 7px;" class="dummy"></td>
    240 <td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height:
    241 7px;" class="dummy"></td>
    242 <td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height:
    243 7px;" class="dummy"></td>
     217<a href="skype:({$target_c_member.profile.skype_id.value})?chat" onclick="return skypeCheck();">
     218<img src="先ほど保存したSkypeチャットの画像URL" width="120" height="40" alt="チャット" style="border: medium none ;"></a>
     219</td>
     220<td style="width: 7px; height: 7px;" class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
     221</tr>
     222<tr>
     223<td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
     224<td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
     225<td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
     226<td class="bg_05"><img src="./skin/dummy.gif" style="width: 7px; height: 7px;" class="dummy"></td>
    244227</tr>
    245228</tbody></table>
     
    250233}}}
    251234
    252 
    253 === あしあと帳作成の表示 ===#pointrank
     235=== あしあと帳作成の表示 ===#ashiato_diary
     236
    254237==== 表示部分の作成 ====
    255238管理画面「テンプレート挿入」の「【PC版】 f_home (h_prof) 5」に以下を入力してください
    256239{{{
    257240({if !$c_diary_list})
    258 <table style="margin: 0px auto; width: 270px;" class="border_07" border=
    259 "0" cellpadding="0" cellspacing="0">
     241<table style="margin: 0px auto; width: 270px;" class="border_07" border="0" cellpadding="0" cellspacing="0">
    260242<tbody>
    261243<tr><td>&nbsp;</td></tr>
    262244<tr>
    263245<td align="center">
    264 <form action="./" method="post" enctype="multipart/form-data">
     246<form action="./" method="post">
    265247<input type="hidden" name="m" value="pc">
    266248<input type="hidden" name="a" value="page_h_diary_add">
     
    278260({/if})
    279261}}}
     262
    280263==== 内容の変更 ====
    281264「テンプレート挿入」より、
    282265ボタンの名前(「まずは「あしあと帳」作成から」)や本文に挿入される文字列(「あしあと帳つくってみました…)を自由に変更してください
    283266
    284 === お題日記機能の設置 ===#pointrank
     267=== お題日記機能の設置 ===#odai_diary
     268
    285269==== 表示部分の作成 ====
    286270管理画面「テンプレート挿入」の「【PC版】 h_home 4」に以下を入力してください
     
    298282</script>
    299283
    300 <form name="odaibotan" action="./" method="post" enctype="multipart/form
    301 -data">
     284<form name="odaibotan" action="./" method="post">
    302285<input type="hidden" name="m" value="pc">
    303286<input type="hidden" name="a" value="page_h_diary_add">
     
    306289本文のみ修正して日記を書いてみましょう。">
    307290<input type="hidden" name="category" value="お題日記">
    308 <table style="margin: 0px auto; width: 270px;" class="border_07" border=
    309 "0" cellpadding="0" cellspacing="0">
     291<table style="margin: 0px auto; width: 270px;" class="border_07" border="0" cellpadding="0" cellspacing="0">
    310292<tbody>
    311293<tr><td>&nbsp;</td></tr>
    312294<tr>
    313295<td align="center">
    314 <input type="submit" style="color:文字の色; background-color:背景の色; border-color: 境界線の色" value="今日のお題は? Click! Click!" onClick=
    315 "randomodai()">
     296<input type="submit" style="color:文字の色; background-color:背景の色; border-color: 境界線の色" value="今日のお題は? Click! Click!" onClick="randomodai()">
    316297</td>
    317298</tr>
     
    327308</form>
    328309}}}
     310
    329311==== 内容の変更 ====
    330312「テンプレート挿入」より、
     
    333315
    334316また、「みんなのお題日記は」の(SNSのURLを入力)のところに使用しているSNSのURLを入れてください
    335 
    336 == ソースコードを修正するカスタマイズ ==
    337 
    338 OpenPNE内部の関数やモジュール機構は現在でも頻繁な変更が行われており、明確なインターフェースの規定が有りません。よって、OpenPNE本体のソースコードを変更する場合、本体のバージョンアップに応じてカスタマイズの作り直し作業が発生する可能性が有ります。
    339 
    340 
    341 === OpenPNE本体修正の際のアドバイス ===
    342 
    343 OpenPNE本体のバージョンアップに追従するカスタマイズ手法を採ることが重要になります。
    344 
    345 ==== バージョン管理ツールの使用 ====
    346 OpenPNEのソースコードはSubversionにより管理されています。
    347 
    348 OpenPNEに対して、カスタマイズ開発を行う際にも、Subversionを利用すると開発作業やバージョンアップへの追従作業が簡単になります。
    349 
    350 ==== 既存のDB定義に対して変更を行わない ====
    351 
    352  * OpenPNEの既存テーブルにはさわらない
    353  * 新規でテーブルを作成し、外部キーで連携させる
    354 
    355 
    356 ==== 表示系のカスタマイズ ====
    357 
    358  * Smartyプラグインを作る
    359  * Smartyプラグイン内でDBに接続する。
    360  * 作成したSmartyプラグインをTPL修正で埋め込む
    361 
    362 
    363 
    364 ==== 実行系 ====
    365 
    366  * 新規でモジュールを作成する
    367