いつまでも青く、枯れても青く ~ご案内~

ブログ「いつまでも青く、枯れても青く」は、2006年2月より開始したブログで、管理人のそれまでの過去の日記やブログを統合しています。
   Part1:2001年05月~2005年07月 【日記のススメ「気まぐれ日記」】(2005年6月6日から2005年7月21日までの日記は紛失)
   Part2:2005年07月~2005年12月 【ブログ「モデラーな日々」】
   Part3:2006年02月~現在     【ブログ「晴れたり曇ったり」、2006年8月に「いつまでも青く、枯れても青く」に改題】
   2011年7月15日に、鉄道模型関係をブログ「Enjoy!鉄道模型!」に移行。
   2014年7月10日に、お気に入り写真のブログ「気ままなカメラ散歩道」を開設。
   2018年2月18日に、「Enjoy!鉄道模型!」と「気ままなカメラ散歩道」を統合。(順次統合)
プロフィール

Warachan

Author:Warachan

    生息地:愛知
    年 齢:50代後半
    性 別:オヤジ
    趣 味:模型製作、カメラ、
        オーディオ、
        クルマ、パソコン

お知らせ
Warachanをフォローしましょう mixiやっています

にほんブログ村に登録しています。
ブログランキング・にほんブログ村へ
次のブログランキングに参加しています。
にほんブログ村 写真ブログへ  にほんブログ村 写真ブログ デジタル一眼レフカメラへ
にほんブログ村 鉄道ブログへ  にほんブログ村 鉄道ブログ 鉄道模型へ
にほんブログ村 その他日記ブログへ  にほんブログ村 その他日記ブログ 気ままへ

トリップアドバイザーに
お勧めブログとして認定されました。
瀬戸 旅行情報
瀬戸 旅行情報

メールフォーム

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

カレンダー
10 | 2019/11 | 12
- - - - - 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
相互リンク
月別アーカイブ
天気予報

-天気予報コム- -FC2-
ブロとも申請フォーム
ブログ内検索
QRコード
QR

06/13(月)  「拍手ボタン」の位置調整

このFC2ブログには、「拍手」という機能があります。

エントリの内容が面白かったり共感したりした時に、ボタンをポチっと押すと、拍手数としてそのエントリへの関心度がわかるというものです。

その「拍手ボタン」の表示位置がどうも気に入らなかったのですよね。今夜、ようやくうまく表示できなかった原因がわかり、位置の調整ができましたので、備忘録としてアップします。

pic20110613_01現象は、左のように、「拍手ボタン」が本文と行間なく表示されて、見栄えとバランスが悪いということです。
pic20110613_02対策として考えたのは、テンプレートで本文(%topentry_body)の後に改行コードを入れるということ。結果は左のようにうまくいきました。
なんだ単純なものだなと思ったのも束の間。
表示を個別エントリ表示に切替えたら・・・
pic20110613_03・・・また本文と「拍手ボタン」との間に行間がなくなりました。

こうなる理由は、通常表示の時は「拍手ボタン」のコードは本文(%topentry_body)のあとの追記表示(%topentry_link)の後に付くので、本文の後にいれた改行が効き、個別エントリ表示の場合は、追記表示がなく本文だけなので、「拍手ボタン」のコードが本文(%topentry_day)直後に含まれ、テンプレートに入れた改行コードがその後に付くからだと推測しました。
私の場合、「拍手ボタン」の表示設定を「追記リンクの後」にしてあるので、そうなったのでしょう。

では、「拍手ボタン」の表示設定を「追記リンクの前」にしたらと思いますが、そうすると、追記のあるなしにかかわらず、「拍手ボタン」のコードは本文(%topentry_body)直後に含まれ、テンプレートに入れた改行はまったく効かなくなります。
pic20110613_04そこで、ソースコードをチェックして、「拍手ボタン」がどういう形で入っているのかを確認しました。
そうすると、スタイルクラスが「fc2_footer」となっています。
このクラス、私の使っているテンプレートには定義されていません。
pic20110613_05ということがわかれば、答えは簡単。
最初からソースコードを見ていればもっと早く解決したかもしれません。
テンプレートのスタイルシートに「fc2_footer」を定義し、上の行とのマージンを20ピクセルとなるよう記述しました。

その結果が左。
pic20110613_06個別エントリ表示にしても大丈夫。

これでずっと気になっていた「拍手ボタン」の位置の調整ができました。

めでたし、めでたし。
それ以前に、「拍手ボタンなんかいらねぇんじゃねぇ?」という声も聞こえてきます。「いや、そうじゃないぞ」と言えるためにも、ポチっと押していただければと思う次第です。
にほんブログ村には同じ趣味を楽しむブログがたくさんあります。興味ある方は、下のバナーをクリック!
にほんブログ村 写真ブログへ  にほんブログ村 写真ブログ デジタル一眼レフカメラへ  にほんブログ村 鉄道ブログへ  にほんブログ村 鉄道ブログ 鉄道模型へ  にほんブログ村 その他日記ブログへ  にほんブログ村 その他日記ブログ 気ままへ

COMMENT

EDIT COMMENT

非公開コメント