米が好き » コメント

【WordPress】コメントのバックカラー等を1行毎に変える方法

くーさん — Wed, 14 Jul 2010 16:28:28 +0000

以前の記事で『Simple Author Highlighter』を紹介しました。
でも、そんなプラグインに頼らなくてもCSSで簡単に出来る事を知りました。

コメント表示されているページのソースを見れば一目瞭然なんですが、コメントの上から見て奇数と偶数と管理人では違うCSSのクラスが入っています。
そのクラスを利用して、自分の好きなようにすれば良いだけです。
テキストカラー、ボーダー、バックグラウンドなどなど、自由に変更出来ます。

ベースのCSSクラス。（奇数列）

ol.commentlist li.comment {
}

偶数列のCSSクラス。

ol.commentlist li.thread-odd {
}

管理人（投稿者？）のCSSクラス。

ol.commentlist li.bypostauthor {
}

上記のCSSクラスはデフォルトテーマで見たクラスなので、他のテーマ等を使っている方は分かりません。
が、ソース見れば簡単に分かると思います。

ちなみに私はコメントとトラックバックの表示を分けているんですが、トラックバックは各列に違うクラスが入っていなかったので簡単には無理でした。

【WordPress】自分のコメントのバック・テキストカラーを変えるプラグイン【Simple Author Highlighter】

くーさん — Mon, 14 Jun 2010 19:44:49 +0000

コメント部で自分（Author）のバックカラーとテキストカラーのみを変更出来るプラグインです。
名前の通り凄くシンプルですけど、以外と使える奴なのかもしれません。

以下のページからダウンロードして、解凍して、アップロードするだけです。

WordPress
Simple Author Highlighter

管理画面で使用するを選択した後、左サイドメニューの設定の所に『SAH Settings』が表示されているのでクリック。
すると、以下の画面が表示されます。

上がバックカラー、下がテキストカラーです。
16進数（例：#b6bdf6、#ffffff、#ccc、#fff）で入力して『変更を保存』をクリックすればOK。
自分のコメントではなく、厳密にはその記事を書いた人のコメントになります。

【WordPress】 BackType Connect を使ったコメント表示を分ける方法

くーさん — Thu, 03 Jun 2010 15:10:04 +0000

昨日書いた記事の続きです。
やっぱりブログコメントとTwitterコメント表示を分けたかったので、色々PHPの中を調べていたのですが分からん。
でも最後に気づいた。
管理画面で簡単に出来たんだ！
おいおい。ｗ

WordPressの管理画面の『設定 > BackType Connect』をクリックし、以下の箇所を変更するだけです。

変更前　『Mixed』

変更後　『Separate』

これでブログ上で書かれたコメントは上部、Twitterなどで拾ったコメントはその下に分かれて表示されるようになります。
残念ながら完全にブロック分けする事は出来ませんでしたが、まぁ、これでOKとします。

phpMyAdminを見ると、拾ってきたコメントはデータベースに入っていませんでした。
以前紹介したバックアップ取るプラグイン『Advanced Export』を試したら、ちゃんと全てバックアップが取れていました。
SQLでは全て取れないので、WordPress上でバックアップ取った方が良いですね。
そーいや今年入ってから全然バックアップ取ってないや。

BackType

WordPress
BackType Connect « WordPress Plugins
WordPress › Advanced Export for WP & WPMU

【WordPress】Twitterなどでつぶやかれたコメントを表示してくれるプラグイン『BackType』

くーさん — Wed, 02 Jun 2010 19:40:21 +0000

以前から他のサイト等で気になっていたプラグインを入れてみました。
WordPressのコメント欄にTwitterなどで書かれた内容を表示してくれるプラグインです。
その記事にリンクを貼られていると自動で表示されます。
ちゃんと短縮URLも認識されます。

私的に難点を言えば、実際ブログ上で書かれたコメントと混合してしまう点。
深く追求はしていないので分かりませんが、別々に出来るんでしょうか。
サイドバーに置いている『最新のコメント』にも反映されるようです。
Twitterが盛んになり、ブログコメントよりTwitterなどでコメントされるような事が多い昨今、結構良いプラグインではないでしょうかね。
ブログ上でのコメントが少ない方にはお勧めではないでしょうか。

設置の方法はもの凄く簡単です。

１．プラグインをダウンロードする。
２．解凍してフォルダ毎『wp-content/plugin/』に放り込む。
３．サーバーにアップする。
４．管理画面のプラグインページで『使用する』をクリック。
５．管理画面の『設定 > BackType Connect』画面で上部にある『Enabled』ボタンをクリック。

