A versatile WordPress theme with advanced filtering, randomized content discovery, and full-width layout optimization. Features anti-chronological design that encourages serendipitous browsing through intelligent content presentation. See it in action at saraichinwag.com.
- Multiple Sort Options: Random (default), Most Popular (by view count), Most Recent, Oldest
- Content Type Filtering: Filter between Posts, Recipes, or All content seamlessly
- AJAX-Powered: Real-time filtering without page reloads, preserves state across Load More
- Mobile Optimized: Touch-friendly interface with collapsible design
- Maximized Content Discovery: 4-column responsive grid on home and archive pages (vs traditional 2-3)
- Strategic Sidebar Placement: Removed from browse pages, maintained on single content for discovery widgets
- Responsive Grid: 4 columns (desktop) → 3 (laptop) → 2 (tablet) → 1 (mobile)
- Performance Focused: Simple view counter system tracks popularity without complex analytics
- Recipe Site Mode: Full recipe post type with ratings, schema markup, and specialized templates
- Standard Blog Mode: Clean blog functionality via admin toggle
- White Label Ready: Customizable for any site type
- Badge-Breadcrumb System: Clickable category/tag badges on single posts for intuitive navigation
- Smart Breadcrumbs: Context-aware hierarchical navigation on archive pages
- Random Discovery: Multiple random access points including
/random-allfor mixed content
- Anti-Chronological Design: Randomization as default behavior breaks traditional blog patterns
- Random Content Discovery: Home and archive pages encourage serendipitous browsing
- Multiple Random Endpoints:
/random-post,/random-recipe, and/random-allfor instant discovery - Performance Optimized: Cached random queries for fast randomization without database strain
- Google Fonts Integration: Access to all Google Fonts via API
- Smart Font Organization: Display fonts for headings, sans-serif + serif for body text
- Percentage-Based Scaling: 1-100% size control with proportional heading hierarchy
- Responsive Design: All font sizes scale across breakpoints
- Transient Caching: 24-hour font list caching for optimal performance
- Dynamic Asset Versioning: Automatic cache busting using
filemtime() - Secure API Integration: Proper sanitization and escaping throughout
- Optimized Loading: Only loads selected Google Fonts with
font-display: swap
- Theme Settings Panel: Configure API keys and toggle functionality
- WordPress Customizer: Live preview font and size changes
- Recipe Toggle: Completely disable recipe features for universal use
- Upload theme files to
/wp-content/themes/saraichinwag/ - Activate the theme in WordPress admin
- Go to Settings → Theme Settings to configure Google Fonts API key
- Customize fonts and sizing via Appearance → Customize → Typography
- Get your API key from Google Fonts Developer API
- Add it in Settings → Theme Settings → Google Fonts API Key
- All Google Fonts will then be available in the customizer
Toggle recipe functionality in Settings → Theme Settings:
- Recipes Enabled: Full recipe site with ratings and schema
- Recipes Disabled: Clean blog theme for any content type
saraichinwag/
├── php/ # Modular PHP components
│ ├── filter-bar.php # Advanced filter interface
│ ├── view-counter.php # View tracking system
│ ├── sorting-archives.php # AJAX filtering backend
│ ├── customizer.php # Font customization system
│ ├── recipes.php # Recipe post type
│ ├── ratings.php # AJAX rating system
│ ├── related-posts.php # Random discovery section
│ └── admin-settings.php # Theme settings panel
├── js/ # JavaScript files
│ ├── advanced-filters.js # Filter system frontend
│ ├── customizer.js # Live preview functionality
│ ├── rating.js # Recipe rating interactions
│ └── nav.js # Navigation enhancements
├── template-parts/ # Reusable template components
│ ├── content-recipe.php # Recipe display templates
│ ├── content-single.php # Single post template
│ └── content.php # Standard post template
└── fonts/ # Local theme fonts
- WordPress coding standards throughout
- All output properly escaped with
esc_html(),esc_url(), etc. - Input sanitization with WordPress functions
- Uses
wp_remote_get()instead of cURL - Transient caching for expensive operations
- Default: 50% = current theme appearance
- Scaling: 100% = 2x larger, 1% = minimal
- Fallbacks: Gluten (theme font) → System fonts
- Categories: Display (headings) + Sans-serif/Serif (body)
:root {
--font-heading: 'Font Name', fallbacks;
--font-body: 'Font Name', fallbacks;
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}See the theme in action at saraichinwag.com.
For technical support, please create an issue in this repository or contact the developer at chubes.net.
This theme is designed for personal use and white-labeling. Commercial distribution requires permission.
Version: 2.1
Author: Chris Huber
Website: chubes.net
Theme URI: saraichinwag.com
- NEW: Advanced filter bar with multiple sort options (Random, Popular, Recent, Oldest)
- NEW: Full-width 4-column responsive grid layout for maximum content discovery
- NEW: Simple view counter system for popularity tracking
- NEW: Badge-breadcrumb navigation system for enhanced UX
- NEW: Pinterest follow button relocated to footer
- NEW: Random discovery section replaces complex related posts logic
- IMPROVED: Mobile-optimized responsive design with touch-friendly controls
- IMPROVED: AJAX filtering with seamless Load More integration
- PERFORMANCE: Optimized queries and smart caching for all new features