Twenty Twenty Two theme and the Single Post

  • Unknown's avatar
    annabelbeeme · Member ·

    I have made an error somewhere in customizing my Twenty Twenty Two single post page (currently in build mode). The image is not aligned with the post content – and I can’t find where I originally adjusted it in the first place. Also, while on post images: how do you control the size? On a large computer screen, if the default in the theme is 1024px, is that the image size one has to have? Thank you! (and please ignore the many other mistakes you may see. It’s this one which is sending me round the twist)

    WP.com: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    annabelbeeme · Member ·

    Took me 8 hours of going in circles :) But I solved it with a workaround.

  • Unknown's avatar
    flyingdisc · Member ·

    Hi Annabel,

    If I understand your question, I think that the Single post template of the Twenty Twenty-Two theme provides an image display option for featured Images of either full width, 1000 px or 650 px.

    If your concern regards the display in Single post of assigned Featured Images which have a vertical/portrait perspective, then the theme will increase the scale of the image in order to fill the template width, often making images very tall. In the past, I had asked WP Support for custom CSS as a remedy, but was informed I’d be better off foregoing use of the Featured Image function, and instead using an Image Block within the post (for vertical/portrait images). Doing so, images retain their original dimensions.

    I hope this helps.

  • Unknown's avatar
    annabelbeeme · Member ·

    Thanks for responding flyingdisc.

    My orig problem was a padding type of error where I’d obviously – somewhere – added padding on one side of the image rendering it out of whack with the post column. I was using the Single post no separators template and attempting the make the featured image smaller by by adding padding. But as I couldn’t find the source of the error, I gave up, switched and customised the Single page template and it’s fine now. I’m building three sites concurrently and the other two were fine :)

    But you bring up an interesting point with the final display image on the post ie the featured image. I’m a retired photographer so I’m well versed in image sizing and online displays – yet this one has me beat. Despite opting for the 650px option.

    I will look at the cover option. Although would I be correct in thinking that removing the featured imaged will then remove an image from a Latest Posts block? I have Latest Posts on the front home page. If you know the answer to that, please let me know.

    If I have to go with the giant image look on the single post, then at least it’s good to know that something like 65% of website visitors, these days, are just using their phones which is where the large image is less dominant.

    Thanks again for your information!

  • Unknown's avatar
    flyingdisc · Member ·

    That’s a good question, re: Latest Posts Block. I’m not sure, though suspect that, without an assigned Featured Image, only the Post Title might display.

    I do know that, in using an Image Block instead of a Featured Image – in order to retain original dimensions of a (vertical/portrait) image – that most FSE themes which I’ve tried do not display the image within the Index template view…

    Indeed, the mobile market segment is ever increasing. Still, site owners working with images generally – I would guess – do so on a laptop, tablet or desktop, wherein such expansive scaling of an image is rather much.

    It seems that the ‘mobile first’ philosophy of site design is trending towards a ‘mobile only’ concept, insofar as (shockingly) not a single FSE theme displayed in the WP Live Demo mode include a vertical/portrait image?

    To resolve this, I’m using Additional CSS provided by Support, which works well with my theme…

    .wp-block-post-featured-image img {
    width: unset;
    }

  • Unknown's avatar
    annabelbeeme · Member ·

    without an assigned Featured Image, only the Post Title might display.

    Yes, I tried and that is what happened, not unsurprisingly.

    I’ve never been averse to fiddling with CSS on previous WP sites where I promoted my photography businesses. But with these three new sites I am building, they are strictly hobby (family history) and I am wanting them to survive beyond geriatric me, so I’m opting for the personal option which will eventually reduce to the free option. I am grateful to WordPress and the WP community for offering their work like this.

    Still, I’ve noted down your CSS – never say never!

    I notice WP now offers an app to us to work on our sites on our mobile devices. I think that’d send me nuts: I’m a two screen, desk top person and even then I get lost in block-world :)

    If WP is heading to favoring design for mobile users, I do think they’re on the right track. From my past clients to my current family and friends on whom I want to offload large digital files, I am always taken aback by finding they don’t necessarily have the right device to download, let alone the knowledge of how to do it (and I include young people here). I guess phones are the dominant device (at the moment).

    My final work around to curtailing the overly abundant size of the featured image will have to be to crop any portrait orientation featured images to landscape orientation.

    Thanks again flyingdisc.

  • The topic ‘Twenty Twenty Two theme and the Single Post’ is closed to new replies.