2017-09-17 13 views
-1

はちょうどポストの中のような応答画像を返しますか?Wordpressの高度なカスタムフィールド応答イメージWordpressの高度なカスタムフィールドを作成する方法

私は、「画像のURL」欄について話している - もちろんそれだけでURLを返します。どうやってレスポンシブ・イメージHTMLタグを作成できますか?

私はsrcsetを経由して別の画像ファイルのサイズと解像度について話していた

https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/

+0

ようこそスタックオーバーフロー。あなたはすでにこれをやってみましたか? [どのくらいの研究努力が必要ですか](https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users)を確認してください。スタックオーバーフローはコーディングサービスではありません。 ***あなたの問題を研究し、投稿する前に自分でコードを書いてみることをお勧めします***。あなたが何か*特定の*に行き詰まった場合は、戻ってくると、[、最小完全、かつ検証例](https://stackoverflow.com/help/mcve)とあなたがオーバーフローをSACKする – FluffyKitten

+0

ようこそしようとした内容の要約が含まれています。役に立たないコードで迷惑をかけてください。さもなければ私たちはあなたを信用せず、あなたの質問をd​​ownvoteしません - それとも完全に削除してください。私の質問は完全に公式化されました。私はイメージURLを持っています - しかし、私は応答したイメージコードを生成する必要があります。私のサイトのどのコードが質問を改善しましたか?質問をしている瞬間に私が持っていない正解を除いては? –

答えて

0

ACFは画像のみのURLを返却された場合には、例えば、その周りに画像HTMLを追加し、応答性のCSSを作成し、そうする必要があります。 :

PHP

echo '<img class="responsive" src="' . $img_url . '">'; 

CSS

img.responsive {width: 100%; height: auto;} 

ACFは非常に柔軟なので、WordPressダッシュボードで設定されたメディアサイズに基づいて返されるイメージサイズを選択できます。レスポンシブCSSは実際にはサイトのHTML構造に依存しますが、上のコードを参考にしてください。

+0

おかげで、私は使用して表示されたレイアウトではなく、応答画像の面で「応答」を意味するものではありませんでしたsrcset:https://make.wordpress.org/core/2015/11/10/responsive-images-in- wordpress-4-4 / –

関連する問題