Making a ‘featured image’ become the image for a full banner (top of page) image in a blog post?

You could start by having a look at Post Thumbnails and how to enable them for your theme. You will need this to enable the functionality of setting a featured image for your post. This page is great for learning lots about how Post Thumbnails in WordPress work, you should really read all of it.

You will then most likely want to add a new size for your “top banner thumbnails” by using add_image_size(). This helps you to define new image sizes, which WordPress generates when a file is uploaded. Images can be cropped or resized to fit your size. This takes care of having images which are 1920 x 350 pixels large.

Finally you will have to create some kind of markup, either for a background image or whatever, and will need to output your top banner image. Using get_the_post_thumbnail() or the_post_thumbnail_url() and passing your new image size as a parameter can help you with this.

Related Posts:

  1. How to get image title/alt attribute?
  2. How to disable WordPress from creating thumbnails?
  3. How do you get the post thumbnail size?
  4. set_post_thumbnail_size vs add_image_size
  5. Minimum Dimensions Requirement for Featured Image?
  6. Generate Thumbnails only for Featured Images
  7. How to get all featured image sizes and their URLs?
  8. How to Dynamically Resize WordPress Image On-The-Fly (custom field/theme option)
  9. Display thumbnail only if requested size exists
  10. the_post_thumbnail responsive srcset not populating with custom image size
  11. How to add multiple image sizes of the same size with add_image_size
  12. New image size version only for the Featured Image file
  13. Can’t extract and set SVG dimensions
  14. Getting custom-sized featured image’s URL?
  15. Showing a placeholder/default img, if no featured image is set
  16. Featured image with the same height thumbs returns wrong thumb
  17. How to change the naming of the resized image files
  18. Change Output for Images in Content
  19. Can WordPress crop only the post thumbnails?
  20. Allow user to manually set crop area of default/custom image sizes on upload [closed]
  21. How to get the image sizes, in a function, as per the sizes mentioned in the media settings?
  22. Resizing Images to lower Disk Space Using Plugins
  23. How to change _wp_attachment_metadata specific value in SQL?
  24. Autogenerated Thumbnail compression depending on size
  25. Only create image size when used in featured image
  26. How can I get a different image size, if all I have is the link?
  27. WordPress resizes image to the same size as uploaded
  28. add_image_size and add_filter(‘image_size_names_choose’, ‘my_custom_image_sizes’) not working with wordpress 3.5.2
  29. wordpress responsive image srcset not working
  30. Customising the size of images served in Visual Composer elements [closed]
  31. How to scale up post thumbnails/featured image?
  32. wp-cli regenerate media is not working for custom sizes
  33. Upload 3 different featured image sizes to WordPress
  34. Remove dimensions from filename featured image
  35. Can a thumbnail of an animated gif be animated?
  36. WordPress Uploader Editor shows broken image
  37. add_image_size not working with the_post_thumbnail
  38. Why does the Hard Crop option Scale?
  39. How do I set the default “feature image” size?
  40. How to get full absolute url for post attachment?
  41. Thumbnail Cropping with add_image_size?
  42. thumbnails are getting clipped down, want to resize instead
  43. How check that there is post thumbnail feature image or not on wordpress?
  44. If I Regenerate Thumbnails, would WordPress delete the existing Thumbnails and replace them with ‘new copies’?
  45. How to get cropped thumbnail source for custom post type
  46. Exclude featured image from attachment loop
  47. 2 image size for post
  48. adaptive featured images wordpress 4.4 grid
  49. Featured Image Not Working when loaded from sub-domain
  50. How can I see where in my themes and plugins certain image sizes are used?
  51. Generate image for newly added size
  52. How to both crop (with tool) and resize thumbnails having only a max width constrain?
  53. “Medium” size image displayed instead of “thumbnail” in only one post, other posts are fine
  54. wp_get_attachment_image_src match smallest edge
  55. How to create resized versions of images added with wp_insert_attachment
  56. WordPress returns old thumbnail size after changing media settings
  57. Custom image size in the_content loop
  58. remove and disable image link in functions.php
  59. specify size of post preview image (not post thumbnail)
  60. Display featured image file size, extension, filename, type, orientation?
  61. media-library: how to insert thumbnails with a fixed width, regardless of landscape/portrait orientation
  62. the_post_thumbnail(‘my_image_size’) always outputs full image
  63. Server B handling add_image_size() differently than Server A
  64. Post thumbnail throwing size limit parameters in
  65. Get thumbnail image according to the screen
  66. Image with large file size not cropping
  67. What can I do if I set a gif as featured image? no thumbnail when i share on facebook
  68. images not showing despite using add_theme_support(‘post-thumbnails’);
  69. Resizing thumbnails retrospectively
  70. Trying to show link “Use as featured image” from Attachment window from t31os script
  71. post thumbnail: increase dimension if smaller than… Possible?
  72. Images uploaded on frontend display correctly but not in media editor.
  73. Generating very small sized thumbnails from featured image
  74. Make image full width
  75. How risize a thumbnail?
  76. Unrestricted height thumbnails
  77. WordPress not creating “large” thumbnails
  78. Is wordpress compressing my images? if so, how to prevent it?
  79. Custom caption output for custom image size
  80. Display post thumbnail in foreach loop
  81. How to attach images that I “insert from url” into the post?
  82. the_post_thumbnail(‘medium’) still gives thumbnail-size img
  83. Attachment Image using wrong src?
  84. Create an instance of add_image_size
  85. custom image size not being fetched
  86. Thumbnails are hard cropped not matter what
  87. Featured image size always cropped bottom
  88. Using the_post_thumbnail do not rollback to original image if specified thumbnail does not exist
  89. Missing image size
  90. Post thumbnail not displaying correct size
  91. wp_get_attachment_image_src() works on index, but not on Archives
  92. Featured Image, and Image in post
  93. Setting featured image based on related post
  94. Trouble Retrieving Thumbnail URL on Front-Page
  95. Always generate thumbnail after sideloading image
  96. setting featured image is not working while running script in background, works when running that script from browser
  97. Custom image sizes are not used
  98. Editing featured image
  99. How to modify Media Library images DPI [ image quality down to make small in size ] [closed]
  100. wordpress featured image
techhipbettruvabetnorabahisbahis forumutaraftarium24edusedusedusedusedueduedueduseduedus