スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【同じタグを付けた記事の一覧】

FC2 拍手ランキングを設置

2015年05月31日(日)18時08分

まだ貯まっていないのですが

以前に書いた「FC2 拍手に切り替え」を見る限り、「FC2 拍手」を導入してからまだ一か月程度しか経っておらず、つまり、現時点での「拍手数」は、ランキング表示するほど貯まってはいません。
が、前回「ブログ記事の「カテゴリ」を整備」で書いた通り、現在ページ構成の見直し中で、その一環として、いずれは設置する予定であったブログパーツ「FC2 拍手ランキング」も(貯まるのを待たず)付けてしまうことにしました。

BOT による拍手爆撃はどうなったのか

本題に入る前に、以前「FC2 拍手に切り替え」で書いた「BOT による(と思われる)拍手爆撃がどうなったのか」ですが、取り合えが現時点では回避に成功しているようです。
少なくとも、一日に 40~50 もの拍手が付くというようなことは起きていません。
ただ、特定の記事、具体的には「iTunes(Win)で高音質な LAME の MP3 を使う一番簡単な方法」に、毎日コンスタントに 2~4 の拍手が付くという事象が発生しており、このため、ランキングでもこの記事だけが突出して多いという状態になっています。
しかしながら、当該記事は「人気ページランキング」においてもトップな高アクセス記事なこともあり、なにか BOT のようなものに捕捉されているのか、あるいは本当にこの記事だけがそれだけ突出して評価されているのかは、判断に迷うところです。
とはいえ、他の記事と比較する限り、あまりに不自然な付き方であるという印象は禁じえません。

公式プラグイン「FC2 拍手ランキング」のバグ?

本題に戻って。
FC2 ブログの管理画面から、「プラグインの設定 → 公式プラグイン追加 → FC2 拍手ランキング」を「追加」すると、「FC2 拍手記事別ランキングの編集」画面が開きます。
ここで、最下部「ランキングタグの設定」欄に「必ずここからタグを選択してください。」とあるため、「タグ選択ページを開く」で「タグ作成」をし、「登録してブログに戻る」が済めば完成!…のはずだったのですが、何故か正しく表示されませんでした。
で、追加された「FC2 拍手ランキング」の「詳細」で「HTMLの編集」を確認してみますと、「denspe.blog84.fc2.com」となっているべきはずのブログ URL が、何故か「denspe.blog.fc2.com」となっています(数字「84」が付いていない)。
これを正しく修正すると、問題なく表示されるようになりました。

色のカスタム

ブログパーツは配色の違いで「水色」「ピンク」「カスタム」の3種類がありますが、自分はブログの色合いと合わせるために「カスタム」を選択しました。
「カスタム」は、何もしない場合は「ピンク」ですが、FC2 ブログ側の「テンプレートの設定」で、指定された CSS を「スタイルシート編集」に追記し、改変することで配色を変更できます。
基本的に、各ブロックの「background-color」か「color」を変更することで色を設定するのですが、「どこを書き換えればどう変わるのか」を、以下にメモ的に残しておきます。

基本(全て白に設定)

