まず表示が崩れている問題ですが、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はロード済みのものを再利用できないようなのでロードし直すようにしています。