TypePad ConnectをWordPressに導入

Tweet

Check

　噂の新コンセプトコメントサービス「TypePad Connect」導入してみました。

TypePad Connect Beta を開始 | MovableType.jp
http://www.movabletype.jp/blog/typepad_connect_beta.html

　TypePad Connectはブログのコメント欄の代替サービスで、今まではTypeKeyと呼ばれていた認証サービスの後継にあたるらしい。普通のコメント欄としても利用できるけど、IDとパスワード使ってログインすることでアイコンつきでコメントでき、TypePad?Connect対応の他ブログでコメントした履歴も一括で管理できるという、CoComment的要素も持っております。このあたりは先人のレビューをどぞー。

ブログのコメント欄を、TypePad Connect で：Goodpic
http://www.goodpic.com/mt/archives2/2008/11/typepad_connect.html

いい感じ: 繋りのサービス：TypePad Connect
http://kwmr.blogzine.jp/kanji/2008/11/typepad_connect_b907.html

ブログのコメント欄を、TypePad Connectに変更してみました。 : tokuriki.com
http://blog.tokuriki.com/2008/11/typepad_connect.html

[N] コメントサービス「TypePad Connect」をテスト中
http://netafull.net/blog/028294.html

　Six ApartのサービスということでWordPressはだめかなという先入観があったんですがそんなことはなく、むしろWordPress用の設定項目もきちんとありました。さすがですね！

　設定も楽々で、ブログごとに生成されるコードをWordPressの「コメント」コードと全とっかえし、あとはフッターにコードを挿入するだけ。そのあたりの手順も細かく説明してくれるので悩むことはほとんど無いと思います。

　といいつつも実際導入してみたらちょっとこまったことが。過去のコメントについては消されてはいないようなんだけど、コメント欄全とっかえすると各エントリーごとのコメントが見られなくなるんですよね･･････。過去ログをTypePad Connectに移せなくてもいいけど、過去ログが見えなくなってしまうのはコメントしてくれたひとに申し訳ない。

　で、最初は設置あきらめたんだけど、よく考えたら旧コメントコードのうち、コメント表示する部分を取り出してTypePad Connectに挿入すればいけそうじゃね？　と思いついたので実践してみることに。

　我がWordPressのコメント欄はこんなかんじ。

<?php // Do not delete these lines

?

?? if (‘comments.php’ == basename($_SERVER[‘SCRIPT_FILENAME’]))

?? ? ? die (‘Please do not load this page directly. Thanks!’);

?? if (!empty($post->post_password)) { // if there’s a password

?? ? ? if ($_COOKIE[‘wp-postpass_’ . COOKIEHASH] != $post->post_password) { ?// and it doesn’t match the cookie

?? ? ? ? ? ?>

<div class=”content”>

<div class=”entry”>

?? ? ? ? ? <p class=”nocomments”>This post is password protected. Enter the password to view comments.</p>

</div></div>

?? ? ? ? ? <?php

?? ? ? ? ? return;

?? ? ? }

?? }

?? /* This variable is for alternating comment background */

?? $oddcomment = ‘class=”alt” ‘;

?>

<!– You can start editing here. –>

<div class=”content”>

<div class=”entry”>

<?php if ($comments) : ?>

<div class=”comments”><h3><?php comments_number(‘No Responses’, ‘One Response’, ‘% Responses’ );?> to &#8220;<?php the_title(); ?>&#8221;</h3></div>

?? <ol class=”commentlist”>

?? <?php foreach ($comments as $comment) : ?>

?? ? ? <li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>

?? ? ? ? ? <div class=”bobcomment”><?php comment_author_link() ?> Says:

?? ? ? ? ? <?php if ($comment->comment_approved == ‘0’) : ?>

?? ? ? ? ? <em>Your comment is awaiting moderation.</em>

?? ? ? ? ? <?php endif; ?>

?? ? ? ? ? <br />

?? ? ? ? ? <small><a href=”#comment-<?php comment_ID() ?>” title=””><?php comment_date(‘F jS, Y’) ?> at <?php comment_time() ?></a> <?php edit_comment_link(‘edit’,’&nbsp;&nbsp;’,”); ?></small></div>

?? ? ? ? ? <div class=”bobcomment”><?php comment_text() ?></div>

?? ? ? </li>

?? <?php

?? ? ? /* Changes every other comment to a different class */

?? ? ? $oddcomment = ( empty( $oddcomment ) ) ? ‘class=”alt” ‘ : ”;

?? ?>

?? <?php endforeach; /* end for each comment */ ?>

?? </ol>

<?php else : // this is displayed if there are no comments so far ?>

?? <?php if (‘open’ == $post->comment_status) : ?>

?? ? ? <!– If comments are open, but there are no comments. –>

?? ?<?php else : // comments are closed ?>

?? ? ? <!– If comments are closed. –>

?? ? ? <p class=”nocomments”>Comments are closed.</p>

?? <?php endif; ?>

<?php endif; ?>

<?php if (‘open’ == $post->comment_status) : ?>

<div class=”comments”><h3>Leave a Reply</h3></div>

<?php if ( get_option(‘comment_registration’) && !$user_ID ) : ?>

<p>You must be <a href=”<?php echo get_option(‘siteurl’); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>”>logged in</a> to post a comment.</p>

<?php else : ?>

<form action=”<?php echo get_option(‘siteurl’); ?>/wp-comments-post.php” method=”post” id=”commentform”>

<?php if ( $user_ID ) : ?>

