Gaga WordPress Theme

A clean, modern WordPress theme built for readability and a delightful browsing experience. Styled with Tailwind CSS.

Features

• Tailwind CSS — Utility-first styling with custom theme colors
• Readable typography — Comfortable font sizes and line heights
• Responsive design — Works on all screen sizes
• Block editor support — Compatible with Gutenberg (align-wide, responsive embeds)
• Customizable — Edit tailwind.config.js for colors, fonts, and spacing
• Accessible — Semantic HTML and screen reader support

Installation

1. Download or clone this theme into your WordPress wp-content/themes/ directory
2. Run npm install and npm run build to generate the CSS
3. In WordPress admin, go to Appearance → Themes
4. Activate Gaga

Development

npm install      # Install dependencies
npm run build    # Build Tailwind CSS (required before first use)
npm run watch    # Watch for changes during development

Setup

1. Menus — Go to Appearance → Menus to create and assign a Primary Menu
2. Widgets — The theme includes a sidebar widget area (Appearance → Widgets)
3. Customize — Use Appearance → Customize for site title, tagline, and more

Theme Structure

gaga/
├── style.css         # Theme metadata (WordPress requirement)
├── functions.php     # Theme setup & functionality
├── dist/output.css   # Built Tailwind CSS (run npm run build)
├── src/input.css     # Tailwind source & base styles
├── tailwind.config.js
├── index.php         # Main template
├── header.php        # Site header
├── footer.php        # Site footer
├── single.php        # Single post template
├── page.php          # Page template
├── comments.php      # Comments template
├── 404.php           # 404 error page
├── search.php        # Search results
├── searchform.php    # Search form
└── README.md

Customization

Edit tailwind.config.js to customize:

• colors.bg, colors.accent — Background and accent colors
• fontFamily.sans, fontFamily.serif — Typography
• maxWidth.content — Content width (default 720px)

License

GPL v2 or later