Skip to main content
1 / 4
hinaloe
  • 4,751
  • 1
  • 13
  • 25

まず表示が崩れている問題ですが、Facebookのいいねボタンの部分のHTMLが<div />になっているのにその後で</div>があるためそれによりdiv.entry-metaが閉じられてしまっているようです。

    <div class="fb-like" data-href="(url)" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"/></div>

    <div class="fb-like" data-href="(url)" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>

に修正してください。

また非同期でソーシャルボタンが表示されない問題は、次のJavascriptを読み込んでおくことで解決できます。

 ( function( $ ) {
    $( document.body ).on( 'post-load', function () {
        FB.XFBML.parse();//Facebook
        twttr.widgets.load(); //Twitter
        gapi.plusone.go(); //Google +
        !function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js"); //Pocket

    } );
} )( jQuery );

※Pocketはロード済みのものを再利用できないようなのでロードし直すようにしています。

hinaloe
  • 4,751
  • 1
  • 13
  • 25