Post: Display Featured image in Hero image section

Status: 

Priority: 

Test URL(s):

References:

Request(s):

Status: Closed; Priority: N/A

Tech specs: Setting site-wide default Featured image and Category image

Display guidelines:

  1. Display the Featured image of a post to the Hero image section of the post. Not to display it inside the Post content.
  2. If no Featured image is assigned, use the Category image assigned to the Category that post is assigned to.
  3. If no Category image is assigned, use the site-wide default Featured image assigned for POST.
  4. Display the Featured image to cover the whole Hero image section with “cover” attribute, and with the center of the image displayed at the center of the Hero image.
  5. Check if the user is using mobile device or not, load and display the proper image size accordingly.

Test page: Newsletter & Happy New Year, January 2021

4 thoughts on “Post: Display Featured image in Hero image section”

  1. Hello,

    5. Check if the user is using a mobile device or not, load and display the proper image size accordingly.
    >>I have done this changes

    right now we have following registered image size

    ==========================
    Array
    (
    [thumbnail] => Array
    (
    [width] => 150
    [height] => 150
    [crop] => 1
    )

    [medium] => Array
    (
    [width] => 300
    [height] => 300
    [crop] =>
    )

    [medium_large] => Array
    (
    [width] => 768
    [height] => 0
    [crop] =>
    )

    [large] => Array
    (
    [width] => 1024
    [height] => 1024
    [crop] =>
    )

    [1536×1536] => Array
    (
    [width] => 1536
    [height] => 1536
    [crop] =>
    )

    [2048×2048] => Array
    (
    [width] => 2048
    [height] => 2048
    [crop] =>
    )

    [post-thumbnail] => Array
    (
    [width] => 800
    [height] => 9999
    [crop] =>
    )

    [full-width-thumb] => Array
    (
    [width] => 1200
    [height] => 9999
    [crop] =>
    )

    [wpforge-logo] => Array
    (
    [width] => 1200
    [height] => 9999
    [crop] =>
    )

    )
    ==========================

    I have used ‘large’ for mob and tab, ‘1536×1536’ for desktop

    I tried different sizes for the mob/tab and desktop spend some time checking but finally, I decided above two because some are larger than needed and some are smaller than needed so look blurry
    let me know if any issues.

Leave a Comment