=== Blockenix ===
Contributors: ishanmodi
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 8.0
Stable tag: 1.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, custom-colors, custom-header, custom-logo, editor-style, footer-widgets, full-width-template, sticky-post, theme-options, two-columns, one-column, three-columns, four-columns, left-sidebar, right-sidebar, accessibility-ready

A custom Gutenberg theme with flexible customization options, including a Mega Menu layout, configurable header and footer, and global settings for typography, font color, and more.

== Description ==

Blockenix is a powerful, lightweight, and fully customizable WordPress theme designed for business websites, blogs, and portfolios. Packed with flexible layout options, dynamic typography controls, advanced menu settings, and comprehensive button customization, Blockenix ensures a seamless user experience with its intuitive customization features and real-time live preview.

= Key Features =

* **Gutenberg Ready**: Full support for the WordPress block editor with wide blocks, block styles, and responsive embeds
* **Mega Menu**: Advanced mega menu functionality with custom walker class
* **Responsive Design**: Mobile-first approach with responsive typography and button controls
* **Live Preview**: Real-time customization preview in WordPress Customizer
* **Customizer Integration**: Extensive customization options organized in logical panels
* **Advanced Typography**: Complete typography controls for body text and all heading levels (H1-H6)
* **Button Customization**: Comprehensive button styling with colors, typography, spacing, and borders
* **Color Customization**: Customizable header, footer, menu, global, and button colors
* **Layout Options**: Flexible container types (boxed, full-width, custom width)
* **Footer Widgets**: Four-column footer widget area
* **Translation Ready**: Fully internationalized and ready for translation
* **Accessibility Ready**: Follows WordPress accessibility guidelines

= Theme Customization =

The theme provides extensive customization options through the WordPress Customizer, organized into logical panels:

== Header Settings Panel ==

* **Logo Section**:
  * Logo upload
  * Logo width (50-500px)
  * Logo height (20-300px)

* **Header Colors Section**:
  * Header background color

* **Menu Colors Section**:
  * Menu background color
  * Menu text color
  * Menu hover background color
  * Menu hover text color

== Layout Settings Panel ==

* **Container & Width Section**:
  * Container type (Boxed, Full Width, Custom Width)
  * Custom width (200-2000px)

== Global Settings Panel ==

* **Global Colors Section**:
  * Text color
  * Heading text color

* **Global Typography Section**:
  * Body typography:
    * Font family (Google Fonts + web-safe fonts)
    * Font size (responsive: desktop, tablet, mobile with device switcher icons)
    * Font weight (100-900)
    * Font style (normal, italic, oblique)
    * Text alignment (left, center, right, justify)
    * Line height
  * Heading typography (H1-H6, each with):
    * Font family (Google Fonts + web-safe fonts)
    * Font size (responsive: desktop, tablet, mobile with device switcher icons)
    * Font weight (100-900)
    * Font style (normal, italic, oblique)
    * Text alignment (left, center, right, justify)
    * Line height

* **Button Settings Section**:
  * Colors:
    * Background color
    * Hover background color
    * Text color
    * Text hover color
  * Typography:
    * Font family (Google Fonts + web-safe fonts)
    * Font size (responsive: desktop, tablet, mobile with device switcher icons)
    * Font weight (100-900)
    * Font style (normal, italic, oblique)
    * Text alignment (left, center, right, justify)
  * Spacing:
    * Padding (top, right, bottom, left - 0-100px each)
    * Margin (top, right, bottom, left - 0-100px each)
  * Border:
    * Border width (0-10px)
    * Border style (none, solid, dashed, dotted, double)
    * Border color
    * Border radius (0-50px)

== Footer Settings Panel ==

* **Footer Colors Section**:
  * Footer background color
  * Footer text color

= Responsive Controls =

The theme features Elementor-like responsive controls with device switcher icons for:
* Font sizes (body and all headings)
* Button font sizes

Users can easily switch between desktop, tablet, and mobile views using intuitive device icons in the Customizer.

== Installation ==

1. In your admin panel, go to Appearance > Themes and click the Add New button.
2. Click Upload Theme and Choose File, then select the theme's .zip file. Click Install Now.
3. Click Activate to use your new theme right away.
4. Go to Appearance > Customize in your admin panel to customize the theme.

== Frequently Asked Questions ==

= Does this theme support the block editor? =

Yes, Blockenix is fully compatible with the WordPress block editor (Gutenberg) and includes support for wide blocks, block styles, and responsive embeds.

= Can I customize the colors? =

Yes, you can customize header colors, menu colors, footer colors, global text/heading colors, and comprehensive button colors (background, hover, text, text hover) through the WordPress Customizer.

= Does the theme support responsive design? =

Yes, the theme is fully responsive and includes separate font size controls for mobile, tablet, and desktop devices. The Customizer features intuitive device switcher icons (similar to Elementor) for easy responsive editing.

= Is the theme translation ready? =

Yes, the theme is fully internationalized and ready for translation. All strings use the 'blockenix' text domain.

= Can I customize the typography? =

Yes, you can customize font family, size (responsive), weight, style, and alignment for body text and all heading levels (H1-H6) through the Customizer. Each heading (H1-H6) has its own independent typography controls.

= Can I customize buttons? =

Yes, the theme provides comprehensive button customization including colors (background, hover, text, text hover), typography (font family, size, weight, style, alignment), spacing (padding and margin), and borders (width, style, color, radius). All button settings support responsive font sizes.

= Does the theme have live preview? =

Yes, all customization changes are reflected in real-time in the Customizer preview pane without requiring page refresh.

= What layout options are available? =

The theme offers three container types: Boxed (contained), Full Width, and Custom Width. You can set a custom width between 200px and 2000px.

= Does the theme support mega menus? =

Yes, the theme includes advanced mega menu functionality with a custom walker class for creating complex menu structures.

== Changelog ==

= 1.0.0 =
* Initial release
* Gutenberg block editor support
* Mega menu functionality with custom walker
* Responsive typography controls with device switcher icons
* Comprehensive button customization (colors, typography, spacing, borders)
* Header settings panel (logo, header colors, menu colors)
* Layout settings panel (container type, custom width)
* Global settings panel (colors, typography, buttons)
* Footer settings panel (colors)
* Live preview in Customizer
* Responsive font sizes for body and all headings (H1-H6)
* Google Fonts integration with caching
* Footer widget areas (4 columns)
* Translation ready
* PHP 8.0+ compatible
* WordPress 6.9 compatible

== Upgrade Notice ==

= 1.0.0 =
Initial release of Blockenix theme.

== Credits ==

* Built with WordPress
* Uses WordPress Dashicons for device icons
* Google Fonts integration for typography