WordPressのエディターのビジュアル、HTMLの両編集で<!–more–>タグを挿入するボタンがついていますが
記事を開くというイメージよりリンクに飛ばされるといった感じで前回記事の折りたたみプラグインAjaxified Expand Post NOWを設置しましたが・・・
記事を折りたたむプラグインを script.aculo.us で Web2.0 に | Tips Community
小粋空間: WordPress で「続きを読む」の折りたたみ Web2.0
そしてプラグインが
Ajaxified Expand Post NOW
Show Hide “more” with WordPress
前者のサイトではAjaxified Expand Post NOWを使っていたが、試しにShow Hide “more” with WordPressを導入したようです。
WordPressのタグで折りたたみ設置した場合はタブが挿入されたさきの記事はリンクとして表現されてますが、Show Hide “more” with WordPressを紹介している後者のサイトでサンプルをみるとスライドするといった感じでそのスピードも変更できるようです。
AJAXed Wordpressというプラグインも見つけ試しに設置し有効化してみました。
記事自体はあらかじめ全部読み込んでいるタイプっぽいです。
ビジュアル的には単純にスライドで開くのではなくちょっとした手間をかけてるような説明しづらい・・・4つ折の記事を縦から開いて横に開くといった感じ・・・?あと<more>の部分となるテキストリンクは手を加えないと読みづらい・・・記事と見分けがつきにくいです。
Lightboxとの相性ですが・・・編集しないと機能しなくなります。
Show Hide “more” with WordPressについては記事へのリンクと記事を開く2つのリンクが用意されていてデフォルトではビジュアル的に一瞬で開きます。
ただしLightboxは死にません。
今のところは時間をかけてもLightboxを動く手段をみつけビジュアル優先のAJAXed Wordpressを使うか、それともLightboxの編集に時間をかけずにShow Hide “more” with WordPressを編集し思っているスライドにし使うかといったところです。
AfroはShow Hide “more” with WordPressを使うことにします。
編集については小粋空間: WordPress で「続きを読む」の折りたたみ Web2.0に載せてあった通りに編集を。
サイト内の”その1”は飛ばします。“その2”、“その3”をそのまま編集しソース内に4つある“Read more”、“Hide more”を“この投稿の続きを読む”、“この投稿の続きを隠す”に変え、文字・改行コード注意で保存しFTPソフトでアップロードです。
ただこのプラグインにもコメントにあるように相性の問題が残っているようです。



この記事のコメントはありません
トラックバックURL
カキコをどうぞ