DEV3 Technologies home

DEV3 Docuna – Knowledge Base & Help Center WordPress Theme for Elementor & WooCommerce

A knowledge base and help center WordPress theme: instant docs search with a / shortcut, three-column articles with on-this-page contents, Was this helpful? votes, a changelog timeline, FAQ, status page and support requests. Elementor, WooCommerce and one-click demo included.
by DEV3 TechnologiesVerified Author(0) 0 sales 0 viewsUpdated 07 Nov 2026

Launch Offer: up to 50% off

This item is 50% off: $24.50 instead of $49

Ends in
--
Days
--
Hrs
--
Min
--
Sec

DEV3 Docuna is a WordPress theme for software companies, SaaS products and support teams that need a knowledge base and help centre people actually use. The home page is a short, teal duotone photo band with a giant search box that overlaps its edge. Type a few letters and suggestions appear; press / anywhere and the search is focused.

There is no public live demo. Watch the video tour at the top of this page, or step through the screenshots at desktop, tablet and phone sizes.

A real documentation layout

  • Three columns on every article. A sticky docs navigation with a filter box on the left, the article in the middle and an On this page contents list on the right, built from your headings and highlighting where you are.
  • Everything readers expect. Breadcrumbs, audience and "applies to" pills, reading time, updated date, previous and next, related articles and a "Still stuck?" box that points to support.
  • Writing tools. Tip, Note and Warning callouts, numbered steps with step markers, tables, a dark terminal code block with a Copy button and heading anchors.
  • Print-friendly. A print layout hides navigation and votes, wraps code and prints link addresses.
  • Mobile. The navigation collapses behind a "Browse docs" button, and every layout is tested at 390 px with no sideways scrolling.

"Was this helpful?" votes

Each article ends with a Yes / No vote. It works without JavaScript (a normal form with a nonce and honeypot), upgrades to an in-page vote with JavaScript, remembers one vote per browser and limits repeat votes. Counts are stored on the article, shown once there are enough votes, and listed in a Helpful column in the docs list, so you can see which articles need work.

Changelog, FAQ, status and support

  • Changelog timeline. Release notes with version, date and tags (new, improved, fixed, security, deprecated) on a vertical timeline, with tag filters.
  • FAQ with FAQPage structured data, and a Status page with component health, 45-day bars and incident history (sample data; link your own status page in the Customizer).
  • Support requests. A ticket-style contact form (product, priority, subject, message) built with Contact Form 7, styled to match. The theme does not connect to a help-desk service.
  • Docs-first search. A plain site search lists documentation first, then release notes, then posts.

Shop and blog

Support packs, onboarding sessions and training are sold with WooCommerce (virtual products, so checkout skips shipping), with a slide-out cart and quick view. An announcements blog is included.

Compatible plugins

Docuna has compatible styling for the wrappers of knowledge-base plugins such as BetterDocs and Heroic Knowledge Base (article body, sidebar, search box, breadcrumbs and feedback box), with a class map in the documentation. They are optional, not bundled and not required.

Edit everything

  • Every demo page is built with the free Elementor plugin and the DEV3 widgets: Photo Hero, Docs / Help Centre, Table of contents, Changelog, FAQ, Testimonials, Kinetic Heading, Magnetic Button and Post Type Grid.
  • 29 block patterns for the block editor, including callouts, steps, code, release notes, status, contact options and a "Still stuck?" panel.
  • Customizer. Product name, docs version label, support email, status and community links, plus colours, self-hosted fonts (Spline Sans and Spline Sans Mono), header, footer, shop and blog settings.
  • A child theme is included.

Performance and accessibility

  • No 3D and no WebGL. About 13 KB of JavaScript is always loaded; motion is a small lazy chunk.
  • Self-hosted fonts, no external requests. Skip link, visible focus rings, a labelled search with a combobox list, keyboard-friendly navigation and reduced-motion support. Includes an RTL stylesheet, a .pot file and wpml-config.xml.

What's in the download

  • dev3-docuna.zip: the theme (the demo package is built in)
  • dev3-docuna-child.zip: the child theme
  • dev3-theme-toolkit.zip: the DEV3 Theme Toolkit plugin (widgets and blocks, post types, demo importer)
  • dev3-docuna-demo-content.zip: the demo package, for reference
  • Documentation/: the HTML guide

The one-click demo imports the Home, FAQ, Contact support, Status, Announcements, Shop, Cart, Checkout and My account pages, 6 doc categories with 30 articles, 10 release notes, 6 posts, 4 customer stories, 4 products, the menus and a support form. "Docuna Desk" and every person, number and incident are fictional; photos are free-licence stock listed in the credits file.

Requirements

  • WordPress 6.0 or newer (tested up to 6.8) and PHP 7.4 or newer
  • Elementor (the free version works) is recommended
  • WooCommerce for the shop and Contact Form 7 for the support form
  • The DEV3 Theme Toolkit plugin (included; WordPress prompts you to install it)

Support

Six months of support are included: installation, demo import and questions about the theme's features. Read how we built Docuna for the design decisions behind the layout.

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Docuna passed before release.

Our own WordPress theme for help centres: a short duotone photo hero with instant docs search, a three-column article layout, helpfulness votes that work without JavaScript, a changelog timeline and a support-request form.

The problem it solves

A help centre succeeds when people find the answer before they open a ticket. Most documentation themes bury search, drown articles in sidebars and give support teams no signal about which pages fail. Docuna had to make search the front door, keep long articles readable with navigation and contents, show which articles help, present release notes and system status clearly, stay editable in Elementor and ship no 3D or WebGL code.

