このブログはWordpressというCMSで作っているのですが、いつからか標準でブログカードが使えるようになっていました。

これです。はてなブログさんとかでよくみるやつですね。便利。

wordpressでブログカードの使い方

わざわざ見出しまで作ってちゃんとした記事感を前面に出していきましたが、使い方は 記事内にリンクさせたいURLを貼る これだけです。

注意点としては、その1行はURLだけになるようにしてください。

で、このブログカードなんですが、便利だけどいろいろ気になることがありますね。

いくつかあるのですが、今回は「スマホ表示のときに画面からはみでる問題」を解決していきます。

パソコンで見るとまあ大きいなくらいなんですが、スマホでみると横幅をぶっちぎりではみでてるんですね。

この問題を一瞬で解決してくれる魔法のコードがこれ。

このコードをstyle.cssに追記

この1行をstyle.css(もしくは該当のスタイルシート)のどこかに追記しちゃってください。
わかりにくかったら1番下とか。

これだけです。