Notice: Function wp_register_script was called incorrectly. Unrecognised key(s) in the $args param: defer. Supported keys: strategy, in_footer, fetchpriority, module_dependencies Please see Debugging in WordPress for more information. (This message was added in version 7.0.0.) in /home/johnodev/public_html/wp-includes/functions.php on line 6170

Notice: Function wp_register_script was called incorrectly. Unrecognised key(s) in the $args param: defer. Supported keys: strategy, in_footer, fetchpriority, module_dependencies Please see Debugging in WordPress for more information. (This message was added in version 7.0.0.) in /home/johnodev/public_html/wp-includes/functions.php on line 6170
JohnoDEV — A Practical WordPress Framework for Repeatable Builds – JohnoDEV
Image of Matthew Johnson

Written by

Matthew Johnson

Get in Touch

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

JohnoDEV — A Practical WordPress Framework for Repeatable Builds

Overview

JohnoDEV is not a page builder, not a SaaS platform, and not an attempt to reinvent WordPress.

At its core, it’s a custom WordPress theme framework designed to solve a very specific problem:
building high-quality websites repeatedly without wasting client time or budget.

After years of building WordPress sites from scratch — often repeating the same structural work — JohnoDEV became the stable base layer I now use for all builds. The end result is faster delivery, fewer bugs, and more time spent on what actually matters: content, UX, performance, and business goals.

JohnoDEV gives every project a proven starting point — without locking clients into bloated systems or unnecessary complexity.

Why a Framework (and not “from scratch every time”)?

Building everything from scratch sounds good in theory. In practice, it usually means:

  • Rewriting the same boilerplate
  • Re-solving already-solved problems
  • Passing unnecessary hours onto the client
  • Increased risk of inconsistencies and regressions

Here’s the reality:

Why build websites from scratch and pass an extra 20–30 hours onto clients?
With JohnoDEV, the groundwork is already done — using a base that’s been tested, refined, and proven to work.

Clients still get a fully custom website, but without paying for foundational setup that adds no visible value.


What JohnoDEV Actually Is

JohnoDEV is:

  • A custom WordPress theme
  • Built around the Block Editor (Gutenberg)
  • Opinionated, but not restrictive
  • Structured for performance and maintainability
  • Designed for repeatable, scalable builds

It is not:

  • A multipurpose theme
  • A bloated page builder
  • A one-click demo importer
  • A locked-down system clients can’t grow with
https://developer.wordpress.org/files/2023/07/custom-block-editor.png
https://www.advancedcustomfields.com/wp-content/uploads/2022/02/widget-editor-block.png

A Stripped-Back Block Editor (On Purpose)

JohnoDEV uses the Block Editor in its most intentional form.

  • No excessive default styling
  • No opinionated colours or fonts baked in
  • Only structural styles where consistency is required
  • Layout-first, design-second

This means:

  • Editors can’t accidentally destroy layouts
  • Designs stay consistent across pages
  • Developers aren’t fighting WordPress defaults
  • Clients aren’t overwhelmed with options they don’t need

Blocks are registered cleanly using block.json, keeping everything predictable, portable, and future-proof.


Theme Functionality (What’s Built In)

JohnoDEV ships with a core feature set that most modern sites end up needing anyway — without relying on dozens of third-party plugins.

Core Theme Features

  • Updatable theme with license key system
  • Sensible base styling (nothing visual-heavy)
  • Built-in caching considerations
  • Preloading and efficient file delivery
  • Clean, user-friendly admin experience
  • WooCommerce extension compatibility
  • Admin ticket system (iframe-based)
  • Custom Mega Menu system
  • Mobile-first menu handling
  • Block JSON architecture
  • Custom admin pages
  • Light / Dark mode support
  • SMTP configuration ready
  • Optional smart cursor system*
https://www.megamenu.com/wp-content/uploads/2018/05/panel-stretch.png
https://rudrastyh.com/wp-content/uploads/2022/08/wordpress-custom-options-page.png
https://developer.wordpress.org/news/files/2025/09/interactive-toggle-plain.webp

Some features are optional by design — they’re there when useful, not forced when they’re not.


Systems & Extensions (Used Where They Make Sense)

JohnoDEV doesn’t avoid libraries — it uses them deliberately.

Tooling & Front-End Systems

  • Gulp + Sass for consistent styling workflows
  • GSAP for controlled, performant animations
  • GLightbox for lightweight media handling
  • Lucide icons for a clean, modern icon system
  • Swiper.js for carousels and sliders
  • Cloudflare Turnstile for modern, privacy-first captcha handling

Nothing is globally loaded unless it’s needed. Assets are conditionally enqueued to avoid the “everything everywhere” problem that kills performance.

https://uiinitiative.com/items/carousel-slider/cover.jpg
https://orpetron.com/wp-content/uploads/2023/06/Screenshot-2023-06-10-090747.jpg
https://ps.w.org/simple-cloudflare-turnstile/assets/banner-1544x500.png?rev=3356659

Performance Isn’t an Afterthought

Performance decisions are baked into the framework itself:

  • Minimal base CSS and JS
  • Modular file loading
  • No jQuery dependency by default
  • Clean separation between blocks, scripts, and styles
  • Cache-friendly output
  • CDN-ready asset delivery

This doesn’t guarantee a perfect PageSpeed score — content and hosting still matter — but it removes the usual framework-level bottlenecks.


Client Experience (Where This Really Pays Off)

From a client perspective, JohnoDEV means:

  • Faster turnaround times
  • Fewer unexpected costs
  • Cleaner admin interfaces
  • Less plugin dependency
  • Easier future extensions
  • No vendor lock-in

They’re not paying for:

  • Rewritten boilerplate
  • Trial-and-error architecture
  • Over-engineered solutions

They are paying for:

  • Experience
  • Stability
  • Proven structure
  • Thoughtful design decisions
https://ps.w.org/webmaster-user-role/assets/screenshot-4.png?rev=2988227
https://i0.wp.com/css-tricks.com/wp-content/uploads/2022/09/s_502E64079A5921B82DEB1629A78181C654216231A204F868ED97D178614D24E2_1662664100600_post-editor-interface.png?resize=2880%2C1656&ssl=1
https://colorlib.com/wp/wp-content/uploads/sites/2/wpadminify-wordpress-admin-dashboard-toolkit.jpg

Still Fully Custom — Always

It’s worth being clear about this:

JohnoDEV does not produce cookie-cutter websites.

Every build still gets:

  • Custom layouts
  • Bespoke components
  • Tailored UX
  • Brand-specific styling
  • Project-specific functionality

The framework simply removes the need to rebuild the same foundations every time.


Where to Add Images or Screenshots

If you want this blog to really land visually, ideal placements would be:

  • Overview section:
    Screenshot of theme file structure or admin overview
  • Block Editor section:
    Editor view showing stripped-back blocks
  • Theme Functionality:
    Admin pages, mega menu preview, dark mode toggle
  • Systems & Extensions:
    Front-end examples (slider, animation, captcha)
  • Client Experience:
    Clean editor or dashboard screenshot

Final Thoughts

JohnoDEV exists for one reason:
to build better WordPress websites without wasting time or budget.

It’s not flashy. It’s not trying to sell itself as a product.
It’s a framework built from real projects, real constraints, and real client needs.

And that’s exactly why it works.

Written by

Matthew Johnson

Full-Stack Designer

JohnoDesigns is Matthew Johnson's freelance trading name.

Leave a comment

Your email address will not be published. Required fields are marked *