Home

Expand More Link

概要

Expand More Linkは、投稿記事に<!--more-->というタグを挿入すると表示される「続きを読む」を拡張して、<!--more-->タグ以降の内容を非表示の状態で読み込み、JavaScriptを使用して折りたたむ(表示/非表示を切り替える)WordPressプラグインです。画面遷移せずに続きを表示することが出来ます。

特徴

  • 「続きを読む」や「続きを隠す」などのリンクの文字列を自由に設定できます(タグは使用不可)
  • 続きを読んだ後で「続きを隠す」をクリックしたときに適切な位置までスクロールします
  • 本来の「続きを読む」が表示されるタイミング(最小の範囲)でのみプラグインが動作します
  • JavaScriptが無効の場合は単体記事ページに移動(デフォルトの動作)します。

折りたたんでいる状態

※WordPress Default 1.6 テーマの場合
Expand More Link - 折りたたんでいる状態

折りたたんでいる状態でのリンクの文字列(ここでは「この投稿の続きを読む »」)は、初期設定ではテーマが指定する文字列を使用します。管理画面から変更することができます。

開いている状態

※WordPress Default 1.6 テーマの場合
Expand More Link - 開いている状態

閉じている状態でのリンクの文字列は、初期設定では「« 続きを隠す」を使用します。管理画面から変更できます。

動作確認

以下の環境で動作を確認しています。

WordPress

  • WordPress: 2.8.4 / 2.8.5
  • PHP: 4.4.8 / 5.1.6 (Linux)
  • THEME: Default 1.6, Classic 1.5, wp.Vicuna Ext. 1.58, iNove 1.46

ブラウザ

  • Firefox 3.5 (Windows 2000/XP)
  • Internet Explorer 6 (Windows 2000)
  • Internet Explorer 8 (Windows XP)
  • Opera 10.00 (Windows XP)
  • Safari 4.0.3 (Windows XP)
  • SeaMonkey 1.1.18 (Windows XP)
  • SRWare Iron 3.0.197.0 (Windows XP)

ダウンロード

expand-morelink0.6.zip

※自分の環境(WordPress2.8.4)以外では全くテストしていないので、動作報告をしていただけると助かります。

設置方法

  1. ダウンロードしたプラグインをexpand-morelinkフォルダごと/wp-content/plugins/以下にアップロードします
  2. 管理画面のプラグインから「Expand More Link」を有効にします

リンク文字列を修正したい場合は、管理画面の設定にある「Expand More Link」に設定ページがありますので、そこで行ってください。

改版履歴

ver 0.6.0 (2009/10/27)

  • [PHP] データ出力時のソースの可読性を向上(機能・動作に変更無し)
  • [JS] マウスイベント取得にイベントリスナを使用するように変更

ver 0.5.0 (2009/10/23)

  • [JS] SeaMonkeyに対応

ver 0.4.0 (2009/10/22)

  • 新規リリース

TIPS

単体記事ページでも「続きを読む」を表示したい

このプラグインを単体記事ページ(single.php)でも動作させたい場合は、single.phpを以下のように修正してください。

修正前:<?php the_content('(…)'); ?>
修正後:<?php global $more; $more = 0; the_content('(…)'); ?>

※(…)の部分は使用しているテーマによって違います。

トラックバック(0)
コメント(0)
コメントを投稿

※初回のみ承認されるまでコメントは反映されません

※Cookie無効の場合「書き込む」を押しても無反応ですが投稿は完了しています
(既に認証されていればコメントは反映されます)