注目タグ

テンプレート・プラグイン

トピック詳細

個別記事のSNSボタンの間を開けたい

いつも皆様大変お世話になっております。IPOキムです。


今回は個別記事のSNSボタンについてご回答頂けると大変有難く存じます。




ブログTOPページでのSNSボタンは自由に改行が出来ます(記事一番下)
テンプレートに<br>を入れれば問題がありません。
しかし個別記事になると改行が出来ずに昔から困っています。
画像あり
(テンプレートに<br>を入れても個別記事には反映されません)



個別記事のSNSボタンを1行~2行ほど下に下げたいのですが、どのように
すればよいかお解りの方はいらっしゃいませんでしょうか。
TOPページの繁栄はそのままで構いません。


http://deskpower.blog80.fc2.com/   TOPページ
http://deskpower.blog80.fc2.com/blog-entry-5425.html  個別記事


よろしくお願い致します。

2014年08月17日 12:04  by キムさん

コメント一覧 8件中、1~8件表示

  • yosoilue様


    ご連絡が遅くなり申し訳ありません。
    書き込んだ内容が反映されていませんでした(汗)


    再度のアドバイスありがとうございました!
    やはり変更は難しいようですね。
    また何かありましたらご指導お願い致します ^^
    しばらくまた考えます。


    みなさまありがとうございます。

    2014年08月25日 18:45 by キムさん

  • http://paro2day.blog122.fc2.com/blog-entry-634.html
    こちらの記事が書かれた当時はSNSボタンが横並びになっていなかったのです。
    現在は横並びになっています。

    > 『追記リンクの後』…トップページなどでは<!--/more-->変数の直後(more変数がない場合は表 示されない)。個別ページでは記事本文の直後。

    この部分を読めばわかるように仕様ですからどうにもなりません。

    なので、テンプレートをどのように弄ろうと出来ません。

    どうしてもやりたければ、
    本文か追記の一番最後に<br><br>でも入れておくしか無いでしょうね。

    2014年08月21日 22:37 by ロギラキ

  • 標野ゆき様


    いつもアドバイス大変ありがたく存じます。
    非常に助かっており感謝いたしております!


    >拙ブログでは
    >ホームも個別記事もほとんど同じ構成になっているdiv(class「fc2_footer」)部が
    >質問者さんのブログでは大きく違っているのはボタンの表示位置設定によるものなのか
    >カスタマイズの所為なのか、こちらではよくわかりません。


    こちらですが、画像添付致しました。
    添付した画像の囲い部分を直接テンプレートに書き込んだだけとなっております。
    しかしながら個別記事になりますと、表示がなぜか変わってしまいます。
    この辺りはyosoilue様ご指摘のデフォルト表示になるのかな~と思っております。
    ⇒ http://fc2information.blog.fc2.com/



    教えて頂きました、ブロガー様の内容をまだ把握できておりませが
    勉強したいと思います。
    日々忙しく過ごしており、中々たどり着いておりません。
    いつもありがとうございます ^^

    2014年08月21日 19:11 by キムさん

  • yosoilueさんのご指摘で参考URLを睨んできたのですが
    確かに、div(クラス名「fc2_footer」)はFC2サイドで挿入されるため
    ユーザーサイドでは配置を弄れないのですね。
    不正確なコメントで申し訳ない^^;

    拙ブログでは
    ホームも個別記事もほとんど同じ構成になっているdiv(class「fc2_footer」)部が
    質問者さんのブログでは大きく違っているのはボタンの表示位置設定によるものなのか
    カスタマイズの所為なのか、こちらではよくわかりません。

    お暇ができたときにでも
    お使いのテンプレートのHTMLがどんな風か
    SNSボタンの表示位置をどう設定されているかなどを示してもらえば
    少しはお力になれるかも。

    古参のFC2ブロガーさんはこんな記事を挙げてありました。
    http://paro2day.blog122.fc2.com/blog-entry-634.html
    ブログ設定のツイート・いいね!ボタンの仕様・横並びデザイン

    2014年08月20日 02:52 by 標野ゆき

  • yosoilue様


    この度はご報告ありがとうございます!
    今後ともよろしくお願い致します。

    2014年08月19日 19:37 by キムさん

  • 標野ゆき様


    いつもサポート大変ありがたく存じます。
    少し時間が出来た時に検証致します。。。


    ----------------------------------------------------------- --------

    SNSボタンのタグを含むdiv(クラス名「fc2_footer」)を
    div(クラス名「entry_state」)の中に移動させてみてください。

    <div class="fc2_footer">長い文字列を挟んでいます</di v>
    <div class="entry_state">長い文字列を挟んでいます</d iv>
    ▲基本このような形をしています▲
    (ホームのHTMLでは下のタグの中に上のタグが含まれています)

    ----------------------------------------------------------- --------


    こちらですが、
    >SNSボタンのタグを含むdiv(クラス名「fc2_footer」)を
    >div(クラス名「entry_state」)の中に移動

    とありますがどの様にすればいいのでしょうか?と言う疑問が
    ありますが、イレギラーな仕事を任されてしまい一時中断です。
    標野ゆき様サポート感謝しております。

    毎回ちょっとした事が出来なくて困りますが、皆さんのお力大変助かります!

    2014年08月19日 19:34 by キムさん

  • http://fc2information.blog.fc2.com/
    これと同じで普通は出来ないですよね。

    2014年08月18日 14:58 by ロギラキ

  • ホームの解析結果(抜粋)
    [画像]//blog-imgs-64.fc2.com/s/h/i/shimenoyuki/5425s.png " />

    上の画像は質問者さんが示されたページを構造解析にかけた結果ですが

    ホームのSNSボタンは
    「entry_state」というクラス名のついたdivの枠内に包含されているのに対して
    5425ページのSNSボタンは包含されていません。

    そのため同じように反映されないのではないでしょうか。
    おそらくHTMLの表記に食い違いがある所為だと思われますので
    個別ページのHTMLをホームと同じように書き換えてみられることをお勧めします。

    SNSボタンのタグを含むdiv(クラス名「fc2_footer」)を
    div(クラス名「entry_state」)の中に移動させてみてください。

    <div class="fc2_footer">長い文字列を挟んでいます</di v>
    <div class="entry_state">長い文字列を挟んでいます</d iv>
    ▲基本このような形をしています▲
    (ホームのHTMLでは下のタグの中に上のタグが含まれています)

    ぶっちゃけ両方のHTMLがそっくりになればいいので
    よく見れば判るのではないでしょうか。
    (カスタマイズ済テンプレートのHTMLは第三者には閲覧できません)

    ブログページのHTMLソースを、テンプレートのHTMLと比べながら
    該当箇所を探してみてください。

    「要素と要素の間を空けたい」というシンプルなご要望なので
    解決法はおそらくこの限りではないのですが、大抵のクラス名が共通で使われている上
    マージンやパディングを編集した場合にどう反映されるか確認ができないため
    おおもとの部分から解決する方法を提案しました。

    2014年08月18日 12:34 by 標野ゆき