こんにちはユレオです。 はてなブログを運営していると記事にリンクを張ることがあるかと思います。 その時普通にブログカードを張り付けると、以下のようになるかと思います。 ブログカードは便利なのですが、いくつか気になるところがありました。 画面右側に無駄な領域が生まれる。タイトルが折り返しで2行になってしまう。ブログカードを複数枚設置するとかなり画面を占めるので高さを詰めたい。これを何とかできないかと考えてカスタムした結果、以下のようになりました。 幅を増やして画面センターに合わせて、高さも抑えています。 これはブログカードを複数枚並べた時に特に効果がわかります。 カスタム前の「①」では画面に2枚のブログカードを表示していた領域で、カスタム後の「②」では3枚弱のブログカードを表示できました。 今日はブログカードの不要な右側の領域を無くして高さを詰めるカスタムについてご紹介したいと思います。
![【図解あり!】はてなブログのブログカードの高さと幅を変更する方法|魂を揺さぶるヨ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/872e7b23b57d8fe8e21ee1a8aa13011a5b7f4972/height=288;version=1;width=512/https%3A%2F%2Ftamashii-yusaburuyo.work%2Fwordpress%2Fwp-content%2Fuploads%2F2019%2F02%2F20171022132524.jpg)