以上で、1・2分待っていると、URLが貼られた記事にコメントがずらーっと表示されます。
Twitterのアイコンも表示されるし、この間の『第3回？　竹蔵祭り ” iPadを語る会 ”　【準備編】』なんかを見てみると、何かにぎやかになった感じがします。

本当にコメントとして扱われるようで、管理画面上でも普通にコメントとしてカウントされたりしています。
以前から表示させていた『Topsy』（過去記事）とカウント数が違ったりしてますが、正否の方は『Topsy』の方が正確なのかな？
ちょっと面白いので、しばらく入れておく事にします。

BackType

WordPress
BackType Connect « WordPress Plugins

ニコニコ動画をコメント付きで落とせる Firefox アドオン

くーさん — Thu, 21 May 2009 19:49:54 +0000

ニコニコ動画にある動画を、コメント付きでダウンロード出来るFirefoxのアドオンがあります。
使ってみると、あ～ら簡単。
サクサクっと落とせました。

普通に落とす分だと『Video DownloadHelper』でも良いような気がしますが、気になるコメントも一緒に落としたい時はこっちの『NicoFox』の方が便利ですね。

NicoFoxの現在のバージョンは『0.3.6』なので、まだ体験版みたいな感じなのでしょうか。
でも問題なく使えます。

以下は実際にニコニコ動画を落とす方法。

Firefox Add-ons
NicoFox

サイトからFirefoxにインストールします。
そしてFirefoxを再起動。
無事インストール出来たら設定画面でダウンロード先とかを指定します。

NicoFox オプション – ページ表示

NicoFox オプション – ダウンロードマネージャー

NicoFox オプション – 動画プレイヤー

設定が終わったら、ニコニコ動画で落としたい動画を開いてみましょう。
『NicoFox ツールバー』と右下にアイコンが追加されています。

『NicoFox ツールバー』は設定で表示させない事も出来ます。

右下のアイコンをクリックすると、NicoFox ダウンロードマネージャーが開きます。

ここで『ダウンロード』をクリックすると、動画をダウンロード出来ます。
落とした動画は『FLV』か『MP4』、コメントデータは『XML』形式です。

『FLV Player』などでそのまま再生しても、コメントは表示されません。
NicoFox ダウンロードマネージャー上で動画タイトルを右クリックしましょう。

一番上の項目の『NicoFox Playerで再生(O)』をクリックします。
すると専用プレイヤーが開き、コメントを表示して動画が再生されるようになります。

ちなみにこのプレイヤー、『コメント表示数』『画面フル表示』ぐらいしか出来なく、コメントオフ機能は無いみたいです。
コメントデータの『XML』ファイルを削除したりすると、『NicoFox Player』で再生出来なくなります。
勿論外部プレイヤーでの再生は可能です。

気になる動画を保存しておきたい人は、『Firefox × NicoFox』は良い組み合わせかもしれませんね。

【WordPress】コメントとトラックバックを別表示にする方法

くーさん — Tue, 06 Jan 2009 15:41:20 +0000

今までトラックバックはスパムしか来てなかったので気にしなかったのですが、1つ普通のが来たのでこの際コメントとトラックバックを分けて表示しました。
この分ける方法がまた面倒臭い。
プラグイン2つにPHP、CSSの書き換えと、色々手を加える箇所がいっぱいあります。
しかし、サイドバーを含めコメントと別表示に出来たので良しとしましょう。

では、長ったらしい説明は以下から。

私は2.7日本語版のデフォルトテーマを使っているので、それを前提にしてください。

１まず、プラグインをダウンロードします。

(A) mk’s incubator
trackping_separator

上のサイトの『Download』からWordPressのサイトへ飛び、zipをダウンロードします。
これは、エントリー内にトラックバックを表示する為のプラグインです。

次のプラグイン。

(B) Hirobee’s Trail [Memorandum]
Commented entry list Plugin

『アーカイブをダウンロード』からzipをダウンロードします。
これはサイドバーにトラックバックを表示する為のプラグインです。

(A) のサイトからは『trackping-separator.zip』。
(B) のサイトからは『commented-entry-list.zip』がダウンロードされたと思います。
(B) のサイトに書かれていた修正は、別にしなくても大丈夫でした。

２このzipファイルを解凍。
プラグインフォルダに移動。
状態は以下のようになります。（■フォルダ、□ファイル）

■wp-content
　■plugins
　　■commented-entry-list　← (B) のサイトより
　　　□commented-entry-list.php
　　　□comments.php
　　　□ReadMe.txt
　　□trackpings.php　← (A) のサイトより（PHPのみアップ）

ファイルの配置を上記のようにして、FTPなどでサイトへアップロード。
『ReadMe.txt』は別に要らないと思います。
私は上記のような状態ですが、以下のような置き方でも大丈夫だと思います。

