Can you explain the uses of each petroleum product?
Here’s a clean brief of your theme:
Yasir Arafin Theme v6 — Structure Brief
Theme type: Custom WordPress theme (not block/FSE, not a child theme). Pure PHP templates with manual CSS. No page builder, no Gutenberg dependency.
File Map (20 files total)
| File | Role |
|---|---|
style.css | Theme registration header only — no actual styles here |
functions.php | The engine: enqueue CSS, strip WP block styles, auto-route templates by slug |
assets/css/main.css | All shared styles (123 lines, Newsprint design system) |
theme.json | Block editor config (minimal, mostly to suppress defaults) |
index.php + templates/index.html | Required WP fallbacks, essentially empty |
Page templates:
| Template | URL Slug | Size |
|---|---|---|
page-home.php | / (front page) | 22KB |
page-about.php | /about/ | 30KB |
page-contact.php | /contact/ | 30KB |
page-wrysto.php | /wrysto/ | 52KB |
Auto templates (WordPress standard):
| Template | Triggers |
|---|---|
single.php | Any blog post |
archive.php | Category/tag pages |
404.php | Broken URLs |
How Template Routing Works
functions.php has a template_include filter that bypasses the WP template dropdown entirely. It maps page slugs directly to PHP files — so creating a page with slug /about/ auto-loads page-about.php. No theme selection needed in the WP admin. New pages follow a 3-step pattern: create the PHP file, add the slug condition in functions.php, publish the WP page.
Design System (Newsprint aesthetic)
The whole UI is built around a newspaper/editorial visual language:
- Typography: Playfair Display (serif headings), Lora (body), Inter (UI labels), JetBrains Mono (metadata/code)
- Colors:
--ink(near-black),--paper(off-white),--accent(likely amber from Wrysto branding),--muted,--n500/n600(grays) - Layout patterns: CSS Grid columns with
borderdividers mimicking newspaper column rules, masthead headers, ticker strips, drop caps on first paragraphs, pull quotes, kicker labels, ornament dividers - Each page is self-contained — inline
<style>blocks per page for page-specific components, shared base frommain.css
Page Content Summary
- Home — Masthead with name + tagline, scrolling ticker (current projects), multiple editorial sections (About, Ventures, Expertise, Articles, Background)
- About — Hero grid (photo + bio text), three-pillar expertise section, inverted philosophy block
- Contact — Contact form that emails to WP admin email via PHP mail
- Wrysto — Full product landing page for your CMMS SaaS (largest file at 52KB), hero section with stat grid, feature sections, editorial structure matching the main theme
What’s Notable
The SEO slug variants (/about-best-engineer-in-gazipur/, /contact-best-engineer-in-gazipur/) in functions.php suggest you’re targeting local search terms while keeping clean URLs as the primary. Smart dual-slug pattern.
The theme has zero plugin dependencies — no ACF, no WooCommerce hooks, no page builder residue. Clean and portable.
