Themes
Themes Plugins Architecture Documentation FAQ Pricing Download
System Design

Kore Architecture

A modern approach to WordPress development that separates structure from functionality for cleaner, more maintainable sites.

The Kore architecture is built on separation of concerns. The theme (Kore) handles structure, styling, and presentation, while plugins (starting with KBuilder) provide functionality and content building capabilities.

K

Kore Theme

Structure & Design Foundation

  • Structural foundation
  • Base styling and design tokens
  • Responsive layouts
  • Accessibility compliance
  • Performance optimization
K

KBuilder Plugin

Visual Building Engine

  • Visual layouts and structures
  • Dynamic content loops
  • Reusable components
  • Data display and formatting
  • WordPress core integration

Architecture Diagram

How the different components work together in the KThemes ecosystem.

Core Layer

WordPress Core Foundation & API
Kore Theme Structure & Design
KBuilder Plugin Visual Building

Extension Layer

Extension Plugins KMenu, KForms, KFields
3rd Party Tools ACF, Elementor, Gutenberg
Custom Code Your Development

How It Works

1

WordPress Core

Provides the foundation and API for all functionality.

2

Kore Theme

Handles base structure, styling, and responsive design.

3

KBuilder Plugin

Adds visual building and content management tools.

4

Extensions

Specialized functionality and third-party integrations.

Architecture Benefits

Why this approach leads to better WordPress sites.

Improved Performance

Load only what's needed. Sites built with this architecture are faster and use fewer resources.

Better Maintainability

Update components individually without affecting the entire site. Debugging is simpler.

Enhanced Modularity

Use only what you need. Add complexity only when required for each project.

Team Collaboration

Designers work on themes, developers on functionality. Clear separation improves workflow.

Improved Security

Isolated functionality makes security updates easier without breaking design.

Future-Proof

Adapt to WordPress changes without complete rebuilds. Stay current with less effort.

Technical Structure

A deeper look at how the ecosystem is organized for developers.

Kore Theme Structure

kore/
├── assets/
│   ├── css/
│   ├── js/
│   └── img/
├── inc/
│   ├── core/
│   ├── helpers/
│   └── template-tags.php
├── template-parts/
├── templates/
└── functions.php

Clean, organized structure following WordPress best practices with a token-based design system.

KBuilder Plugin Structure

kbuilder/
├── assets/
│   ├── css/
│   ├── js/
│   └── img/
├── inc/
│   ├── core/
│   ├── blocks/
│   ├── widgets/
│   └── shortcodes/
├── templates/
└── kbuilder.php

Extends WordPress with visual building capabilities and dynamic layout framework.

Integration Points

Kore and KBuilder work together seamlessly through these mechanisms:

Theme Support

add_theme_support( 'kbuilder', [
  'sections',
  'grids',
  'templates'
] );

Action Hooks

do_action( 'kore_before_content' );
do_action( 'kore_after_content' );
do_action( 'kore_before_footer' );

Filter Hooks

$content = apply_filters(
  'kbuilder_content',
  $content
);

Developer Experience

Built with developers in mind. Easy to understand, extend, and customize.

  • Comprehensive documentation for every aspect
  • Consistent patterns and coding standards
  • Well-defined hooks and filters
  • Helper functions and utilities
  • Active developer community
Read Documentation Get Started

Code Example: Using KBuilder Sections

<?php
// Check if KBuilder is active
if ( function_exists( 'kbuilder_section' ) ) {
  
  // Create a new section
  kbuilder_section( array(
    'id' => 'features',
    'title' => 'Features',
    'columns' => 3,
    'gap' => 'lg',
    'background' => 'light'
  ) );
  
  // Add content to the section
  kbuilder_content( array(
    'section_id' => 'features',
    'template' => 'card',
    'query' => array(
      'post_type' => 'feature',
      'posts_per_page' => 3
    )
  ) );
  
  // Close the section
  kbuilder_section_end();
}
?>