This is a sample layout for displaying Bingo Squares
I‘ve loaded the definition of the square in the subtitle field of the image for the square in the media library.
I’ve used a two column layout. As you can see, keeping the images level across the columns isn’t automatic. I’ve tried to deal with it by adding spacers. There is probably a better solution but we only need to get this right once. We can reduce the problem by editing the descriptions to make them similar lengths and making all the images the same size on this page.
The squares could be displayed in alphabetical order.
The page could be an infinite scroll, showing all 62 squares
or we could have two or three pages, split in alphabetical order
or we can put a heading for e.g. A-E, F-J, K-O, P-T. U-Z with HTML Anchors that we can then link to from the top of the page. That is, someone clicks on F-T at the top of the page and will be taken to that heading lower down the page.
It’s possible to add a link to each image to take a player to a page devoted to that square which could add a curated book list.
I’ve added a comments field to this page. Please let me know what you think.
Table version of 62 square with text in rows rather than caption
I switched to a table version after initial feedback. It’s not WYSIWYG in the block editor but it works in Preview
Books set in tropical locations, or other places where there is extreme heat | Any mystery /horror /supernatural /suspense book that involves plague, disease, viruses, parasites, etc. It’s likely that zombies would fit here as well, depending upon the mechanism by which they become zombies. |
Books containing witches, warlocks, sorcerors and witchcraft | Any mystery /horror / supernatural / suspense book that is also intended to be humorous or funny. |
Any mystery involving sports, sporting events, athletic contests, games mistresses or PE teachers, as well as card games and other games of chance. | Any horror / mystery / suspense / supernatural book that contains either mad scientists or evil geniuses/supervillains, secret lairs, secret labs, genetically altered creatures or anything similar |
Books set in tropical locations, or other places where there is extreme heat. | Anything that fits into the mystery genre. |
My only niggle is the alignment. It’s not a deal breaker, though. How did you build this – with the block editor, or in a table? If you used a table, we might be able to fix the alignment by defining a specified height to the rows.
Otherwise, I like it, it looks nice and the layout is clean. If we use this size square, I’d suggest infinite scroll plus the A-Z anchors.
I would also suggest that we change image sizes so they are all the same, which can be done manually and would make it look better.
I think it looks nice as well, but agree with both MbD and Christine.
Definitely like the table layout better as it aligns everything up neatly.
I think the squares ought to be a bit smaller though, and that way we can fit more on a page.
Am I the only one that had this post look really weird on the feed page?
No, it looks odd on my feed as well.
I do like the look of the table, though!
It looks as though embedding the page link doesn’t produce a stable display on everyone’s feed.
On mine it looks like this
https://www.threecatsdesign.com/wp-content/uploads/2021/09/Snip20210929_1.png
I’ll use plain links in future
Actually, that’s what it looks like on mine too – I’ve just never seen that before. 🙂
I can make the squares smaller. We might be able to go for three columns instead of two. So far, I haven’t figured out how to change the size of the font in the table cells. The usual small/normal/large option isn’t showing up.
I see you’ve done the post using the block editor – let me check to see if I can add those options back in from the Admin.
I do know in Classic, changing font sizes in cells can be a pain because you either have to highlight the already existing text and change it, or choose the cells without choosing the table and setting font size/face that way.
I was able to add the font size and the font family dropdown menus to the Classic Paragraph and Classic blocks, but I can’t see anyway to add them to the regular block editor (though I did add font color and underline).
OK, call me crazy, but would it be possible to embed a link in the text description box to a new page where we could create a booklist for each category?
I’m thinking of something where we set up sortable booklists, maybe in Google sheets, for each space category and then embed them in a page with comment capability. I don’t necessarily think we would need to add all of the books to a book database, or even link them to a GR page, because that would be very time consuming, but the booklists are one of the best parts of HB and it would be great to have the capability for them.
That kind of linking can be done a couple of ways – either as a link to another page or to an HTML anchor on another page.
The comments can be set up easily.
It might be fun to have a curated but visible nomination area where people recommend the books they’ve most enjoyed reading for a particular square or which they know would be a good fit.