WordPress 7.0+ block theme for Open Knowledge Network chapters. It ports the okfn.org visual identity (palette, HK Grotesk, pill buttons, colour orbs) into core Site Editor and block patterns. No Astra, Spectra, Elementor, or other page-builder plugin is required.
Version 3.0.0 replaces the deprecated classic OKFN-WP 2.0 theme (Bootstrap 4, jQuery, mmenu, Grunt). The classic tree is tagged classic-2.0.0.
First intended deployment: okfn.se. Other chapters can reuse the theme by swapping the Site Logo and, optionally, the Chapter green style variation.
- WordPress 7.0 or later
- PHP 8.2 or later
- No required plugins. Optional: Contact Form 7 for contact pages; Create Block Theme only while developing.
From this directory:
npm install
npm startThat runs wp-env (WordPress 7.0.4) and activates this theme. A plain npx wp-env start leaves Twenty Twenty-Five active — WordPress always installs a default theme; ours is mapped in as wordpress-theme and must be switched on.
| URL | What |
|---|---|
| http://localhost:8888/ | Front end (hero, cards, latest posts, footer) |
| http://localhost:8888/wp-admin/ | Admin. User admin, password password |
If the site is already running and still shows Twenty Twenty-Five:
npx wp-env run cli wp theme activate wordpress-themeThen reload http://localhost:8888/. You do not need to set a Site Logo or rebuild pages to preview: templates/front-page.html already inserts the OK Network patterns.
PHP syntax:
find -L . -name '*.php' -print0 | xargs -0 -n 1 php -l- Appearance → Editor (Site Editor).
- Set Site Logo to the chapter landscape logo (colour on white).
- Open the Header template part and edit Navigation links.
- Open the Footer template part (or the Footer pattern) for social URLs and legal links.
- Build pages from Patterns → OK Network: Hero punch, Feature cards, Person card, Quote, Latest posts, Newsletter, Page closing, etc.
- Button styles: default (black fill), White fill, Pill (outline). Heading style Highlight (mono) uses Necto Mono.
- Group styles Blue / Green / Purple / Yellow orb add the brand colour-circle background.
Do not install a page builder. Layout lives in patterns; you change text, images, and URLs.
Both faces are SIL OFL 1.1 and self-hosted in the theme. styles/fonts.css registers them with local @font-face URLs. Nothing is loaded from Google Fonts or any other remote host.
- HK Grotesk — WOFF2 in
assets/fonts/hk-grotesk/(OFL.txt) - Necto Mono — OTF in
assets/fonts/necto-mono/(OFL.txt); used for highlight headings and citations
Not part of the theme. Use Umami Cloud Hobby and the Integrate Umami plugin on the live site. See docs/umami.md. Do not enable it in wp-env.
- It does not convert classic PHP templates or
[latestposts]shortcodes automatically. Seedocs/migration.md. - It does not add Polylang. okfn.se English pages stay as a separate
/en/tree unless you add a multilingual plugin later. - It does not inject analytics IDs. See docs/umami.md.
Theme code: GPL-2.0-or-later.
Content you publish: typically CC BY 4.0, matching Network practice.
Repository: github.com/okfse/wordpress-theme