Wordpress

WordPressのブログカードがスマホ表示ではみでる問題を解決

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

https://inbathroom.jp/article/317

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

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

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

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

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

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

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

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

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

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

これだけです。

ABOUT ME
おふろ
おふろ
そこそこのポンコツ。最近の目標はやさしくなることと、少し太ること。普段写真好きなWEBディレクター。