そのため、Wordpress でカスタム レスポンシブ テーマを作成していましたが、画像管理に関して壁にぶつかりました。wordpress が本質的にサポートしていないように見える方法で画像のスタイルを設定したいのですが、次のようなものを探しています。
通常のワードプレスのメディア管理ペインから画像を追加し、投稿/ページに挿入します。画像はコンテンツの流れから外れている必要がありますが、正しいヘッダー/テキスト ブロックの隣に正確に配置する必要があります。最も重要なことは、画像が列に折りたたまれ、残りのコンテンツが正しいメディア クエリ ブレークポイントにあることです。
最悪から最高まで、私が試したことは次のとおりです。
- テンプレート ファイル内のハード コーディングされた画像
- 明らかに最悪の選択肢です。移植性がなく、多くの干渉が必要であり、画像を正しいコンテンツに配置することはほとんど不可能です。また、画像をコンテンツに反応させる実際の方法はありません。
- デフォルトの画像スタイリングを使用し、通常のフローから画像を引き出すという考えを放棄します
- 最適ではありませんが、誰でも簡単に画像を変更/編集できます。
- the_content() の結果から画像を削除し、それらを別々に配置してスタイルを設定します。
- ポータブルですが、#1 と同じ問題があります。画像をコンテンツに合わせて応答性を維持するのが難しいです。
- 画像が 1 つだけ必要なページでアイキャッチ画像を使用する
- 画像を 1 つだけ必要とするページには非常に適したオプションですが、注目の画像を任意のサイズ/アスペクト比にする簡単な方法はありません。
- エディターでマークアップを使用して、画像を正しくレイアウトする
- 投稿/ページを編集する人は、根底にあるテーマについてある程度の知識を持っている必要があります. これが一番うまくいくように見えますが、移植性がありません (テーマの変更で問題が発生する可能性があります)。
- このオプションで最良の結果が得られましたが、そもそも cms/wysiwyg エディターを使用するのとは正反対のようです。
私の質問は、最後のオプションが本当に私が望む結果を得るのに最適かどうかということです?