Written for the comparison moment
Courses, timetable and seat availability, who teaches, what it costs, where it is, and how to start. The order of the front page follows the order a parent asks those questions in.
Abira Series · WordPress Block Theme
Everything a small cram school site needs, already built.
Abira Academy is a commercial block theme for independent juku and tutoring businesses. Activate it and the front page is already there — courses, timetable, instructors, voices, enrollment steps, FAQ, access, and a free-trial CTA — laid out the way a parent compares schools.
¥5,500
One-time purchase · GPLv3 · Japanese and English included
10
front-page sections
4
ready-made page templates
0
custom post types
WCAG 2.2 AA
the standard it is built to
Who it is for
Built for the owner who runs the school and the website
Abira Academy targets independent and small multi-location schools — not chains. The design answers the practical questions a parent asks while comparing options, and ends on a free-trial inquiry.
Editable in the block editor, all of it
Every section is a block pattern made of core blocks. No page builder, no shortcodes, no settings screen to learn — select a card and type over it.
Readable is the whole selling point
The audience is parents, often reading on a phone at night. Generous line height, a calm navy-and-amber palette, and a text-size and contrast toolbar in the header.
Front page
Ten sections, stacked and ready
The front page is a single-page layout assembled from independent patterns. Reorder them, delete one, or copy a section onto its own page from the Site Editor.
- HeroHeadline, lead, and the two primary CTAs — book a free trial, or call.
- CoursesCourse cards with photo, focus line, grade chips, and a link to the Courses page.
- ScheduleA weekly timetable with seat availability written as words, never colour alone.
- InstructorsProfile cards with portrait, subject chips, background, and a short message.
- VoicesParent and student testimonials on a static grid — no carousel.
- Steps to EnrollmentFour numbered steps from first contact to the first lesson.
- FAQAccordions built on the native
core/detailsblock. - AccessMap card, directions, opening hours, and a phone panel.
- Free Trial CTAThe closing conversion band, with phone and form routes.
- AnnouncementsLatest posts from an “announcements” category, with a built-in empty state.
An alternative Exam Results pattern is also included — a full-bleed photo under a fixed 80% dark overlay, so the numbers stay readable over any photo the owner uploads. Swap it in above the hero if results are the school's strongest pitch.
Try it here
The parts that usually need a plugin
Three of the theme's own components, running on this page. They behave here exactly as they do in the theme.
Weekly schedule
Status in words, not colour
| Period | Mon | Tue | Wed | Thu |
|---|---|---|---|---|
| 1 · 4:00–5:30pm | ElementaryOpen | — | ElementaryOpen | — |
| 2 · 5:40–7:10pm | Middle SchoolOpen | Middle SchoolFull | Middle SchoolOpen | Middle SchoolFew seats |
| 3 · 7:20–8:50pm | — | High SchoolOpen | — | High SchoolFew seats |
A plain static table the owner updates by hand — deliberately not a booking system.
Accessibility toolbar
Press the buttons
Come and try one lesson first.
No entrance test, no obligation, and no follow-up sales calls.
Few seatsIn the theme both settings persist in localStorage and are restored before first paint — a returning visitor never sees a flash of the default.
FAQ accordion
Native <details>, no JavaScript
Can missed classes be rescheduled?
Yes — the pattern ships with five sample questions like this one, each a core/details block you rewrite in place.
Is there a trial period available?
Keyboard and screen reader support come from the browser's own element, so there is no bespoke widget to break on update.
Design tokens
All in theme.json
Deep navy for structure, warm amber reserved for calls to action, over warm ivory. Type is Plus Jakarta Sans, Be Vietnam Pro, and Work Sans, each paired with a Japanese gothic fallback — colours, sizes, spacing, and radii are all editable presets, so restyling means changing a value, not a stylesheet.
Beyond the front page
Four detail pages that build themselves
Create a Page with the matching slug and the layout is applied automatically — nothing to paste.
Courses
A full breakdown by school level, with the group and private tracks side by side.
Tuition
A pricing table with the enrollment fee and materials kept in a separate note.
Contact
Inquiry form layout, map, opening hours, and a phone banner.
Classrooms
One card per location. Duplicate a card to add a room; delete the rest for a single-room school.
Core templates for index, blog home, single, page, archive, search, and 404 are all styled to match, plus two custom templates — Blank and Page (No Title) — in the template picker for pages you want to write yourself.
Accessibility
The reason a parent stays on the page
Abira Academy is built to WCAG 2.2 AA, checked with axe DevTools, WAVE, and the WebAIM contrast checker, plus keyboard-only passes and NVDA testing. Accessibility was part of development, not a layer added at the end.
Text size and high contrast
Three explicit size buttons — not a hidden cycling toggle — and a contrast switch, both saved in localStorage and re-applied before first paint.
Status is never colour alone
Seat availability and every other state carries a written label, so it survives the high-contrast mode and colour-blind vision alike.
Keyboard and screen reader first
Semantic landmarks, the block-theme skip link, a 2px focus outline, and native <details> instead of a custom accordion.
Motion is optional
Scroll reveals are skipped entirely under “reduce motion”, and every section stays fully visible with JavaScript disabled.
No formal third-party audit has been completed for Abira Academy's own patterns; accessibility is reviewed as part of each release. The full statement ships as accessibility.txt.
How it is built
Deliberately simple, so it keeps working
What it does not do
- No custom post types — nothing is lost if the school changes theme later
- No booking system, no pricing simulator, no carousels
- No page builder, no shortcodes, no framework to learn
- No external image host — the demo photos are inside the theme
What you get instead
- Every section is core blocks the owner can edit, duplicate, or delete
- A one-page layout that expands into multiple pages when the school grows
- A Japanese translation (ja.po / ja.mo) and a full .pot for any other language
- Child-theme friendly, GPLv3, with the Google Fonts request switchable off by filter
Specifications
The details
| Theme name | Abira Academy |
|---|---|
| Version | 1.1.0 |
| Price | ¥5,500 — one-time purchase |
| Type | Commercial WordPress block theme (full site editing), distributed independently — not listed on WordPress.org |
| Base | Built on the Abira foundation, the free block theme on WordPress.org. A standalone theme, not an add-on and not a freemium upgrade. |
| Requires | WordPress 6.5 or later · PHP 7.4 or later · tested up to WordPress 7.0 |
| Languages | English (source) and Japanese (ja.po / ja.mo). Translation-ready with a bundled .pot. |
| Typography | Plus Jakarta Sans, Be Vietnam Pro, Work Sans via Google Fonts, each paired with a Japanese system gothic fallback. The request can be disabled with the abira_academy_load_google_fonts filter. |
| Images | Two demo images bundled in the theme, generated with Google Gemini, © 369work. Meant to be replaced with photos of the school. |
| Licence | GNU General Public License v3 or later |
| Author | 369work · 369theme.com |
Before you buy
Frequently asked questions
Do I need the free Abira theme installed?
No. Abira Academy is a standalone theme built on the same foundation. Install it on its own; the free Abira theme is unrelated to your purchase and stays as it is on WordPress.org.
How do I replace the demo photos and the phone number?
Each photo is a regular Image block — select it in the Site Editor and use Replace → Open Media Library. The phone number ships as the placeholder tel:03-XXXX-XXXX in the header, mobile action bar, hero, and trial CTA; search the front page and replace each one.
How do I add a second classroom?
Create a Page with the slug classrooms and the layout loads automatically. Duplicate the card block to add a location, or delete the extras if the school runs a single room. There is no classroom post type to manage.
Can I split the single-page layout into separate pages later?
Yes — that is what the pattern structure is for. Copy a section onto its own page using the Blank template, then update the navigation link and any in-page anchor links. No theme change, no rebuild.
Can I use it as a parent theme?
Yes. Create a child block theme and override any template, pattern, or style. The theme is GPLv3, so you are free to modify it for the site you build.
Can I turn off the Google Fonts request?
Yes. Add add_filter( 'abira_academy_load_google_fonts', '__return_false' ); to a child theme or site-specific plugin. The theme.json stacks fall back to Japanese system gothic faces, so text stays readable.
Why do Japanese and English text render in different typefaces?
The three bundled families carry no Japanese glyphs, so theme.json pairs each with a Japanese gothic fallback: Latin renders in the brand face, Japanese in the system gothic. This is intended.
Put the school online this weekend.
Activate, replace the photos and the phone number, and the site is ready for parents. ¥5,500, one payment, GPL licensed.
Part of the Abira Series. Abira School (swimming and dance) and Abira Public (nonprofits) follow.