Описание
SuryaCreates Premium Glass Header replaces your theme’s default header with a modern, glass-effect header bar that you can fully design from one settings screen, with the option to override key parts on individual pages.
Logo
- Upload and align your logo (left, center, or right).
- Set an independent logo width for desktop, tablet, and mobile.
Glass styling
- Background color and opacity, blur strength, and a subtle top reflection sheen.
- Border color/opacity, shadow strength, and corner radius.
- Independent padding for desktop, tablet, and mobile.
- Optional outer gap for a «floating pill» header look.
Sticky behavior
- Choose Not Sticky, Sticky, or Reveal on Scroll Up.
- Optional shrink-on-scroll effect, with its own background opacity and blur settings.
Desktop dropdown menus
- Custom colors, corner radius, and shadow for submenu panels.
- Three open animations: fade, fade + slide up, or scale in.
Mobile menu & toggle button
- Default animated hamburger, or a fully custom image/GIF/SVG icon for the open and closed states.
- Four toggle animation styles and three button shapes.
- Off-canvas panel with configurable position, width, background, text color, overlay, and open animation.
Active page highlighting
- Automatically highlight the current page’s menu item, with a choice of four highlight styles.
Per-page overrides
Every page and post gets a «Glass Header — This Page» box in the editor sidebar, letting you override the desktop menu, mobile menu, toggle button shape, off-canvas background color, sticky behavior, or hide the header entirely — without affecting any other page.
Two ways to display the header
Add this to your theme right after the opening <body> tag:
<?php if ( function_exists( 'scpgh_render_header' ) ) scpgh_render_header(); ?>
Or use the shortcode anywhere shortcodes are supported:
[suryacreates_glass_header]
Установка
- In your WordPress dashboard, go to Plugins > Add New and search for «SuryaCreates Premium Glass Header» — or upload the plugin
.zipfile directly via Plugins > Add New > Upload Plugin. - Activate the plugin through the Plugins menu.
- Go to Glass Header in the admin sidebar to design your header across the Logo, Glass Style, Sticky, Desktop Dropdown, Mobile Toggle, Off-Canvas, Active Page, and Menus tabs.
- Create your menus under Appearance > Menus, then choose your default Desktop and Mobile menus in the Menus tab of the Glass Header settings.
- Output the header in your theme (see the code snippet on the settings screen), or use the
[suryacreates_glass_header]shortcode. - Open any Page or Post editor to find the «Glass Header — This Page» box in the sidebar, where you can override menus, sticky behavior, toggle shape, off-canvas color, or hide the header for that specific page.
Часто задаваемые вопросы
-
Do I need to edit my theme files to use this?
-
You’ll need to add one line to your theme’s header template (shown on the plugin’s settings screen), or alternatively use the provided shortcode if your theme/page builder supports shortcodes without editing template files.
-
Yes. Every page has a «Glass Header — This Page» box in its editor sidebar where you can override the desktop menu, mobile menu, toggle button shape, off-canvas background color, sticky behavior, or hide the header completely — independent of your site-wide settings.
-
Yes. Under the Mobile Toggle tab, choose «Custom Image / GIF / SVG» and upload separate icons for the closed and open states. There’s also a «Custom HTML + CSS Code» option for advanced users who want to hand-code the icon markup.
-
Does this plugin track any data or connect to external services?
-
No. All settings are stored locally in your WordPress database and no data is sent externally.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«SuryaCreates Premium Glass Header» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
Перевести «SuryaCreates Premium Glass Header» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.4.2
- Fix: header now uses fixed-position overlay instead of sticky, removing the blank gap that appeared above page content on load and while scrolling. The header is fully transparent to layout and sits directly over your site content.
1.4.1
- Initial public release on WordPress.org.