WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグイン

WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグイン

Posted at May 9,2011 1:55 AM
Tag:[Plugin, WordPress, wp_more_content_folder]

WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグインを公開します。

閉じた状態
閉じた状態

開いた状態
開いた状態

1.機能

本文の追記部分をjQueryを使って折りたたみします。このプラグインは「Show Hide "more" with WordPress」を改造したものです。

サンプル
サンプル

2.ダウンロード

以下のリンクからプラグインをダウンロードしてください。

変更履歴

2011.05.09 初版
2011.05.09 v0.2 jQueryの呼び出し方法変更/本文下に表示される「閉じる」をクリックしたときの折りたたみ速度修正
wp_more_content_folder_0_2.zip

アーカイブを展開し、中にあるwp_more_content_folderフォルダをpluginsディレクトリにアップロードしてください。

アップロード後、管理画面で「More Content Folder」の有効化をクリックします。

管理画面

3.CSS

追記には「class="more"」および「class="hide"」が追加されます。以下のようなスタイルを追加すれば、クリック後のリンク色も変わらないと思います。

a.more, a.hide {
	color: #0066cc;
}
関連記事
トラックバックURL


コメント

こんにちは~。いいアイディアですね!

ひとつ気になったのですが、JavaScriptの埋め込みには、
wp_enqueue_script()関数を使う方法が推奨されています。
JavaScriptの二重読み込みや依存関係を整理してくれる関数です。

jQueryはWordPressに同胞されているので、
wp_enqueue_script('jQuery');
って書くだけでいけるハズです。

jQueryのバージョン指定(最新の1.5ではなく1.4)をする必要があるなら
wp_deregister_script('jQuery')してから
wp_enqueue_script()できちんと再定義する必要がありますが。。

それでは~ノシ

[1] Posted by fujixfujiko : May 9, 2011 12:18 PM

>fujixfujikoさん
こんばんは。
情報ありがとうございました。
ご指摘の内容と、他の不具合も修正して0.2にバージョンアップ致しました。

[2] Posted by yujiro logo : May 9, 2011 10:31 PM

はじめまして 探して探して辿り着きました^^

質問宜しいでしょうか?

御回答頂ければ幸いです。


記事タイトル

記事・・・・・・

続きを読む »   ← のリンクが 赤くなってしまいます

また

記事・・・・

« 続きを隠す   ← のリンクが 赤くなってしまいます

記事・・・・・・

« 続きを隠す  ← こちらは 青のリンクです


この 赤くなったリンクを 青のリンクに表示するにはどうしたら良いのでしょうか?

宜しく御願い致します

[3] Posted by やっと見つけた : July 10, 2011 1:59 PM

>やっと見つけたさん
こんばんは。
プラグインご利用ありがとうございます。
ご質問の件ですが、3項の設定を行ってみてください。
状況が変わらないようであれば事象が発生しているサイトのURLをご連絡頂ければ、より適切な回答ができると思います。
それではよろしくお願い致します。

[4] Posted by yujiro logo : July 11, 2011 11:53 PM

管理人様

御返事が遅くなり申し訳ございません

ありがとうございました

無事に解決する事ができました。

ここで 質問するのはどうかと思いましたが

管理人様は プラグインのFeedWordPress ついては詳しいでしょうか?

ご存知でしたら ご指導頂けると嬉しいのです。

宜しく御願い致します

[5] Posted by やっと見つけた : July 16, 2011 7:04 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)