記事一覧

WebDiaryProで「記事の内容」の一部を隠す

JUGEMカスタマイズ講座さんからまたひとつ、
「記事の内容」の一部を隠す』の導入方法。
これを導入すると、<hr />と書き込んだところから下が
隠し記事として折りたたまれます。
「続きを見る」の簡易版やネタバレ用として使えるかも。

ネタバレボタン導入が面倒だったという方にも
簡単にできるカスタマイズです。

■「記事の内容」の一部を隠す■

1.「skin>diary.html」を開き、${ARTICLE_TEXT}に
  ついているdivのclass属性を確認する。

<div class="text">
<!--ARTICLE_ICON_START--><p>${ARTICLE_ICON}</p><!--ARTICLE_ICON_END-->
${ARTICLE_TEXT}
</div>

2.「skin>common.css」を開き、最後のほうでもいいので
  次のスタイルを記入する。
  このとき、(1)で調べたclass属性名を使います。

.text hr {
display: none;
}

3.「skin>footer.html」を開き、
  <!--SKIN_FOOTER_START-->~<!--SKIN_FOOTER_END-->間の
  好きなところに「記事の一部を隠す」のスクリプトを入れる。

4.上記スクリプトの最後の部分を(1)で確認したclass名に書き換える。

gTextVisible = '↓[続きを表示]'; /* 「続き」を表示するためリンク */
gTextHidden = '↑[続きを隠す]'; /* 「続き」を隠すためのリンク */
gTextPosition = 0; /* 「続きを隠す」を表示する位置 0:「続き]の前 1:「続き」の後ろ 2:両方 */
gTextSequel = new Array();
initSequel('div','text');

スキンによってclass名が違う場合は、
各自それにあわせて太文字部分を書き換えてください。
設定方法は元記事にならいます。

COMMENT

■ないと [H] ... 2006/06/23(金) edit・delete

いつもカスタマイズ方法の紹介ありがとうございます[♪]
色々な機能が追加されていって、とっても嬉しいです。

先ほど、これまでリンクしていなかった記事にも Web Liberty からリンクさせていただきました。

http://www.web-liberty.net/download/diarypro/function.html
(「機能追加」の部分にまとめています。)

もしリンク内容に問題などありましたら修正しますので、お手数ですがお知らせください。m(_ _)m
ではではー。

■kiriji [H] ... 2006/06/23(金) edit・delete

こんばんは。
こちらこそいつもお世話になっております。

度重ねてのバージョンアップ、本当にお疲れさまです。
どんどん「あれがやりたい、これがやりたい」に対応なさってくださるので
どんどん愛着のあるプログラムになっています。

記事へのリンクありがとうございます。
ツリー化は少し特殊で、ナビゲーションの書き方が
デフォルトスキンからかなり変わってしまうのが今のところ問題で
もう少しなんとかできないかと模索しておりますが、なんらかの参考になればと思います。
記事紹介文などに問題はありませんでしたので、
これからもどうぞよろしくお願いします。

■未承認 ... 2014/10/13(月) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/11/19(水) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/11/21(金) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/11/21(金) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/11/28(金) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/11/29(土) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/12/14(日) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2014/12/27(土) edit・delete

管理者に承認されるまで内容は表示されません。

■未承認 ... 2015/02/02(月) edit・delete

管理者に承認されるまで内容は表示されません。

COMMENT FORM

COMMENT FORM
NAME
MAIL
U R L
 
MESSAGE
PASS
公開設定