Web walker experiments

The first experiment was to create some “rooms” and connect them to create a “walking” navigation.

Taking inspiration from walker data structure, I created a CPT in WordPress called “room”, and used Pods templates to list them at the bottom of the “room”.

You can see it in action at https://allthe.io/room/a-trailhead/.

Screenshot_2020-10-03 A trailhead…

It connects to another room:

These are very basic post types at the moment, only have a title, body, and bi-directional “connected” field to, um, connect them (this is experimenting in part so I figure out what to call these things…):

I apply a Pods template after the_content, the following:

<ul class="rooms-list">
[each connected]
    <li><a href="{@permalink,esc_url}">{@post_title}</a></li>
[/each]
</ul>

Basically the example snippet listed at EACH Loop Tag - Pods Docs.

Okay, I’ve got a basic “walker”, but it is missing some features from my vision. This is great as a navigation device, though! As in, many websites would benefit from this kind of related content, so I’m going to polish an interface for it, from the front end, using some Pods + GravityForms glue…

Reference:

1 Like