はてなブックマークをウィジェットにソースを取得して、貼付けたが、表示がおかしい。表示されない。ウィジェット枠が大きくとられて、表示されない。いろいろ調べたら、まずは、取得したコードにPHPを差し込む。投稿ページ全てに表示されることになるので、トップページとトップページタイトルを入力してのソース取得は、トップページのみとなる。タイトル部とアドレス部をPHPに置き換える。
私の場合で言えば、
<a href="http://b.hatena.ne.jp/entry/https://jazz.honpo.jp.net/" class="hatena-bookmark-button" data-hatena-bookmark-title="JAZZとブツヨクとれんど" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
https://jazz.honpo.jp.net/から<?php the_permalink(); ?> JAZZとブツヨクとれんどから<?php the_title(); ?>
に置き換えると
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async">
次に、javascript部分を分離して、</body> の直前に移動させる。
私の場合は、footer.phpの記述の</body> の直前に書き込んだ。
万事うまくいきました。