<p>Logged in as <a href=”<?php echo get_option(‘siteurl’); ?>/wp-admin/profile.php”><?php echo $user_identity; ?></a>. <a href=”<?php echo get_option(‘siteurl’); ?>/wp-login.php?action=logout” title=”Log out of this account”>Logout &raquo;</a></p>

<?php else : ?>

<p><input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” size=”22″ tabindex=”1″ />

<label for=”author”><small>Name <?php if ($req) echo “(required)”; ?></small></label></p>

<p><input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”22″ tabindex=”2″ />

<label for=”email”><small>Mail (will not be published) <?php if ($req) echo “(required)”; ?></small></label></p>

<p><input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”22″ tabindex=”3″ />

<label for=”url”><small>Website</small></label></p>

<!–<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>–>

<p><textarea name=”comment” id=”comment” cols=”60%” rows=”10″ tabindex=”4″></textarea></p>

<p><input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” />

<input type=”hidden” name=”comment_post_ID” value=”<?php echo $id; ?>” />

</p>

<?php do_action(‘comment_form’, $post->ID); ?>

</form>

</div></div>

<?php endif; // If registration required and not logged in ?>

<?php endif; // if you delete this the sky will fall on your head ?>

?

<?php endif; ?>

　PHPはさっぱりわからないのですが、わからないなりになんとか読み解き、赤文字のあたりがあやしいんじゃないかなと当たりをつけてみる。

　次にTypePad Connectのソースを確認。該当部分の冒頭だけ引用します。

<?php // Do not delete these lines if (!empty($_SERVER[‘SCRIPT_FILENAME’]) && ‘comments.php’ == basename($_SERVER[‘SCRIPT_FILENAME’])) die (‘Please do not load this page directly. Thanks!’); if (!empty($post->post_password)) { // if there’s a password if ($_COOKIE[‘wp-postpass_’ . COOKIEHASH] != $post->post_password) { // and it doesn’t match the cookie ?> <p class=”nocomments”>This post is password protected. Enter the password to view comments.</p> <?php return; } } /* This variable is for alternating comment background */ $oddcomment = ‘class=”alt” ‘; ?> <!– You can start editing here. –> <?php if (‘open’ == $post->comment_status) : ?> <h3 id=”comments”>Comments</h3> <div class=”comments-content”> <!– start tpc –>

以下ほんとはもっと続く

　比べてみるとキーになるのは 青文字の部分で、最初の部分は削るなよ！　ここからは編集していいぜ！　って書いてあるので、編集可能エリアをチェック。まずはWordPressのコード。

<!– You can start editing here. –>
<div class=”content”>
<div class=”entry”>
<?php if ($comments) : ?>

　次にTypePad Connectのコード。

<!– You can start editing here. –>?
<?php if (‘open’ == $post->comment_status) : ?>
<h3 id=”comments”>Comments</h3>
<div class=”comments-content”>
<!– start tpc –>

?両方にdivのclass指定があるので、じゃあこの内側に入れればいいんかな？？？　という適当な判断にて、以下のコードをTypePad Connectの?<!– start tpc –> 前に挿入。

?

<?php if ($comments) : ?>

<div class=”comments”><h3><?php comments_number(‘No Responses’, ‘One Response’, ‘% Responses’ );?> to &#8220;<?php the_title(); ?>&#8221;</h3></div>

?? <ol class=”commentlist”>

?? <?php foreach ($comments as $comment) : ?>

?? ? ? <li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>

?? ? ? ? ? <div class=”bobcomment”><?php comment_author_link() ?> Says:

?? ? ? ? ? <?php if ($comment->comment_approved == ‘0’) : ?>

?? ? ? ? ? <em>Your comment is awaiting moderation.</em>

?? ? ? ? ? <?php endif; ?>

?? ? ? ? ? <br />

?? ? ? ? ? <small><a href=”#comment-<?php comment_ID() ?>” title=””><?php comment_date(‘F jS, Y’) ?> at <?php comment_time() ?></a> <?php edit_comment_link(‘edit’,’&nbsp;&nbsp;’,”); ?></small></div>

?? ? ? ? ? <div class=”bobcomment”><?php comment_text() ?></div>

?? ? ? </li>

?? <?php

?? ? ? /* Changes every other comment to a different class */

?? ? ? $oddcomment = ( empty( $oddcomment ) ) ? ‘class=”alt” ‘ : ”;

?? ?>

?? <?php endforeach; /* end for each comment */ ?>

?? </ol>

<?php else : // this is displayed if there are no comments so far ?>

?? <?php if (‘open’ == $post->comment_status) : ?>

?? ? ? <!– If comments are open, but there are no comments. –>

?? ?<?php else : // comments are closed ?>

?? ? ? <!– If comments are closed. –>

?? ? ? <p class=”nocomments”>Comments are closed.</p>

?? <?php endif; ?>

<?php endif; ?>

　英単語と構造による推理のみでやってみましたが、とりあえず旧コメントを表示しつつTypePad Connectを共存できました。まだやり方違ってる可能性もあるので、そちらに詳しい方いらっしゃったらアドバイスいただけたら幸いです。

　まだベータということで英語なのがちと残念ですが、これは正式版で日本語になるのかな？　あと可能であったら日本語表示も自分でいじれると嬉しいですが、それは難しいかもなあ。

　とはいえ他でつけたコメントも管理できるあたり結構楽しそうだし、コンセプトもおもしろいのでとりあえずしばらく試してみたいと思いますはい。

Tweet

Check