はてなブログの関連記事を表示させたのですが、記事下に設置しているシェアボタンとかアドセンスが関連記事の下になってしまうのがちょっと気になりました。 ということで、今回はCSSだけで記事下(カスタマイズができるエリア)と関連記事の位置を逆にするカスタマイズです。 かなり簡単なのですぐに実装できます。 以下のコードを「デザイン」→「カスタマイズ」→「デザインCSS」に追加するだけでOKです。 /* 関連記事を記事下よりも下に */ .customized-footer { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .entry-footer-modules { -webkit-order:2; order:2; width: 100%; } .entry-footer-ht
![はてなブログの関連記事を記事下よりも下に移動させるカスタマイズ - NO TITLE](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf2be3ea812f1f07f5d7ea171b78c9057997d4f7/height=288;version=1;width=512/https%3A%2F%2Fwww.notitle-weblog.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Fblog-customize-2.jpg)