Showcase build / School / WordPress

Tanglaw Ridge Academy

School site with audience-aware notices and a simple staff dashboard.

View live demo

A static copy of the site: browse every page; forms are switched off.

For the business

Before: Notices get lost in group chats and parents miss them.

Each notice reaches the right parents, students or staff, and staff post it in a few clicks.

A private secondary school for Grades 7 to 12 on the Tagaytay ridge. Students, parents and staff each have a page that lists their own notices automatically, staff post announcements and photo albums from a three-button dashboard, and long pages carry an On this page list so families find the bell schedule, fees or exam dates quickly.

What it does

  • Announcements carry an audience (Everyone, Students, Parents, Staff); the group pages, the monthly notice counts and the filter all read it, so a notice posted once appears in the right places.
  • A School Editor role that can edit pages, announcements and albums only, with a one-box dashboard: Post Announcement, Upload Photos, Edit Pages.
  • Home, School, Students, Parents, Staff and Contact are built in Elementor with the plugin's widgets, so notices and albums stay live, and School Editors can edit them too; uploads get WebP copies and gallery images their real sizes.
  • The announcements filter works without JavaScript; albums open full size in WordPress's own lightbox.

Design

  • Quiet and editorial: off-white paper, school green for the welcome, the doors and the footer, gold as a fine accent.
  • Source Serif 4 at its display optical size over Atkinson Hyperlegible Next, chosen for easy reading; notices led by date stamps in old-style figures.
  • A crest drawn for the name (tanglaw is Tagalog for a lamp): a lamp on a green and gold shield.

Screens

  • Tanglaw Ridge Academy: Home: the latest notice over the classroom photo, the noticeboard and the three doors
    Home: the latest notice over the classroom photo, the noticeboard and the three doors
  • Tanglaw Ridge Academy: Home on a phone
    Home on a phone
  • Tanglaw Ridge Academy: Parents page: calendar, fees and card days beside On this page, then parents' notices
    Parents page: calendar, fees and card days beside On this page, then parents' notices
  • Tanglaw Ridge Academy: Announcements with a filter for each audience
    Announcements with a filter for each audience
  • Tanglaw Ridge Academy: Sports day album: photos that open full size in a lightbox
    Sports day album: photos that open full size in a lightbox

Other WordPress sites

All projects