A modern, beautiful WordPress theme designed for webnovel and light novel reading platforms. Inspired by sites like Wuxiaworld and WebNovel.
- Dark/Light Mode β toggle with localStorage persistence, OKLCH color system with warm-tinted neutrals
- Hero Carousel β auto-rotating featured novels with artwork backdrop, synopsis, ratings, and navigation
- Tabbed Browsing β Popular / New Releases / Completed tabs on homepage
- Genre Browser β horizontal pill selector with AJAX-loaded ranked novel lists
- Novel Detail Page β cover, stats (chapters, words, rating), synopsis, and sortable chapter list
- Chapter Reader β serif reading font, drop cap, auto-bookmark, prev/next navigation
- Responsive Design β mobile-first, works on all screen sizes
- Novel Custom Post Type β with genre taxonomy, status (ongoing/completed/hiatus), author, rating meta
- Chapter CPT β nested under novels with parent association, chapter numbering, and ordering
- Admin Chapter Manager β drag-to-sort, quick-add modal, edit/view actions β all inside the Novel menu
- Coin Locking System β per-chapter coin costs with MyCred integration
- AJAX Unlock β readers spend coins to unlock chapters without page reload
- Auto-Bookmark β saves reading progress per novel for logged-in users
- OKLCH colors with warm-tinted neutrals
- 4pt spacing scale
- DM Sans (UI) + Source Serif 4 (reading) font pairing
- Exponential ease-out motion curves
- Focus-visible states and reduced motion support
- WordPress 6.0+
- PHP 8.0+
- MyCred plugin (for coin locking system)
- Download or clone this repository into
wp-content/themes/ - Activate the theme in Appearance β Themes
- Install and activate the MyCred plugin
- Go to Novels β Add New Novel to start adding content
- Use Novels β Manage Chapters to add and organize chapters
webnovel-theme/
βββ assets/
β βββ css/
β β βββ main.css # Frontend styles (OKLCH, dark/light mode)
β β βββ admin.css # Admin chapter manager styles
β βββ js/
β βββ main.js # Carousel, tabs, genre AJAX, unlock
β βββ admin.js # Sortable chapters, add modal
βββ inc/
β βββ cpt-novel.php # Novel post type + genre taxonomy
β βββ cpt-chapter.php # Chapter post type + meta boxes
β βββ admin-chapters.php # Admin chapter management page
β βββ coin-locking.php # MyCred coin lock system
β βββ ajax-handlers.php # All AJAX endpoints
β βββ template-tags.php # Helper functions
βββ front-page.php # Homepage (carousel, tabs, genres, updates)
βββ single-novel.php # Novel detail page
βββ single-chapter.php # Chapter reader
βββ archive-novel.php # Novel archive with filters
βββ taxonomy-genre.php # Genre archive
βββ search.php # Search results
βββ header.php # Sticky header with nav, coins, theme toggle
βββ footer.php # Footer with links
βββ functions.php # Theme setup
βββ style.css # Theme metadata
βββ screenshot.png # Theme screenshot
Chapters can be locked behind a coin paywall:
- When editing a chapter, check "Lock this chapter" and set a coin cost
- Readers see a teaser + unlock prompt
- Clicking "Unlock" deducts coins via MyCred and reveals content via AJAX
- Admin users always see full content
Contributions are welcome! Please open an issue or submit a pull request.
GPL-2.0 β see LICENSE for details.