*当サイトのリンクにはAmazonアソシエイトやアフィリエイトリンクが含まれております。

WordPressのコメント欄を他社IDと連携させる

前回書いたヤツの拡張です。
せっかくID連携のコードを書いたので、コメント欄にも対応出来るように拡張してみました。

広告

コメント欄を他社IDと連携させる

コメント欄のID連携事態は難しくありませんね。

IDを発行しているサイトにデベロッパー登録して連携させれば良いだけ。
連携のさせ方は、作る人それぞれって感じでしょう。

今回の場合はユーザー製作するのではなく、必要な項目を自動で入力させるだけ。
一応少しだけアクションも加えてjetpack風にしてみた。

wordpressのコメント欄は、一度コメントするとしばらくクッキーが残る仕様なので、
必要な項目は同様にクッキーを作ってあげる事で次回の入力の手間は省けるようになる(クッキーのある期間は)。

今回はYahoo,Amazon,Facebook

これは前回のID連携で3サイトとの連携を作った影響で、今回もその3つのみ。

純粋な拡張ですね。

Facebookのみ、コメント時のアバター書き換え等の処理を加えています。

動作はデモサイトで。
https://theme.wpcoding.net/baseshop_demo/

正直なトコロ、ソーシャルとの連携なら
もっと色々やる事でアクセスアップに繋げられる感じです。

コメント主のアカウントと連携させるような感じのコードにするとか。
Yahooニュースみたいな感じに。

今回は純粋な利便性の拡張だったのでヤル気になれませんでしたが。

普通ならプラグインが良い

今回は特殊なケースだったので自分で書いたけど、普通のブログなら既存のプラグインで良いのあるからそっちで十分だと思う。

実際このブログもJetpackのID連携コメント欄だし。
多機能じゃないけど。

ただ、コメント欄を拡張して使っている場合は、プラグインの影響で望み通りにいかない事もあるから自分で作るしかないよね って感じのネタでした。

どーでも良い事

それにしても、今回はネイティブなJavaScriptで書いたトコロも多かったのですが苦手です。
なんかIE&edgeで上手く動作させられないトコロが出て苦戦したし。

Jqueryってホント便利ですな。

ではでは


おすすめのコンテンツ

広告

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください