PEN BEAM / CODE LIBRARY

Code snippets for practical WordPress and frontend work.

Copy-ready snippets for WordPress customisation, responsive layout and workflow automation. Every snippet includes what it does, where to place it, and what to check before deploying. Code is provided as a starting point; test on staging before production.

Language Use case

8 snippets

JavaScriptAutomation

Fetch Data with a Timeout and Error State

Request an endpoint with a timeout and explicit HTTP/network error handling using vanilla JavaScript.

View snippet

CSSLayout

Accessible Skip Link and Focus Styles

Make keyboard navigation visible with a skip link and consistent focus indicators.

View snippet

PHPWordPress

Enqueue a WordPress Stylesheet with Cache Busting

Use filemtime() to version a local theme stylesheet so browsers request updated CSS after a file changes.

View snippet

JavaScript (Apps Script)Automation

Google Apps Script — Send a Form Notification

Notify a team when a form response arrives without copying sensitive answers into the email.

View snippet

PHPWordPress

Register a Custom Post Type

A minimal WordPress custom post type with REST support, an archive and readable rewrite URLs.

View snippet

JavaScriptPerformance

Debounce a JavaScript Function

Wait until rapid events settle before running expensive work such as search suggestions or resize calculations.

View snippet

CSSLayout

Responsive Fluid Typography with clamp()

Let headings scale smoothly between readable minimum and maximum sizes without multiple viewport breakpoints.

View snippet

PHPWordPress

Disable WordPress Comments Site-Wide

A deliberate global switch for projects that do not accept comments or trackbacks.

View snippet