■wp-content
　■plugins
　　□commented-entry-list.php　← (B) のサイトより（PHPのみアップ）
　　□trackpings.php　← (A) のサイトより（PHPのみアップ）

アップロード後、WordPressの管理画面でプラグインを有効化でOK。

しかしちょっと待った！
このままでも別に進んで良いんだけど、私はターゲットリンクを『_blank』にしたいので、ファイルをアップする前にPHPファイルをちょこっといじります。
このままで良い人は、以下の３を飛ばしてください。

３リンクターゲットを『_blank』にする。
まず、(A) のサイトから解凍した『trackpings.php』を開きます。
49行目を以下のように変更。

trackpings.php　修正前

function listtrackpings($type = 'both', $template='%origin
%content
', $dateformat='') {

trackpings.php　修正後

function listtrackpings($type = 'both', $template='target="_blank">%origin
%content
', $dateformat='') {

そしてサイドバーに表示させた時、自分のサイトのエントリーは同ウィンドウ、トラックバック先のリンクは別ウィンドウで開くように設定。
(B) のサイトから解凍した『commented-entry-list.php』を開きます。
71、72行目を以下のように変更。

commented-entry-list.php　修正前（71、72行目）

$output .= "\t\t$comment_date ".
"".tkzy_get_comment_author_link($comment,20)."
\n";

commented-entry-list.php　修正後（71行目で統一）

$output .= "\t\t ⇒ ".tkzy_get_comment_author_link($comment,20)."
\n";

（\ → ￥です　コピペすると変わると思います。）
書き込み時間表示は要らなかったので、『$comment_date』を削除。
トラックバック先に『⇒』を付けたかったので、付けました。
『⇒』は文字扱いになるので、ファイルのエンコーディングを『UTF-8』で保存。

『($comment,20)』の『20』は、長ったらしい文字の省略文字数だと思います。
1＝1文字（2byte）になるようです。（多分…）
自分のサイトのサイドバーの幅を考えて変えてください。

次に、トラックバック先に『_blank』を付ける。
107行目（上記で2行を1行にする前の行番）を以下のように変更。

commented-entry-list.php　修正前

$ret .= '" rel="external">' . $author . '';

commented-entry-list.php　修正後

$ret .= '" rel="external" target="_blank">' . $author . '';

以上で３の設定は終了です。

４各PHPファイルを修正。
既にファイルをアップロードして、プラグインを有効化してるとします。
プラグインを有効にしただけでは表示される訳がないので、トラックバックを表示させる為にテーマ内の『index.php』等にコードを付け加えます。

index.php　修正前

index.php　修正後

 | トラックバック ()

これで、記事一覧ページに　『コメント (0) | トラックバック (0)』　と表示されます。
『archive.php』、『search.php』も同様に変更。
文字を使った場合、ファイルのエンコーディングを『UTF-8』で保存するのを忘れずに。

次に、エントリー内にトラックバックを表示する設定。
今まで手を加えた『comments.php』を崩したくないので、自分で手作業しました。
テーマ内の『comments.php』を開きます。

comments.php　修正前

～

の後に、以下を追加します。

comments.php　修正後


　　　　　～



  トラックバック　()

h3のid『trackbacks』は、サイドバーからのリンクに使うので、変えないほうが良いと思います。

スタイルシート設定は以下。（好みによって変えてください）

style.css

ol.trackbaklist {
  margin: 0 0 30px;
  list-style: none;
}

ol.trackbaklist li {
  margin: 0 0 5px;
  padding: 5px;
  border: solid 1px #ccc;
  background: #fff;
}

５サイドバーの設定。
最後にサイドバーに表示させる設定をしましょう。
テーマ内の『sidebar.php』を開きます。
表示させたい箇所に以下を追加。

sidebar.php

トラックバック

スタイルシート設定は以下。（好みによって変えてください）
ソース見ると分かりますが、リストの入れ子になっています。

style.css

ul.trackback_box {
  margin: 0 10px 30px;
  padding: 0;
  list-style: none;
}

ul.trackback_box li ul {
  list-style: none;
}

ul.trackback_box li ul li {
  margin: 0 0 2px;
  padding-bottom: 2px;
  border-bottom: dotted 1px #d5d5d5;
}

以上で全ての設定が完了です。
いやー、設置するのも長かったけど、この記事書くのも長かった。ｗ
突っ込み、質問受け付けます。

最後に、以下のサイトにお世話になりました。

Odysseygate.com
[WordPress]コメントとトラックバックを分ける方法
[WordPress]サイドバーに最近のコメントとトラックバックを表示する

【SEO初心者のEvoブログ】
WordPressのコメントとトラックバックを分けるプラグイン

ミblog
最近のコメントとトラックバックをサイドバーに表示するプラグイン[WP]