ユーティリティ

2017年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

エントリー

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が最適だと考えて今回採用しております。

ページ移動

関連エントリー

コメント

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

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをひらがな3文字で入力してください(スパム対策)