私のWordPressサイトの機能イメージを設定しようとしています。しかし、すべての画像が同じ幅を持っていても。それらの高さは変化し、最初の3つの物品の高さが変化するので、3つの物品グリッドの下に3つの物品が真っ直ぐにならないようにする。 functions.phpに書き込むことができるものはありますか?本当にありがとう。投稿のWordPress機能イメージを元の画像のサイズに関係なく同じサイズに設定するにはどうすればよいですか?
答えて
背景画像として機能(サムネイル)画像を使用できます。たとえば、
<style>
.post-thumbnail-img {
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
height: 300px;
width:100%;}
</style>
<div class="post-thumbnail-img" style="background-image: url('<? echo the_post_thumbnail_url();?>')">
</div>
WordPress CROP
機能を使用してサムネイル画像を設定できます。
add_theme_support('post-thumbnails');
set_post_thumbnail_size(150, 150);
ありがとう!これをfunctions.phpに追加するだけですか? – user3821656
これをfunctions.phpに追加しましたが、フィーチャイメージはまったく変更されていません。 – user3821656
アップロードされたすべてのイメージを新しいサムネイルサイズに再生成するには、サムネールを再生成するプラグインを使用する必要があります。 –
- 1. 壁に投稿しようとする画像サイズを設定するには?
- 2. tableviewcellで同じサイズの画像を設定するには?
- 3. 元のサイズではなく画像を小さくするにはどうすればいいですか?
- 4. WordPressの各投稿の機能イメージを表示するにはどうすればいいですか?
- 5. どのようにTextView内のテキストに関係なく同じサイズを作る
- 6. 投稿を元の投稿のIDに投稿するにはどうすればよいですか?
- 7. おすすめの投稿Wordpressの画像がうまく機能しない
- 8. divを画面のサイズに関係なく同じ位置に表示する
- 9. 含まれるdivのサイズに応じて画像のサイズを設定するにはどうすればよいですか?
- 10. 画面サイズに関係なく、Phonegapアプリを同じ比率に維持するにはどうすればよいですか?
- 11. 画面サイズに応じてボタンのサイズを変更するにはどうすればよいですか?
- 12. 画像を同じサイズの矩形で置き換えるにはどうすればいいですか?
- 13. どのように私はアンドロイドの異なる画面サイズに同じ画像を使用できますか?
- 14. ここで、wordpressデータベースに画像と投稿の関係はありますか?
- 15. プレビューレイヤーで正しいカメラ画像サイズを設定するにはどうすればよいですか?
- 16. Wordpressで投稿画像を背景画像として設定するには
- 17. レスポンシブウェブで、同じサイズのCSSボタンを設定するにはどうすればいいですか?
- 18. 比例関係ではなく画像のサイズを変更するには?
- 19. WordPressのカスタム投稿タイプのカスタムカテゴリの投稿をループするにはどうすればよいですか?
- 20. レタスの機能とステップの関係を設定するにはどうすればよいですか?
- 21. 現在の投稿に関するオフセットを設定するにはどうすればよいですか?
- 22. 画像のサイズよりも小さい場合、画像を100%の画面幅にサイズ変更するにはどうすればよいですか?
- 23. 投稿画像に表示なしで設定した機能画像
- 24. JavaScript - ウィンドウのサイズに関係なく画像を修正
- 25. Wordpressのループで別のクラスの投稿を投稿するにはどうすればいいですか?
- 26. ボタンとhrefを同じクラスの同じサイズにするにはどうすればいいですか?
- 27. ImageButton内の画像のサイズを大きくするにはどうすればよいですか?
- 28. すべてのデバイスで同じサイズになるようにナビゲーションバーを設定するにはどうすればよいですか?
- 29. イメージのサイズを設定するには?
- 30. イメージのサイズをいくらか大きくするにはどうすればよいですか?
これまでに何を試みましたか?また、おすすめ画像を表示する際に使用するコードも含めてください。使用する機能に応じて、表示するサイズを選択できます。 – FluffyKitten