Documentation — KThemes

Quick Start

Get up and running with KThemes in minutes.

1

Download KThemes

Get the complete package including Kore theme and KBuilder plugin.

Download Now

2

Install & Activate

Upload and activate both the theme and plugin in your WordPress admin.

3

Start Building

Import starter templates or create your first page with KBuilder.

Installation

Detailed installation instructions for KThemes.

Requirements: WordPress 5.9+, PHP 7.4+, and at least 256MB memory limit recommended.

Install KBuilder Plugin

Go to Plugins → Add New in your WordPress admin
Click Upload Plugin and select the KBuilder .zip file
Click Install Now and then Activate

Install Kore Theme

Go to Appearance → Themes in your WordPress admin
Click Add New then Upload Theme
Select the Kore theme .zip file and click Install Now
Click Activate to make Kore your active theme

Installation Complete! You're ready to start building with KThemes.

KBuilder Guide

Learn how to use KBuilder's powerful visual building tools.

Creating Sections

Sections are the building blocks of your layouts. Use them to organize content into distinct areas.

<?php
// Create a new section
kbuilder_section( array(
  'id' => 'hero',
  'title' => 'Hero Section',
  'background' => 'gradient',
  'padding' => 'large'
) );
?>

Grid Layouts

KBuilder provides flexible grid systems for creating responsive layouts.

<?php
// Create a 3-column grid
kbuilder_grid( array(
  'columns' => 3,
  'gap' => 'medium',
  'responsive' => true
) );
?>

Dynamic Loops

Display dynamic content from custom post types, categories, or custom queries.

<?php
// Create a posts loop
kbuilder_loop( array(
  'post_type' => 'post',
  'posts_per_page' => 6,
  'template' => 'card',
  'columns' => 3
) );
?>

Kore Theme

Understanding the lightweight foundation of your WordPress site.

Theme Structure

Kore follows WordPress best practices with a clean, organized structure:

kore/
├── assets/
│   ├── css/          # Stylesheets
│   ├── js/           # JavaScript
│   └── img/          # Images
├── inc/
│   ├── core/         # Core functionality
│   ├── helpers/      # Helper functions
│   └── template-tags.php
├── template-parts/   # Reusable template parts
├── templates/        # Page templates
├── style.css         # Main stylesheet
└── functions.php     # Theme setup

Template Hierarchy

Kore uses WordPress's standard template hierarchy. You can override any template by creating a file in your child theme.

Pro Tip: Always use a child theme for customizations to preserve your changes during updates.

Design Tokens

Kore uses a token-based design system for consistent styling.

Color Tokens

Primary var(--accent) #6366f1

Brand var(--brand) #111827

Muted var(--muted) #667085

Typography Tokens

/* Font Families */
--font-primary: 'Inter', sans-serif;
--font-heading: 'Unbounded', sans-serif;
--font-mono: 'JetBrains Mono', monospace;

/* Font Sizes */
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;

Spacing Tokens

/* Spacing Scale */
--space-xs: 0.5rem;
--space-sm: 0.75rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2rem;
--space-2xl: 3rem;

Components

Pre-built components available in KBuilder.

Cards

Versatile card components for displaying content.

<div class="card">
  <h3>Card Title</h3>
  <p>Card content goes here.</p>
</div>

Buttons

Multiple button styles for different use cases.

<a class="btn primary">Primary Button</a>
<a class="btn secondary">Secondary Button</a>
<a class="btn ghost">Ghost Button</a>

Badges

Small status indicators and labels.

<span class="badge primary">New</span>
<span class="badge secondary">Featured</span>

Customization

Customize KThemes to match your brand.

Creating a Child Theme

Always use a child theme for customizations:

Create a new folder in /wp-content/themes/ named kore-child
Create a style.css file with the following header:

/*
Theme Name: Kore Child
Template: kore
Version: 1.0.0
*/

Create a functions.php file to enqueue parent styles:

<?php
add_action( 'wp_enqueue_scripts', 'kore_child_enqueue' );
function kore_child_enqueue() {
  wp_enqueue_style( 'kore-parent', 
    get_template_directory_uri() . '/style.css' 
  );
}
?>

Overriding Design Tokens

Override design tokens in your child theme's CSS:

:root {
  --accent: #your-color;
  --brand: #your-brand-color;
  --radius: 8px;
}

Hooks & Filters

Extend KThemes functionality with hooks and filters.

Common Action Hooks

// Before content
do_action( 'kore_before_content' );

// After content
do_action( 'kore_after_content' );

// Before footer
do_action( 'kore_before_footer' );

// After header
do_action( 'kore_after_header' );

Common Filters

// Modify content
add_filter( 'kbuilder_content', 'my_custom_content' );
function my_custom_content( $content ) {
  return $content . '<p>Custom addition</p>';
}

// Modify section attributes
add_filter( 'kbuilder_section_attrs', 'my_section_attrs' );
function my_section_attrs( $attrs ) {
  $attrs['class'] .= ' my-custom-class';
  return $attrs;
}

Troubleshooting

Common issues and how to solve them.

KBuilder not working

Problem: KBuilder features not showing up in the editor.
Solution: Make sure KBuilder plugin is activated before activating the Kore theme.

Styles not loading

Problem: Custom styles or design tokens not applying.
Solution: Clear your browser cache and WordPress cache. Check that your child theme is properly enqueuing styles.

Performance issues

Problem: Site loading slowly.
Solution: Enable caching, optimize images, and minimize use of third-party plugins. KThemes is optimized for performance by default.

Still need help? Check our FAQ page or contact support for assistance.

Get Started with KThemes