Creating / manage content - how is everybody doing it?

Question

I need some ideas for creating content.
It's a bit of a pain the way i have it now.

I tested this: https://nystudio107.com/blog/creating-a-content-builder-in-craft-cms
But i don't really like it because text and images are all over the place in the backend.
If i could combine certain stuff in blocks that i could move around it would be better.
But it seems like this (like in my example image) is not possible (images is a Super Table): For example here: https://skulltronics.net/phantasialand-hoerspiel-und-videokassetten

I have the audio tape and video tape. If i want to add the next tape and want it on top or between then i have to move every text and image block if i can't group them.

Then i have the links to the single view of the images. This are not the same images that you see on the pages. They are hi res and a mix of png and jpg. At the moment a put them in by hand like:

<a title="FHD Ansicht" href="%%home%%media/phantasialand/guides/03/phantasialand-parkfuehrer-11-1972-1973-back-4K.png" target="_blank">FHD Ansicht</a>

At the moment I'm using %%image1%% in my content and they are replaced by the code in the template.

Problem is if i want to add more i always need to count the rows.
row 1 = %%image1%%, row 2 = %%image2%%...

For example this: https://skulltronics.net/phantasialand-autoaufkleber-und-sticker
Looks like this when creating the entry:

<h2 class="mb-3">Phantasialand Aufkleber 1978</h2>
<a href="%%home%%media/phantasialand/sticker/phantasialand-aufkleber-1978-bob-bahn-cine-2000-alt-berlin-western-train-jet-neptunbrunnen-4K.png" target="_blank">%%image1%%</a>
<p class="mt-1 mb-1">Original Größe: 11.8 cm &Oslash;</p>
%%share1%%

<h2 class="mt-4 mb-1 mb-700-n3">Phantasialand Aufkleber 198?</h2>
<a href="%%home%%media/phantasialand/sticker/phantasialand-aufkleber-198x-gelb-chinatown-pagode-jet-4K.png" target="_blank">%%image2%%</a>
<p class="mb-1">Original Größe: 20.3 cm Lang</p>
%%share2%%

<h2 class="mt-4 mb-1 mb-700-n3">Phantasialand Aufkleber 198?</h2>
<a href="%%home%%media/phantasialand/sticker/phantasialand-aufkleber-198x-gruen-chinatown-pagode-jet-4K.png" target="_blank">%%image3%%</a>
<p class="mb-1">Original Größe: 20.7 cm Lang</p> 
%%share3%%

If i now need another sticker in between i can use %%image15%% because that attachment is row 15 after adding it or i need to change them all when editing if i want it in right order.

Also with the nystudio107 way: If you create a image link then you make a text block with
<a href="link.html" target="_blank">
Then comes the attachment and then another text block with just </a> ?

So how do others handle/create/manage there content/entries?

Answer 1

This is a simplified example, but this is how I'd approach user-manageable page content, using a content builder. Each content type gets its own block in a matrix field:

Which allows authors to add whichever page content blocks they require, in whatever order they like:

Simply add whatever blocks your design requires.

Answer 2

I would approach this another way. If it were me I would create a new section called ‘guides’ with each guide having its own entry. That way you can have as many fields as you want without the content page getting overwhelming.

I would then use the same content building technique as nystudio but include a new block called Guides, you can then create an entries relation field that links to your guides section.

The benefit of doing it this way is that you guide data is now reusable on any page.