ヨミコのデザイン工房

デザイナー&ブロガーのヨミコが、 WEB制作の事を書いたり書かなかったり。

【wordpress】画像ウィジット(Image Widget)を使うと画像が縮小される場合があるみたい

こんばんは。Web&グラフィックデザイナーのヨミコです。

f:id:yomikodesign:20161119005204p:plain


表題の通りですが、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でしか上書き出来ない。

参考:
creator.aainc.co.jp

テーマによっては、これとデフォルトで入っている

.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お気軽にフォローどうぞ!基本リフォローします。

広告を非表示にする