メディアの画像のスマホ対応

  • 解決済 kurakuramen

    (@kurakuramen)


    8年、 11ヶ月前

    元々スマホ対応でなかったワードプレスで作成したサイトをレスポンシブ
    にするために構築をしています。

    問題なのは、既に、投稿に載せる　画像を「メディアを追加」から、アップロードして
    大量に張り付けてあります。
    ご存知のように以下のようにサイズが勝ってに記入されます。

    <li><a href="http://hoge.com/wp-content/uploads/2013/02/2013-06-13_113-2-HP.jpg"><img class="alignleft size-medium wp-image-519" alt="2013-06-13_113-2--HP" src="http://hoge.com/wp-content/uploads/2013/02/2013-06-13_113-2-HP-200x300.jpg" width="200" height="300" /></a></li>
    これですと、スマホだと、間延びしたのような画像になります。
    もちろんwidth=”200″ height=”300″　を削除して、CSSからwidth 100% を
    指定すればいいのですが、新しいのを追加するたびにいちいち消すのは
    大変です。

    画像を「メディアを追加」から、アップロードして張り付けて、そのままスマホ
    に対応させる方法はないのでしょうか？

    wordpress 4.5.3

    [モデレーター編集: HTMLタグの貼り付けによるサイト表示の崩れが発生していたため、HTML部分をcodeタグで囲みました。]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター けい (Kei Nomura)

    (@mypacecreator)

    8年、 11ヶ月前

    もちろんwidth=”200″ height=”300″　を削除して、CSSからwidth 100% を
    指定すればいいのですが、新しいのを追加するたびにいちいち消すのは
    大変です。

    width="200" height="300"の記述はあえて消さずとも、おっしゃるように「CSSからwidth 100% を指定」することで、HTML側のwidthやheight指定より優先されるはずです。いちいち消す必要はありません。

    でも、どうしても入っていると気になるなら、こういった方法もあります。（ただし、ちょっと古い情報なので、現行のバージョンでも適用できるかどうかは、未検証です）
    http://www.warna.info/archives/700/

    トピック投稿者 kurakuramen

    (@kurakuramen)

    8年、 11ヶ月前

    mypacecreator 様
    おかげで解決しました。ありがとうございます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「メディアの画像のスマホ対応」には新たに返信することはできません。