Change Featured Image box size in admin

  • MeMeMe

    #6955

    I’m not using graphene’s ability to use featured images as headers. In the Add Post/Page etc screens, there’s a box with Set Featured Image.

    How do I change the dimensions of this box to be squarer, rather than the current one which his matches the ratio 960×198?

    I am using a child theme.

    Mod

    Kenneth John Odle

    #36323

    Which versions of Graphene and WordPress are you using? I don’t see this.

    MeMeMe

    #36324

    I’m using wordpress 3.5.1, and a test blog running the latest graphene, and a live blog running 1.5.8. I see the same behaviour in both.

    Here’s an example image I chose as featured image (for the test):

    featuredimage_source.jpg

    Here’s how it looks in the admin (bottom right of the pic):

    featuredimage.jpg

    I would like that admin box to more properly represent what the featured image will actually look like (a centred square, not a flat rectangle).

    Here’s how it actually shows up when displayed in places that use the featured image:

    featuredimage_actual.jpg

    The sidebar should look more like that.

    Mod

    Kenneth John Odle

    #36325

    Actually, I believe that the preview you see in the post edit pane reflects how the featured image will look if you are using as a custom header image, which is why it is scaled. It more accurately describes what you will see when it is published.

    Admin

    Syahir Hakim

    #36326

    How the featured image appear in that “Featured Image” box has no bearing on how it will actually be displayed on the front end. It is intended just to let you know which image has been chosen as the Featured Image. It is not even resized actually, just HTML scaling to make it fit that box.

    The actual size of the featured image that will be displayed on the front end depends on where it is used, and this is set by the theme. For example, in archive pages it will just be a thumbnail as defined in your media settings (the default is square 150px x 150px). When used in slider as the slider’s background image, the image will be resized to fit the slider exactly. When used as the header image, it will be sized to fit the header exactly. Note that in all of these, the image will only be resized if it has the same or greater dimension than the dimension that it will be displayed in. The theme (and WordPress) will never upscale images.

    So you shouldn’t worry at all about how the selected featured image looks like in that box.

    MeMeMe

    #36327

    Kenneth said ” It more accurately describes what you will see when it is published.” This is only true if using the featured images as headers, but I am not.

    Syahir, I understand that that image has no bearing on how it will look when it is published. But I would like it to.

    I would like it to show what an image would look like when published as a normal post thumbnail, not as a header., so when I come back to edit a post later, I can see what will look like in the various views that use thumbnail images.

    I assumed this was a problem with graphene, since it uses headers, but I’ve switched themes to 2011 and see it uses a very similar if not identical landscape view. So I guess this the standard way it’s shown? If so I guess I can live with it. 🙂

    Admin

    Syahir Hakim

    #36328
    Quote:
    I assumed this was a problem with graphene, since it uses headers, but I’ve switched themes to 2011 and see it uses a very similar if not identical landscape view. So I guess this the standard way it’s shown? If so I guess I can live with it. 🙂

    Graphene does not determine the size of the featured image preview – that’s entirely handled by WordPress. Without delving into the core codes, it’s difficult to say based on what the dimension of that image is selected. Just be aware that every image you uploaded will have multiple sizes, all resized when you uploaded the image. These different sizes are used for different purposes. WordPress simply takes one of these sizes, and then use HTML scaling to make it fit into that featured image preview box.

    If I have to hazard a guess, it’s probably that WordPress chooses the image size with the highest aspect ratio for that preview, so as not to make the Edit Post screen excessively long vertically.

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.