One Wish...

You are using IPv4 :(

WordPress: Single Sign-On Ver 0.02

October 18, 2006 5:37pm
Flickr, hatena, OpenID, plugin and WordPress
0Comments

コメント投稿時にFlickr、Hatena、OpenIDによるSingle Sign-On認証行うプラグインの
Ver 0.02を公開しました。

Download

変更点

Ver 0.02 2006/10/19
・TypeKey以外のOpenIDサーバで認証出来なかった不具合を修正
・HTTP通信時に接続出来なかった場合、PHPのエラーが出ていた不具合を修正
・スタイルシート/JavaScriptの記入方法をXHTMLに準拠

Rate It! (Average 0.00, 0 votes)

Single Sign-On

October 16, 2006 1:46pm
Flickr, hatena, OpenID, plugin and WordPress
10Comments

WordPressのSingle Sign-Onプラグインを作成してみました。
このプラグインを使うことによりコメント投稿時にはてな、Flickr、OpenIDによる認証を行う事が出来ます。

このプラグインはベータ版です。不具合を含んでいる可能性があります。
OpenIDによる認証は実験的実装です。 ~~現在はTypeKeyのOpenIDサーバのみ認証に成功しています。(Videntity.orgは不成功)~~TypeKey、Videntity.org、MyOpenIDで認証の成功を確認しました。(Ver 0.02)
またwp-comments-post.php及びテンプレートのcomments.phpがプラグインによる処理になります。
カスタマイズされてる方はご注意ください。

テンプレート内で使用可能な関数 (10/18 0:06追加)sso_getsignin() サインインのためのリンクを返します。
sso_getsignout() サインアウトのためのURLを返します。
sso_getname() サインイン状態であればユーザ名を返します。
sso_getservice() サインインに使用したサービス名を返します。
sso_checksignin() サインインしていればtrueをしていなければfalseを返します。

Rate It! (Average 0.00, 0 votes)

Litebox

October 14, 2006 11:33am
litebox and WordPress
1Comment

Litebox- Same great taste, less calories

最近、話題らしいサムネイルをクリックすると
画面の推移なしに大きい画像を表示するスクリプトです。

比較的簡単にWordPressでも使う事が出来たので導入方法を書いておきます。

最初に配布元サイトからlitebox-1.0.zipをダウンロードします。

litebox-1.0.zipを展開したら以下のファイルを編集していきます。

css/lightbox.css 48行目付近

background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

を

background: transparent url(/WordPressのディレクトリ/wp-content/themes/現在のテーマ/images/blank.gif) no-repeat; /* Trick IE into showing hover */
#prevLink:hover, #prevLink:visited:hover { background: url(/WordPressのディレクトリ/wp-content/themes/現在のテーマ/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/WordPressのディレクトリ/wp-content/themes/現在のテーマ/images/nextlabel.gif) right 15% no-repeat; }

js/litebox-1.0.js 23行目付近

var fileLoadingImage = "images/loading.gif";
var fileBottomNavCloseImage = "images/closelabel.gif";

を

var fileLoadingImage = "/WordPressのディレクトリ/wp-content/themes/現在のテーマ/images/loading.gif";
var fileBottomNavCloseImage = "/WordPressのディレクトリ/wp-content/themes/現在のテーマ/images/closelabel.gif";

のように相対パスから絶対パスに変更しておきます。
最後に現在使用しているテーマのheader.php <head>～</head>内に

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/lightbox.css" title="CSS" type="text/css" media="all" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/prototype.lite.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/moo.fx.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/litebox-1.0.js"></script>

を追加
<body>タグにonload="initLightbox();"を追加します。

<body onload="initLightbox();">

あとは展開したLiteboxのファイルをwp-content/themes/現在のテーマ/にコピーして終わりです。

これで記事投稿時に画像の<a>又は<img>タグにrel="lightbox"を挿入すればLiteboxを使う事が出来ます。

またrel="lightbox[foobar]"のようにすることで同じfoobarを設定した画像をグループ化して戻る進むボタンで移動が出来るようになります。

Rate It! (Average 0.00, 0 votes)