Architecture and approach

Docuna is a classic PHP theme with theme.json on DEV3's shared flat theme core. The DEV3 Theme Toolkit provides the Docs, Changelog and Customer stories post types and the Docs search, Contents, Changelog and FAQ widgets. The toolkit's Photo Hero is styled as a short duotone band; the search box overlaps its edge and a / key chip focuses it.

The doc template lays out a sticky navigation, the article and a contents list. The Was this helpful? vote is a nonce-protected form posted to admin-post.php: it works without JavaScript, upgrades in place with JavaScript and stores counts in post meta, with a cookie and a per-visitor throttle. Search is docs-first, code blocks get Copy buttons and a print layout keeps only the article.

The demo is a fictional help-desk product with 30 articles, 10 release notes and a status page with sample data. Photos are free-licence with a credits file.

Quality gates and results

Docuna ships with a one-click demo: 4 Elementor pages, 6 doc categories with 30 articles, 10 release notes, 6 posts, 4 products and 29 block patterns.

It passes PHP lint, WordPress coding standards (0 errors, 0 warnings), Theme Check with no required issues, the WooCommerce checkout flow and an Elementor editor test, and its no-3D gate. The always-loaded JavaScript is about 13 KB gzipped.

Tech stack

Area Technologies
Frontend DEV3 Motion, Photo Hero, Lenis, Elementor widgets, Block patterns
Platform WordPress 6.0+, PHP 7.4+, WooCommerce, Contact Form 7, DEV3 Theme Toolkit
Delivery phpcs (WPCS 3), Theme Check, No-3D build gate, One-click demo importer

Inside the build

Search hero: a short teal duotone photo band with a giant search box that overlaps its edge, a / key chip and popular-search chips. Search hero — a short teal duotone photo band with a giant search box that overlaps its edge, a / key chip and popular-search chips.

Popular topics: six category cards with icons and article counts, linking to each docs category. Popular topics — six category cards with icons and article counts, linking to each docs category.

Guides & articles

Practical guides and engineering write-ups for DEV3 Docuna.

A knowledge base WordPress theme: docs search, helpful votes and a changelog with Docuna

Last updated
A knowledge base WordPress theme: docs search, helpful votes and a changelog with Docuna: DEV3 Docuna

A good help centre answers the question before a ticket is opened. That takes three things: a search box people can find, articles they can navigate and trust, and a clear way to reach a human when the docs fall short. DEV3 Docuna is a WordPress theme built around exactly that, with every page editable in Elementor.

The Docuna home page: a teal duotone photo band with the headline

Video tour of the Docuna demo: the search hero, a doc article, helpful votes, the changelog and the status page

Who Docuna is for

  • Software and SaaS companies that need public documentation and a changelog.
  • Support teams and agencies running a help centre for several clients.
  • Product makers who sell support packs or onboarding sessions next to their docs.

Search first

The home page opens with a short photo band and a search box that overlaps its edge. Suggestions appear as you type, arrow keys and Enter work, and pressing / anywhere focuses the box. Popular searches are plain links, and a normal site search lists documentation first, then release notes, then posts.

Articles people can finish

Every article uses three columns: a sticky docs navigation with a filter, the article with breadcrumbs, audience and version pills, reading time and the updated date, and an On this page list built from your headings. Numbered steps get step markers, code blocks get a Copy button, and Tip, Note and Warning callouts are block styles.

A Docuna article with the docs navigation on the left, numbered steps in the middle and the on-this-page list on the right

Know which articles fail

Each article ends with Was this helpful? The vote is a normal form with a nonce and a honeypot, so it works without JavaScript; with JavaScript it votes in place and remembers one vote per browser. Counts are stored on the article and listed in the docs table in the WordPress admin, which shows you what to rewrite next.

The Was this helpful vote under a Docuna article, followed by previous and next links

Changelog, FAQ and status

Release notes sit on a vertical timeline with version chips and coloured tags (new, improved, fixed, security, deprecated). The FAQ page adds FAQPage structured data, and the Status page shows component health, 45-day bars and past incidents. The demo's figures are sample data: link your own status page in the Customizer.

The Docuna changelog: releases on a vertical timeline with version chips and tags

Support requests and the shop

The Contact support page is a ticket-style form with product and priority, built with Contact Form 7. Support packs, onboarding sessions and training are normal WooCommerce products, so you can sell help next to the docs.

The Docuna support request form beside email, hours and a pointer to the docs

Requirements

  • WordPress 6.0 or newer and PHP 7.4 or newer
  • The DEV3 Theme Toolkit plugin (included and required for the widgets, post types and demo)
  • Recommended: Elementor (the free version works), WooCommerce (the shop) and Contact Form 7 (the support form)

What's in the download

Unzip the download from your DEV3 account first. Do not upload the download itself to WordPress.

  • dev3-docuna.zip: the theme. Install this one.
  • dev3-docuna-child.zip: an optional child theme for your own CSS and PHP.
  • dev3-theme-toolkit.zip: the companion plugin (docs, changelog, customer stories, docs search, contents list, FAQ, request forms, Elementor widgets and blocks, demo importer).
  • dev3-docuna-demo-content.zip: the demo package for reference.
  • Documentation/index.html: the full guide.

Docuna Desk, its people, numbers and incidents are fictional, and the demo photos are free-licence stock listed in the credits file.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. You can modify the code to suit your product.

Buying guides: 3D and motion WordPress themes for Elementor and WooCommerce

Questions about this product (6)

Answers from the DEV3 team and the community.

Ask a question

More from this author

View all

Related in CMS Extensions

View all