back to web creation
Technical solution: 

The Regional Agricultural Chamber Trutnov needed a comprehensive web solution that would combine two separate projects - the organization's website and the website for the Podhory agricultural machinery exhibition. The result is a modern website with emphasis on clear content management, advanced filtering, and a members-only section.

Brief

The client required a new website built from scratch - from wireframes through web design to final implementation. The website was meant to serve as:

  • Information portal for farmers from the Trutnov district with current news from the industry
  • Members section with access to documents and offers only for members
  • Presentation of the Podhory exhibition - an annual agricultural machinery show
  • Catalog of member offers - presentation of services and products from chamber members

The key requirement was easy content management - the chamber regularly publishes dozens of news items per month and needed a system that would allow them to efficiently organize and filter content by categories.

Solution

Structure and Custom Post Types

The website is built on five main custom post types that form the backbone of the entire system:

  • News - updates from Czech, European, and global agriculture
  • Invitations - information about upcoming events and seminars
  • Information - important materials and documents (members section)
  • Member offers - presentation of services and products from chamber members (members section)
  • Documents - statutes, minutes, and other internal documentation (members section)

Each custom post type has its own set of ACF fields tailored to the specific needs of that content type. This enables structured data storage and consistent display across the entire website.

AJAX Filtering and Search

For news and invitations, I implemented an advanced filtering system that significantly improves user experience:

How it works:

  • Filter buttons are generated automatically based on tags used in published posts
  • When clicking on a filter, content loads without page reload (AJAX)
  • The URL updates, so users can share specific filtered listings
  • Filters can be combined with full-text search

The implementation is based on AJAX filtering solution for Oxygen Repeater, which preserves all the advantages of Oxygen rendering without the need to create a parallel REST API endpoint.

Example tags for news:

  • Subsidies and support
  • Veterinary measures
  • Plant protection
  • Legislation
  • Job opportunities

The system automatically displays only those tags that are currently used in published posts, so filters remain always relevant.

Members Section

The website contains a protected members section (accessible only after login) with these features:

  • Standard WordPress login styled in the website's design
  • Private content visible only to logged-in members
  • Documents - statutes, meeting minutes, important materials
  • Information for members - specific news and instructions
  • Member offers - presentation of services and products from chamber members

After logging in, members see additional menu items in the main navigation leading to protected sections.

Member Offers Catalog

The public section "Offers from Our Members and Partners" serves as a presentation space for chamber members. Each offer contains:

  • Company/provider name
  • Description of services or products
  • Contact information
  • Full-text search for quick finding of specific offers

This section works as a benefit for members - they get space to present their services on the chamber's website.

Podhory Exhibition

A separate section dedicated to the annual agricultural machinery exhibition contains:

  • Information for visitors - program, admission, transportation
  • Information for exhibitors - participation conditions, registration
  • Photo galleries from previous years
  • Exhibition history

The OAK Trutnov website thus replaced the original standalone exhibition website and integrated it into a unified system.

Technical Solution

Oxygen Builder

For website development, I used Oxygen Builder, which allows:

  • Writing clean, optimized code
  • Direct control over HTML structure
  • Using custom CSS and JavaScript where needed
  • Fast loading thanks to the absence of unnecessary bloat

Advanced Custom Fields

Extensive use of ACF for structured data:

  • Custom fields for each post type
  • Flexible layouts for different content types
  • Conditional logic for displaying fields
  • Easy content management in administration

Custom Solutions

For some specific features, I created custom solutions:

  • AJAX filtering with automatic filter generation
  • Members section with content protection
  • Search across different content types
  • Customized WordPress login in the website's design

Result

In six weeks (including wireframes and web design), a comprehensive website was created that:

  • Combines two originally separate projects (OAK + Podhory)
  • Offers clear content management
  • Enables easy filtering and searching on individual post pages
  • Provides a members section with protected content
  • Runs smoothly and is ready for further development

The client gained a system that allows them to efficiently and clearly manage large amounts of content.

Need a website for an organization or association?

I'd be happy to help you:

  • Design an intuitive content structure
  • Create a clear administrative system
  • Implement advanced filtering and search
  • Secure a members section with content protection

Let's discuss how a website could better serve your organization's needs.