タグ

2008年10月20日のブックマーク (1件)

  • WordPress で「続きを読む」の折りたたみ Web2.0

    WordPress で追記文章を書いた時、「続きを読む」のリンクをクリックすると、スライドダウンで文下に続きを表示するカスタマイズをご紹介します。 1.特徴 JavaScript エフェクトライブラリ script.aculo.us(スクリプタキュラス)を利用し、「Read more(続きを読む)」のリンクをクリックすると追記文章をスライドダウンで表示します。 JavaScript が無効の場合は記事ページにジャンプします。 「Hide more(続きを隠す)」リンクは追記文章の前後に表示されますので、長い追記文章でも折りたたみやすくなっています。 スクリプタキュラスのライブラリを編集せずに、折りたたみ速度の変更が可能です。 2.サンプル 以下にサンプルを作りましたので、動作をお試しください。折りたたみ速度は0.5秒に設定しています。 追記文章の折りたたみ 2.0 サンプル 3.Word