【wordpress】画像ウィジット(Image Widget)を使うと画像が縮小される場合があるみたい
こんばんは。Web&グラフィックデザイナーのヨミコです。
表題の通りですが、wordpressのプラグイン画像ウィジット(Image Widget)を使ったら、勝手に画像が縮小されたので解消方法をば。
今回は自分の環境で再現まではしてないのでスクショなくてごめーんね。
こんなかんじで勝手に挿入されてしまいますん(´・ω・`)
<img width="123" height="456" alt="ヨミデザの画像だよ" class="attachment-full" style="max-width: 100%;" src="http://hogehogetest.jp/images/test.gif">
という訳で
max-width:100%;
が自動的に
直書きで記載される様。
htmlに直書きでcssを記述すると
!importantでしか上書き出来ない。
テーマによっては、これとデフォルトで入っている
.entry-content img, .comment-content img, .widget img { max-width:97.5%; }
の兼ね合いで画像のサイズがおかしくなる。
解決するには多少メンテナンス性が下がるが、
- テキスト(html)で直接画像を挿入
- max-width:97.5%;は外す
等で対処可能なので、臨機応変に。
以前もFacebookに書いたけどwordpressのプラグインは癖が強くて謎のタグを吐き出すものも多いし、ある日突然更新されなくなるかもしれないので、出来るところはプラグインに頼るよりも、自力でHTMLで書いた方が結果的にメンテナンス性が向上しますし、自分の実力にもなります。
やりたいこと プラグイン
よりも
やりたいこと wordpress
でぐぐると良いかもですよ。
ちなみに今回再現したwordpressのテーマは「twenty eleven」でした。
ではまた。
Facebook友人申請お気軽にどうぞ。スパムでなければ基本承認します。
Twitterお気軽にフォローどうぞ!基本リフォローします。