img { max-width: 100%; height: auto; width /***/: auto;}
これを書いてimgをレスポンシブ対応しているのですが、すると、imgに直接書くwidth, height属性が効きません。
WordPressのWYSIWYGでドラッグによるサイズ変更をした際に気づきました。みなさんは、どのように対応してますか?
親要素に画像表示サイズを指定する。レスポンシブの基本でっせ。
例えば、通常WordPressで画像を挿入するとなると<p><img></p>
このような構成になるかと思いますが、画像を400pxにさせたい場合、<p style="width: 400px;"><img></p>ってことですか?
えぇ〜〜じゃあ、WYSIWYGで完結させれないってこと?
styleのwidthもwordpress側で吐き出せばいいんじゃ?
↑プラグインかなんかですか?
いや、普通に考えるとエディタにレスポンシブ用のスタイルを追加するってことだろ。プラグインでwidth,heightを削るやつもあるかもしれんけど。
1.JSかPHPでimgのwidth,height属性を削る。2.エディタにレスポンシブ用のスタイルを追加。3.importantで強引にauto指定img { /*セレクタ指定でWYSIWYGの範囲まで狭めたほうがいい*/height: auto !important;width: auto !important;}上記のどれかでよくね?
そもそもimgタグにwidth, heightを付けないもんで。
ワードプレスは勝手に挿入されるわけよ
それデフォ設定だけど、使いにくいから消して使えばいいよ
だとすると、WYSIWYGのドラッグによるサイズ変更使えないやんっていう本末転倒なんす
本末転倒と言う程でもない使うの我慢すればいいだけ
おかしいな。。。WYSIWYGでサイズ変更するとタグに直書きになるよね?その場合外部CSSで読み込むスタイル設定よりも優先度が高くなるからそっちが有効化されるはずなんだけどな。
ってか「%」指定と「px」指定の違いかな?
wpのWYSIWYGの考え方としてはWYSIWYGのドラッグでサイズ変更するのにその要素をレスポンシブに対応させるって考えがおかしいやん!って事なんだろうな。レスポンシブの場合は「%」指定だけどWYSIWYGのサイズ変更は「px」指定になるからレスポンシブの概念とは外れてしまうからね。確かにこれは面白い話だね〜
そういうことになりますよねー。現状として、レスポンシブ対応のテーマではWYSIWYGのサイズ変更は使えない(おかしいやん!)ってことになってしまうということですよね
本日のWYSIWYGスレ
あざす
なんですか?このレベルの低いスレは(笑)
WordPress ならフィルターフックとかアクションフックを知らないんすかね?ま、知ってたらこんなスレは立たないかw
てか、editor-style を設定すればいいだけじゃん。ここのサイトて、こんなにレベル低いの? 質問した所でドツボにハマるだけじゃんwwドキュメントちゃんと読めばそもそも質問する内容でもないし…これだから、日本のウェブ業界はレベル低いんだろうな…。
editor-style置いてどうすんすかwビュー側全く影響出ないじゃん
だから、フック系でどうにかしなきゃいけないんだなーと
みんなの回答 5 件
親要素に画像表示サイズを指定する。
レスポンシブの基本でっせ。
そもそもimgタグにwidth, heightを付けないもんで。
おかしいな。。。WYSIWYGでサイズ変更するとタグに直書きになるよね?
その場合外部CSSで読み込むスタイル設定よりも優先度が高くなるからそっちが有効化されるはずなんだけどな。
本日のWYSIWYGスレ
なんですか?
このレベルの低いスレは(笑)
WordPress ならフィルターフックとかアクションフックを知らないんすかね?
ま、知ってたらこんなスレは立たないかw
関連するトピックス