Theme Documentation
This guide explains how to use the Coding.Waterkant theme templates and content structure.
Project Pages
Use this structure for pages (not posts) tagged cw-project. Pages do not appear in the blog feed or newsletter.
- Template: In page Settings (gear icon), select "Project" in the template dropdown.
- Order: Projects appear in the slider by publish date (oldest first). Set the "Published" date to control the order.
- Page title = project name
- Custom excerpt = subtitle (e.g. authors)
- Feature image = landscape image (card thumbnail)
- Page body = project description
FAQ Pages
Create pages (not posts) with the appropriate tag. Each page: Title = question, Page body = answer.
Tags & sections (full FAQ page at /faq/):
faq-camporfaq-camp-extended→ Section "Coding Camp"faq-educationorfaq-education-extended→ Section "Machine Learning Degree"faq-communityorfaq-community-extended→ Section "Community"
Sections with no tagged pages are hidden. The camp page FAQ preview uses faq-camp only.
Setup: Create a page with slug faq and title "FAQ". In Settings (gear icon), select the "FAQ" template. The page body can be empty. Order: By publish date (oldest first).
Camp Page: Program & Sponsors
- Program: Add an HTML block to the camp page body and paste the program HTML (see
camp-program-sample.htmlin the theme). - Sponsor logos: Use the custom settings below (Sponsor logo 1–5). Leave empty to hide a slot.
Education Page
Create a page with slug education for the Machine Learning education content. The theme auto-selects the Education template for this slug. Alternatively, use any slug and select the "Education" template in page Settings.
Plain Template Pages
For pages like Arrival, Accommodation, Educational Leave: Create a page, select the "Plain" template, and paste the content HTML into an HTML card. See the coding-waterkant-dev-files/ folder for samples.
Custom Settings
Go to Settings > Design > Theme to configure these options.
Homepage
- Email signup text — Text for the newsletter signup
- About hero — Parallax hero image on the about page
- Camp section 1 — Camp page section image 1
- Camp section 2 — Camp page section image 2
- Education section 1 — Education page hero, mid-section
- Education section 2 — Education page courses section
- Landing section 1 — Landing page section image 1
- Landing section 2 — Landing page section image 2
- Ticket URL — Registration/ticket link for camp page CTA buttons
- Camp hero 1–6 — Hero background slides for the camp page
- Sponsor logo 1–5 — Sponsor logos for the camp page slider