まずは基本として、枠のみを「赤(#FF0000)」、それ以外の部分を「白(#FFFFFF)」に設定した状態が以下の画像となります。

White

「ランキング」と「FC2 拍手」の文字のみ青く残っていますが、これは両者がリンク文字であることから、ブログ本体のアンカー色(通常は青)が適用されているためです。

#fc2clap_rank_table { /* 外枠 */

上の状態から、「#fc2clap_rank_table { /* 外枠 */」ブロックの「color」を「黒(#000000)」に変更すると、以下のようになります。

fc2clap_rank_table_C

このことから、順位表示欄の「位」と拍手数表示欄の「拍手」の文字色を変更できることがわかります。

#fc2clap_rank_table tr.fc2clap_rank { /* 上部拍手ランキングタイトル */

「#fc2clap_rank_table tr.fc2clap_rank { /* 上部拍手ランキングタイトル */」ブロックの「background-color」を「黒(#000000)」に変更した結果は以下のとおりです。

tr_fc2clap_rank_BC

#fc2clap_rank_table span.fc2clap_rank_main { /* 下部拍手ランキングタイトル */

「#fc2clap_rank_table span.fc2clap_rank_main { /* 下部拍手ランキングタイトル */」ブロックの「color」を「黒(#000000)」に変更した結果は以下のとおりです。

span_fc2clap_rank_main_C

#fc2clap_rank_table tr.fc2clap_rank_item { /* 見出し内 */

「#fc2clap_rank_table tr.fc2clap_rank_item { /* 見出し内 */」ブロックの「background-color」を「黒(#000000)」に変更した結果は以下のとおりです。

tr_fc2clap_rank_item_BC

同じく「#fc2clap_rank_table tr.fc2clap_rank_item { /* 見出し内 */」ブロックの「color」を「黒(#000000)」に変更した結果は以下のようになります。

tr_fc2clap_rank_item_C

#fc2clap_rank_table span.fc2clap_rank_namber { /* 順位数文字色 */

「#fc2clap_rank_table span.fc2clap_rank_namber { /* 順位数文字色 */」ブロックの「color」を「黒(#000000)」に変更した結果は以下のとおりです。

span_fc2clap_rank_namber_C

#fc2clap_rank_table tr.fc2clap_rank_form { /* 各順位横1行 */

「#fc2clap_rank_table tr.fc2clap_rank_form { /* 各順位横1行 */」ブロックの「background-color」を「黒(#000000)」に変更した結果は以下のとおりです。

tr_fc2clap_rank_form_BC

#fc2clap_rank_table span.fc2clap_name { /* 拍手数配色 */

「#fc2clap_rank_table span.fc2clap_name { /* 拍手数配色 */」ブロックの「color」を「黒(#000000)」に変更した結果は以下のとおりです。

span_fc2clap_name_C

#fc2clap_rank_table span.fc2clap_rank_title a { /* タイトル文字色 */

「#fc2clap_rank_table span.fc2clap_rank_title a { /* タイトル文字色 */」ブロックの「color」を「黒(#000000)」に変更した結果は以下のとおりです。

span.fc2clap_rank_title_a_C

関連記事

【同じタグを付けた記事の一覧】
FC2 サイト運営 ブログ 拍手

スポンサーサイト

コメントの投稿

非公開コメント

最新記事
最新コメント
Amazonおまかせリンク
カテゴリ
タグクラウド
Amazonお買い得ウィジェット
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
月別アーカイブ
プロフィール

電脳太助

Author:電脳太助
Website:電脳スピーチ web

RSSリンクの表示
メールフォーム

名前:
メール:
件名:
本文:

サイト内検索
Ads by Google
FC2アクセスランキング
Ads by Google
FC2拍手ランキング
ユーザータグ

音楽管理(66)
ポータブル(57)
ソフト紹介(44)
プログラミング(42)
音声技術(41)
自作ソフト(35)
サイト運営(32)
FC2(31)
ブログ(30)
iTunes(27)
Windows(25)
LISMO(24)
音声合成(23)
音声認識(22)
x-アプリ(22)
電子ブック(22)
eラーニング(20)
バックアップ(19)
語学学習(19)
foobar2000(18)
ソースコード(18)
WindowsLiveWriter(15)
画像管理(15)
C++(14)
アフィリエイト(10)
DnspTools(10)
fi-6130(9)
FLAC(9)
JavaScript(9)
ウォークマン(9)
英語音読学習計画(8)
Gracenote(8)
Prolog(8)
ベクター(8)
雑記(8)
CodeBlocks(7)
SyntaxHighlighter(7)
TraConv(7)
spcbght(7)
wxWidgets(7)
VirtualBox(6)
W63CA(6)
DCP-J552N(6)
WinRT(6)
WindowsLiveMesh(6)
iGoinLM(6)
英語発音矯正実験(6)
ExactAudioCopy(6)
MP3Gain(6)
LAME(5)
音楽技術(5)
Mery(5)
楽器演奏(5)
GalateaTalk(4)
nLite(4)
WindowsLiveSkyDrive(4)
ホームページ(4)
GalateaProject(4)
MIDI(4)
LLVM(4)
PC-98(3)
カウンター(3)
AACGain(3)
iTCDini(3)
OverCutChecker(3)
拍手(3)
PK-513L(3)
UniversalExtractor(3)
アクセスランキング(3)
ImageCompositeEditor(2)
アクセス解析(2)
OCR(2)
qtaacenc(2)
資格試験(1)
AquesTalk(1)
AquesCmdDl(1)

FC2アクセスランキング
最新トラックバック
アクセスランキング
[ジャンルランキング]
コンピュータ
135位
アクセスランキングを見る>>

[サブジャンルランキング]
ソフトウェア
16位
アクセスランキングを見る>>
FC2カウンター
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。