WP-Modore

なぜか割と反響があった「TOPに戻れ!」という記事。人のフンドシで相撲を取った感のある記事だったが、ありがとうございます。 :lol:

このたび、日本を代表するプラグイン作者「ひろまさ」氏によって、これがプラグイン化されました。というかプレゼントされたわけですが、そ、そんな「Author: Masayan」だなんて滅相もございません。また、Invalidでしたので、修正しておきました。(正規な表現かわかりませんが・・・)

WordPress plugin Download:
WP-Modore_v1.01 [UTF-8]
WordPress plugin Download:
WP-Modore_v1.01 [EUC-JP]

導入は有効化するだけで、ページ右中央に矢印画像が現れるはずです。クリックするとスルスル~とTOPに戻ってゆくと思います。(注: IE6以前はブラウザがfixedに対応していないので、下の方に表示されます)

付属の画像が背景とマッチしないなら、自身で作ってください。26×26pxで作り、modore.pngで保存すれば修正は要りません。変更する場合は、適宜wp-modore.phpファイルを修正してください。

ご要望により EUC-JPバージョン追加。 :lol:
http://svn.wp-plugins.org/wp-modore/ 登録済み(2007-4-9)
2007-5-2 追記
IE6以前でも固定する方法を考えてみる。
  1. #back-to-top {
  2.     bottom:50%;
  3.     display:block;
  4.     outline-color:invert;
  5.     outline-style:none;
  6.     outline-width:0pt;
  7.     right:5px;
  8.    
  9.     /* IE5 later && javascript-on */
  10.     position: expression('absolute');
  11.     top: expression(documentElement.scrollTop + 400 + 'px');/*数値はお好みで*/
  12.     right: expression(documentElement.scrollLeft + 5 + 'px');/*数値はお好みで*/
  13.  
  14.     position:fixed !important;
  15.     position: absolute;
  16. }

とりあえず右中央に固定されるが、動作時にちょっと付いて動くような感じに見えるのと、スクリプトONでないと効果なし。CSSの達人でないのでこれが限界です・・・。 :oops:
注) IE7だとスクロールと一緒に動いて消えてしまいます。 :cry:

2007-5-11 追記
yukiさんからコメントをいただきました。早速、以下のように変更。
  1. #back-to-top {
  2.     bottom:50%;
  3.     display:block;
  4.     outline-color:invert;
  5.     outline-style:none;
  6.     outline-width:0pt;
  7.     position:fixed;
  8.     right:5px;
  9.    
  10.      /* IE5 later && javascript-on */
  11.     /* using underscore hack */
  12.     _position: expression('absolute');
  13.     _top: expression(documentElement.scrollTop + 400 + 'px');
  14.     _right: expression(documentElement.scrollLeft + 5 + 'px');
  15. }

IE6だとアヤシイ動きをしますが、前のよりずっとイイ! yukiさんありがとうございます。 :)

Top

コメントが 16件あります

コメント RSS を使用するとこの投稿のコメントが確認できます。
TrackBack URI
コメントしてみる?

  1. 1
    Gravatar
    emi さんのコメント
    2007年 3月 27日 01:32

    うわー!めちゃ感激です。
    早速DLして使わせていただきました。
    ありがとうございました。

  2. 2
    Gravatar
    Mie さんのコメント
    2007年 4月 4日 11:48

    本日見っけ!ナイスプラグインですね。
    [UTF-8]←これ、EUC-JP版も追加してほしいです。問題なく動くけど文字化けしとる… :arrow-u:

  3. 3
    Gravatar
    Mie さんのコメント
    2007年 4月 6日 00:42

    > ご要望により EUC-JPバージョン追加。
    あらまっ!PHPファイルをEUC-JPで保存し直したらOKでした!ボケててすみません!って報告しに来たら、、お手数おかけしました… :oops:

  4. 4
    Gravatar
    Masayan さんのコメント
    2007年 5月 2日 17:44

    **さん、はじめまして。

    IE6以前はブラウザの仕様により、fixedに対応していないためなのです。 :idea:

    回避方法はあるにはあるらしいのですが完璧ではありません。追記しておきましたので、あまり期待せずにお試しください。 :arrow:

    # 質問された方のご要望で本人のコメントを削除しています。

  5. 5
    Gravatar
    yuki さんのコメント
    2007年 5月 11日 15:36

    IE6では試してみていませんが
    アンダースコアハックを使ってみたところIE7で下に動いてしまうことはなくなりました。
    またプラグイン同梱のmodore.pngですが、インデックスカラーにして透過色を有効にするとよさげかもしれません。 :arrow-d:

    position:fixed;
    right:5px;
    /* IE5 later && javascript-on */
    /* using underscore hack */
    _position: expression('absolute');
    _top: expression(documentElement.scrollTop + 400 + 'px');
    _right: expression(documentElement.scrollLeft + 5 + 'px');

  6. 6
    Gravatar
    Masayan さんのコメント
    2007年 5月 12日 09:58

    yukiさん、コメントありがとうございます。

    どしどし、修正案募集中です。←他力本願な人 :arrow-l:

  7. 7
    Gravatar
    chikuwantan さんのコメント
    2007年 11月 6日 20:37

    初めまして^^

    とても良いプラグインですね!
    早速使わせて頂きます 8)
    ありがとうございます :D

  8. 8
    Gravatar
    jun さんのコメント
    2008年 4月 19日 21:27

    はじめまして、数日前にこちら様のプラグインを見つけ早速つけさせてもらいました。 :)
    とっても素敵なプラグインで感謝です。

    ・・・このプラグインを見て閃いてしまった事があり、phpを最近学習し始めたばかりなのですが少しだけカスタマイズさせて使わせてもらいました・・・そういうことって、勝手にやってよいのでしょうか?・・・・・・(゜_゜i)タラー・・・

    良かったら、1度見に(確認)来てください。 ペコリ(o_ _)o))

  9. 9
    Gravatar
    pac さんのコメント
    2008年 6月 5日 13:58

    はじめまして。
    欲しかったプラグインを見つけて、早速使ってみようと思ったのですが・・・
    プラグインで有効化しても何も表示されません。
    wordpress2.5でブラウザはIEとFireFoxの両方で確認してみましたが、駄目みたいです。
    どうしたら良いのでしょうか??

  10. 10
    Gravatar
    Masayan さんのコメント
    2008年 6月 5日 15:02

    はじめまして、pacさん。
    表示しないとのことですが、他のプラグインとバッティングしてるかもしれませんし、テーマの種類によるかもしれません。

    >http://demo.mmrt-jp.net/

    ちなみにウチのテストサイトではOKでした。(IEは駄目ですけど・・・)
    このサイトのソースを見てお使いのテーマに組み込んでもOKなはずですから、いろいろと試してみてはいかがでしょうか?

  11. 11
    Gravatar
    pac さんのコメント
    2008年 6月 5日 15:04

    ありがとう御座います。
    色々と試してみます。

Top

コメントをどうぞ

あなたの情報 (必須) help

Top

Web Services by Yahoo! JAPAN