高度なヒーローコンポーネント

:information_source: 概要 開発者コミュニティやコーディングフォーラムに最適な、高度なスタイリングコントロールを備えた、見事なカスタマイズ可能なヒーローセクションを作成します。
:eyeglasses: プレビュー https://vibecommit.dev/
: hammer_and_wrench: リポジトリ https://github.com/thebestgoodguy/vibecommit-hero
: question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
: open_book: Discourseテーマ初心者の方へ Discourseテーマの使用に関する初心者ガイド

このテーマコンポーネントをインストール

高度なスタイリングコントロールを備えた、見事なカスタマイズ可能なヒーローセクションを作成する強力なDiscourseテーマコンポーネント。開発者コミュニティやコーディングフォーラムに最適です。

vibecommit_hero_2

Vibe Coders Community テーマコンポーネント - 完全カスタマイズスイート

この高度なDiscourseテーマコンポーネントは、コミュニティフォーラムを、豊富なカスタマイズオプションとプロフェッショナルなスタイリング機能を備えた、モダンで開発者中心のプラットフォームに変革します。

:artist_palette: ヒーローセクションの設定

  • カスタムテーマ設定: 専用のテーマカスタマイズオプションにより、ヒーローの外観を完全に制御できます。
  • ヒーローテキスト管理: リッチフォーマットをサポートする、設定可能なメイン見出しと説明テキスト。
  • コールトゥアクション(CTA)統合: カスタマイズ可能なテキスト、スタイリング、リンク先を備えた組み込みCTAボタン。
  • レスポンシブデザイン: デスクトップ、タブレット、モバイル表示エクスペリエンスに合わせてヒーローレイアウトを自動的に調整します。

:framed_picture: ビジュアルカスタマイズオプション

  • 背景コントロール: カスタム背景画像またはソリッドカラーをオーバーレイ効果とともにサポートします。
  • カラーパレット管理: プライマリ、セカンダリ、アクセントカラーを含む包括的なカラー配色コントロール。

:gear: 高度なスタイリング機能

  • グラデーションオーバーレイ: より強化された視覚的魅力のための複数のグラデーションカラーオプション。
  • アニメーション効果: インタラクティブ要素のためのスムーズなエントリーアニメーションとホバー効果。
  • アイコン統合: ヒーローセクション内でのカスタムアイコンのサポート。

:mobile_phone: モバイル最適化

  • タッチフレンドリーインターフェース: モバイルインタラクション用に最適化されたボタンサイズとスペーシング。
  • プログレッシブローディング: 最適化された画像圧縮と遅延ローディングによる高速ローディング時間。
  • レスポンシブタイポグラフィ: すべてのデバイスで最適な可読性のための自動フォントスケーリング。
  • モバイルファーストデザイン: モバイルエクスペリエンスを最優先事項として構築されています。

このコンポーネントは、コーディングコミュニティ、ブートキャンプ、開発者フォーラム、および技術ディスカッションプラットフォーム向けに特別に設計されており、優れたパフォーマンスとすべてのデバイスでの使いやすさを維持しながら、プロフェッショナルで魅力的な第一印象を作成したいと考えています。

「いいね!」 11

例としてversatile bannerを使用されたようですね。それは一般的に問題ありませんが、例えば、すべての翻訳されたロケールファイルをそのままにしていました。英語のファイルは「banner」を「hero banner」に変更するなどカスタマイズしたのに、翻訳されたファイルではそうしていませんでした。誤解しないでください。コンポーネントを翻訳してほしいわけではありませんが、古い翻訳を削除することは重要です。ドイツ語の翻訳がない場合、英語のテキストが表示されます。しかし、翻訳を変更せずにそのままにしておくと、古いドイツ語のテキストが表示されます。通常、古いテキストは英語のテキストよりも混乱を招きます。

https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/en.yml#L7-L7
https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/de.yml#L13-L13

私なら、それらの翻訳ファイルをすべて削除し、en.ymlのみを残します。

また、about.jsonabout_urlにversatile bannerへのリンクをまだ使用しており、license_urlはリポジトリを指していません。

「いいね!」 7

おっしゃる通りです。ベース構造としては、汎用的なバナーを使用し、さらに多くの機能を追加しました。必要な変更を加え、READMEファイルにFork情報を追加しました。警告に感謝します。

「いいね!」 7

11件の投稿が新しいトピックに分割されました:高度なヒーローコンポーネントのインストール時に500エラーが発生する