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-camp or faq-camp-extended → Section "Coding Camp"
  • faq-education or faq-education-extended → Section "Machine Learning Degree"
  • faq-community or faq-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.html in 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

← Back to Main Page