freoカスタマイズ集

Right Bowerさんに WebDiaryProで「記事の内容」の一部を隠す というカスタマイズがありますが、残念なことに元記事のJUGEMカスタマイズ講座さんがリンク切れのため「記事の一部を隠す」のスクリプトがダウンロードできずにいたところ、East of R134さんのところでその改造版が配布されていましたので、それを利用して[続きを表示]ボタンを設置する方法を紹介します。

※Javascriptを使用するので携帯では使用できませんのでご了承下さい。

●Web Diary Pro、Web Gallery Pro、Web Cart Proの場合

1. Web Gallery Pro、Web Cart Proの場合は skin/view.html の

   ${ARTICLE_TEXT}

   の下に、

   </div>
   <div class="text">

   （赤字）を追加します。
   ※Web Diary Proでタギングプラグインなどを導入して skin/diary.html の

   ${ARTICLE_TEXT}

   のすぐ下が、

   </div>

   になっていない場合も同様にしてください。
2. skin/footer.html の </body> の手前にEast of R134さんの 【JUGEM】「続きを読む」の折り畳み002[再改訂](20080504) に記載されているJavaScriptファイル（<script type="text/javascript">～</script>）を挿入します。
3. 挿入したJavaScriptファイルの最後の方にある

   initSequel('div','entry_body');

   の部分を、

   initSequel('div','text');

   に変更（緑字を赤字に）します。

●Web Diary、Web Galleryの場合

1. Web Diaryの diary.html の39行目あたりにある

   <p>${ARTICLE_TEXT}</p>

   の部分を、

   <div class="text">
     <p>${ARTICLE_TEXT}</p>
   </div>

   に変更（赤字部分を追加）します。
   （Web Galleryの場合は skin/view.html の31行目あたりにある${GALLERY_TEXT}を同様に、<div class="text"> </div>で挟みます）
2. 同じくWeb Diaryの diary.html（またはWeb Galleryの skin/view.html）の </body> の手前にEast of R134さんの 【JUGEM】「続きを読む」の折り畳み002[再改訂](20080504) に記載されているJavaScriptファイル（<script type="text/javascript">～</script>）を挿入します。
3. 挿入したJavaScriptファイルの最後の方にある

   initSequel('div','entry_body');

   の部分を、

   initSequel('div','text');

   に変更（緑字を赤字に）します。

●投稿の方法（各プログラム共通）

1. 記事（または作品or商品）を登録する際に隠したい部分の手前に

   <org />

   を入れてください。
   
2. 導入したもののサンプルは こちら です。

• ボタンの名前を変更したい場合は、挿入したJavaScriptファイルの最後の方にある

  gTextVisible = '↓[続きを表示]'; /* 「続き」を表示するためリンク */
  gTextHidden = '↑[続きを隠す]'; /* 「続き」を隠すためのリンク */

  の緑字（' 'で囲まれた部分）を適宜変更してください。

• East of R134さんの記事にも書いてあるとおり、<org />はW3Cで定義されていない独自タグのため、HTML文法チェックをするとエラーもしくは警告がなされるとのことですのでご了承下さい。
• East of R134さんの【JUGEM】「続きを読む」の折り畳みには001～003までありますが、002が最適だと考えて今回採用しております。