高级英雄组件

主题组件
1
:information_source: Summary Create stunning, customizable hero sections with advanced styling controls, perfect for developer communities and coding forums.
:eyeglasses: Preview https://vibecommit.dev/
:hammer_and_wrench: Repository GitHub - thebestgoodguy/vibecommit-hero: Discourse Hero Component
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

A powerful Discourse theme component that creates stunning, customizable hero sections with advanced styling controls, perfect for developer communities and coding forums.

vibecommit_hero_2
vibecommit_hero_22543×662 132 KB

Vibe Coders Community Theme Component - Complete Customization Suite

This advanced Discourse theme component transforms your community forum into a modern, developer-focused platform with extensive customization options and professional styling capabilities.

:artist_palette: Hero Section Configuration

  • Custom Theme Settings: Full control over hero appearance with dedicated theme customization options
  • Hero Text Management: Configurable main headline and description text with rich formatting support
  • Call-to-Action Integration: Built-in CTA buttons with customizable text, styling, and link destinations
  • Responsive Design: Automatically adapts hero layout for desktop, tablet, and mobile viewing experiences

:framed_picture: Visual Customization Options

  • Background Controls: Support for custom background images or solid colors with overlay effects
  • Color Palette Management: Comprehensive color scheme controls including primary, secondary, and accent colors

:gear: Advanced Styling Features

  • Gradient Overlays: Multiple gradient color options for enhanced visual appeal
  • Animation Effects: Smooth entrance animations and hover effects for interactive elements
  • Icon Integration: Support for custom icons within the hero section

:mobile_phone: Mobile Optimization

  • Touch-Friendly Interface: Optimized button sizes and spacing for mobile interaction
  • Progressive Loading: Fast loading times with optimized image compression and lazy loading
  • Responsive Typography: Automatic font scaling for optimal readability across all devices
  • Mobile-First Design: Built with mobile experience as the primary consideration

This component is specifically designed for coding communities, bootcamps, developer forums, and technical discussion platforms that want to create a professional, engaging first impression while maintaining excellent performance and usability across all devices.

6 个赞
9

Looks like you used the versatile banner as an example. And there is nothing wrong with that in general, but you, for example, kept all the translated locale files. While you customized the English ones by changing, for example, “banner” to “hero banner”, you didn’t do the same on the translated files. Don’t get me wrong, I don’t expect you to translate your component, but it’s important to remove outdated translations. If there is no German translation, I will see the English text as you wrote it. But if you keep the translation unchanged, I will see outdated German texts. Usually, outdated texts are more confusing than English texts.

If I were you, I’d delete all those translation files and keep only en.yml.

You also still use the link to the versatile banner as the about_url in the about.json, and the license_url doesn’t link to your repo.

2 个赞