Site: http://unidaun.localhost/ Organization: Junior Uni Daun Platform: WordPress (IIS + PHP) integrated with K3 Seminar Management (Blazor backend API) Theme: u-design Database: wp_unidaun Last updated: July 2026

1. Executive Summary (for presentations)

The unidaun-wordpress site is the public web front-end for Junior Uni Daun. It lets visitors:

• Browse and filter courses by subject area, target group, location, and date
• View course details, trainers, and locations
• Register and log in with a K3 participant account
• Add courses to a shopping basket and complete booking in the K3 Blazor webshop

WordPress handles content, layout, and navigation. The K3 API is the system of record for courses, participants, and bookings. Custom plugins connect both worlds.

Key value proposition

2. System Architecture

Layered plugin architecture

K3 API Konfiguration (settings) + k3Auth (service token)
        ?
Template Builders (admin UI ? wp_options templates)
        ?
Preview / Renderer plugins (shortcodes, JS/React or PHP)
        ?
Course browsing UIs (K3CourseListPage, K3Kursprogramm, TreeSearch)
        ?
Auth & commerce (login widget, register, overlay buttons)

3. Site Chrome & Global UX

3.1 Branded header and footer (k3-site-header MU-plugin)

• Top bar: Phone +49 6592 712 8800, email info@junior-uni-daun.de, Facebook & Instagram links
• Logo: Junior Uni Daun logo replaces default site title
• Footer: Branded site footer

3.2 Floating overlay buttons (knechtli-overlay-buttons)

A collapsible FAB (floating action button) on all pages with quick access to:

Configured under Settings ? Knechtli Overlay Buttons.

3.3 Login widget in navigation (k3-api-login-widget)

When logged in, the header shows:

• User display name
• Meine Daten ? K3 backend (BackEnd deep link)
• Warenkorb ? K3 shopping basket (ShoppingBasket deep link)
• Logout

4. Page Map & Functionalities

Note: Exact page titles and counts live in the WordPress database (wp_posts). The list below is derived from plugin bootstrap logic, navigation defaults, and Course Sync configuration. After deployment, verify the live menu at http://unidaun.localhost/.

4.1 Core system pages (auto-created by plugins)

4.2 Demo / configuration pages (navigation defaults)

These pages are referenced in K3 Course Sync default site navigation and are typically created manually or during setup:

K3 Course Sync generates a hierarchical page tree under /kurse/ based on K3 data:

Example URL pattern:

/kurse/{fachbereich-slug}/{zielgruppe-slug}/{page-slug}/

Example:

/kurse/mathematik-informatik-und-technik/7-10-jaehrige/{course-group-page}/

Each generated page contains a [KursTemplate] shortcode pre-configured with:

• Filter for the specific Kursgruppe / CourseGroupingDetail
• Template name from the import library
• PHP or JS rendering mode
• Optional search, quick filters, and sort settings

Post meta stored on generated pages:

4.4 Fachbereiche (Kursgruppen) with brand colors

Configured in k3-course-sync/config/kursgruppen-styles.json:

These colors appear in the right meta sidebar on course detail pages (Fachbereich, Zielgruppe, Dozent/in, Treffpunkt).

5. User Workflows

5.1 Browse courses

Kursprogramm workflow (/kursprogramm/):

1. User sees course program title and filter bar 2. Opens modals: DATUM, FILTER (Fachbereich, Zielgruppe, Kursort), SUCHBEGRIFF 3. Toggles sort: alphabetical ? by date 4. Course list loads via AJAX (/wp-json/k3kp/v1/courses) 5. Only courses with isWebPublished = true are shown

TreeSearch workflow ([treesearch]):

1. Hierarchical tree: Kursgruppe ? CourseGroupingDetail ? courses 2. Optional Zielgruppe filter and text search 3. Leaf nodes link to matching WordPress pages (matched by slug, title, or _k3cs_normalized_key)

5.2 Book a course (Warenkorb)

Steps for end users:

5.3 Login

Login entry points:

• Floating overlay login button
• Login widget in main navigation
• Redirect from course template when login required

5.4 Registration

After registration, the user is immediately logged into both K3 (cookies) and WordPress (auth cookies).

5.5 Account management (post-login)

5.6 Trainer & location detail

Trainer links are auto-generated in course templates, e.g. /trainer?trainerId={guid}.

6. Admin Workflows

6.1 K3 API configuration

Menu: WordPress Admin ? K3 API

Token test: Admin can generate a sample curl command to verify API connectivity.

6.2 Template builders (visual editors)

Each builder provides a React-based grid editor in wp-admin, stores templates in wp_options, and supports JSON import/export.

Typical editor workflow:

1. Open builder in admin 2. Design grid layout (fields, labels, cart button, links) 3. Preview (JS or PHP mode) 4. Save template with a unique name 5. Use template name in shortcode: [KursTemplate template="MyTemplate" filter="..."]

6.3 K3 Course Sync (page generation pipeline)

Menu: WordPress Admin ? K3 Course Sync

Content editor workflow:

6.4 Overlay button settings

Menu: Settings ? Knechtli Overlay Buttons

Toggle visibility of login, search, contact, and cart buttons; configure URLs and search selectors.

7. Plugin Reference

7.1 Custom K3 plugins

7.2 Must-use plugins (wp-content/mu-plugins)

7.3 Third-party plugins (supporting role)

8. API Integration Summary

Authentication

Courses & metadata

Shopping basket

Deep links (Blazor)

URL: {base}/Authenticate?Authkey={base64(payload)}

9. Shortcode Quick Reference

10. Presentation Outline (slide suggestions)

Use this outline for a stakeholder presentation:

• Challenge: Present K3 seminar data on a modern, branded public website
• Solution: WordPress front-end + K3 API back-end + custom bridge plugins

Use the mermaid diagram from Section 2.

1. Land on homepage 2. Browse Kursprogramm or Fachbereich pages 3. Add courses to Warenkorb 4. Register / login 5. Complete booking in K3 webshop

• Modal filters (date, Fachbereich, Zielgruppe, Ort, search)
• TreeSearch navigation
• Auto-generated pages per course grouping
• Fachbereich color coding

• K3 API settings (one central config)
• Visual template builders (no code needed for layout changes)
• K3 Course Sync (bulk page generation from K3 data)

• Custom header/footer (contact, social)
• Floating action buttons (login, search, contact, cart)
• Responsive u-design theme

• WordPress on IIS (web.config rewrite to index.php)
• Database: wp_unidaun
• API cache: configurable (default 5 min)
• Related project: fba_wordpress syncs K3 plugins from this repo

• Live demo
• Content publishing workflow training
• Production domain cutover checklist

11. Environment & Deployment Notes

Local development requirements

1. IIS site bound to unidaun.localhost (hosts file entry) 2. MySQL reachable with wp_unidaun database 3. K3 API base URL configured in K3 API admin (local Blazor instance or remote) 4. k3-localhost-ssl.php relaxes SSL verification for local K3 dev servers

12. Related documentation in this repository

13. Glossary

*This document was generated from codebase analysis. For an exact live page inventory, run wp post list --post_type=page --post_status=publish against a running instance, or inspect Pages in wp-admin.*