エントリー

Web Diary ProやWeb Diaryなどで[続きを表示]ボタンを設置する

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 />
    を入れてください。
    ファイル 33-1.jpg
  2. 導入したもののサンプルは こちら です。
  • ボタンの名前を変更したい場合は、挿入したJavaScriptファイルの最後の方にある
    gTextVisible = '↓[続きを表示]'; /* 「続き」を表示するためリンク */
    gTextHidden = '↑[続きを隠す]'; /* 「続き」を隠すためのリンク */

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

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

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム

基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がありますので、その旨ご了承下さい。

ユーティリティ

2024年10月

- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

キーワード検索

キーワード検索フォーム

ユーザー

  • cccのアバター

新着画像

ブログパーツ

Twitter

Twilogを見る

Feed