Skip to content
FH
All projects
Live

Frontend · WordPress

EGI Optics

Custom WordPress site for a defence optics manufacturer

Custom WordPress block theme and companion plugin for a defence optics and laser company, with product catalogs, news, and hardened defaults.

WordPressPHPtheme.jsonBlock PatternsPlaywrightWP-CLI
EGI Optics homepage

Overview

The public website for PT EGI Optik Indonesia. It is a custom WordPress block theme with a companion plugin that adds product post types, specification fields, block patterns, SEO output, and security hardening. Content is managed by the company team.

Problem & solution

The problem

The company needed a maintainable marketing site its own team could edit, with structured product pages and news, rather than a fixed set of hard-coded pages.

What was built

A block theme built around theme.json and patterns, with a plugin owning product data and SEO behaviour. Deployment is automated through GitHub Actions with a backup, rsync, cache flush, and health check.

Key features

  • Thirteen block templates and nineteen reusable block patterns
  • Custom product post type with categories and specification metadata
  • Organization JSON-LD, sitemap, and redirect map for legacy URLs
  • Security hardening for comments, XML-RPC, REST users, and uploads
  • WP-CLI content import and deployment scripts
  • Automated theme checks with Playwright, Stylelint, ESLint, and PHPCS

Technical implementation

A standard WordPress installation where the theme and plugin are versioned in Git, while content and uploads remain in the database.

Theme

Custom block theme with 13 templates and 19 patterns

Plugin

Product post types, metadata, SEO output, and hardening

Tooling

wp-env for local development, WP-CLI seeding, Playwright checks

Delivery

GitHub Actions with backup, rsync, cache flush, and health check

My contribution

  • Aligned the header, footer, and hero with the content width and completed a mobile-first CSS pass.
  • Fixed footer semantics and raised accent contrast to meet AA.
  • Corrected news content and officer names.
View all