Day 5 – Submit a photo

Prompt 5/20

Photograph: Take a photo of street art, or find one you’ve taken previously. Submit it to the WordPress Photo Directory. Once it’s approved, share the link to your photo in the comments. (Or post it online and share the link in the comments.)

This is the photo I submitted, it’s a photo of an underpass in Hackney, London where over many years someone or some people have gradually glued old tech and other found items to a concrete pillar underneath a motorway, and spray pained graffiti over the top.

photo of an underpass in Hackney, previous paragraph decried this in more depth

Day 4 – Oldest WordPress website

Prompt 4/20

Tell us about the oldest WordPress website you know of/worked on/built that you can find in the Wayback Machine. When is it from? What was it for? Screenshots encouraged. Post your response on a WordPress website and link it in the comments.

This site launched in 2004, however it was on another server (and maybe url) anyways the screengrabs of dogwonder.co.uk 04/05 from the Wayback Machine don’t work. The earliest I could find that was semi recognisable was December 2006. So 16 or so years.

And here is a screenshot of it then.

Screenshot if this website in 2006

Day 2 – Custom block #WP20

Prompt 2/20 from #WP20 From Blogs to Blocks I chose the “Develop” prompt:

‘Create a new block! … Post your block in a GitHub repo (or somewhere else that works for you), then share a link to your block (and maybe a description) in the comments.’

As it happened, I needed to create something today. The use case was when I needed to add an HTML anchor to a page. This functionality is readily available for most blocks, but unfortunately, the specific custom block pattern I had built didn’t have the option to add an HTML anchor. So, it may be a bit overengineered, but necessity dictated my actions. I created the block using ACF Pro, with a single custom field called “HTML Anchor.” This field is then outputted as:

<div id="test-anchor" class="dgwltd-block dgwltd-anchor"></div>

You can find the complete code on GitHub.

And this is what it looks like in the admin:

Screenshot of custom block in WordPress admin for a block that allows for a HTML anchor to be added to a page

Additional tip: If you need to offset the scroll margin, such as when you have a fixed header or simply want to add a little breathing space, you can accomplish this using a helpful utility. H/T to Andy Bell.

[id] {
  scroll-margin-top: 2ex;
}
2026 2025 2024 2023 2022 2021 2020 2019 2017 2016 2014 2013 2012 2011 2010 2009 2008 2007 2006 2005 2004