django-semantic-admin

Django Semantic UI 管理テーマ ------------------------------

Django向けの完全無料（MIT）のSemantic UI管理テーマです。実はこれは私の3つ目のDjango管理テーマです。最初は印象に残らず、2つ目はPure CSSを使いました。Pure CSSは素晴らしかったですが、JavaScriptコンポーネントが不足していました。

Semantic UIはプロフェッショナルな見た目で、優れたJavaScriptコンポーネントを備えています。

ユーザー名 admin、パスワード semantic でデモにログインできます：https://semantic-admin.com

ドキュメントはGitHub Pagesにあります。

Django Semantic Forms --------------------- 🎉 v0.5.0より、フォームはdjango-semantic-formsに移行しました。semantic_formsをINSTALLED_APPSに追加する必要があります。

INSTALLED_APPS = [
    "semantic_admin",
    "semantic_forms",
    ...
]

semantic_formsは管理画面以外でも使用できます。

なぜですか？ ----

• サイドバーが美しく、プロフェッショナルな見た目。
• レスポンシブデザインで、テーブルもモバイルでスタック可能。
• JavaScriptのデートピッカーとタイムピッカーコンポーネント。
• 複数選択を含むJavaScriptのセレクトで、Djangoのオートコンプリートフィールドとよく統合。
• Semantic UIはjQueryに加え、ReactやVueのライブラリも提供。これにより、このパッケージは管理画面のスタイリングに使用でき、カスタムビューは同じスタイルでReactまたはVueコンポーネントで追加可能。

インストール -------

PyPIからインストール：

pip install django-semantic-admin

django.contrib.admin の前に settings.py に追加してください：

INSTALLED_APPS = [
    "semantic_admin",
    "semantic_forms",
    "django.contrib.admin",
    ...
]

本番環境へのデプロイの際は必ず python manage.py collectstatic を実行してください。

使用法 -----

admin.ModelAdmin、admin.StackedInline、または admin.TabularInline の代わりに:

class ExampleStackedInline(admin.StackedInline):
    pass
class ExampleTabularInline(admin.TabularInline):
    pass
class ExampleAdmin(admin.ModelAdmin):
    inlines = (ExampleStackedInline, ExampleTabularInline)

それらの Semantic 相当から継承します：

from semantic_admin import SemanticModelAdmin, SemanticStackedInline, SemanticTabularInline
class ExampleStackedInline(SemanticStackedInline):
    pass
class ExampleTabularInline(SemanticTabularInline):
    pass
class ExampleAdmin(SemanticModelAdmin):
    inlines = (ExampleStackedInline, ExampleTabularInline)

素晴らしいオプション機能 -------------------------

• django-filter とのオプション統合：

この素晴らしい機能を有効にするには、Django管理に filterset_class を追加してください：

from semantic_forms.filters import SemanticFilterSet
class DemoFilter(SemanticFilterSet):
    class Meta:
        model = Demo
        fields = ("demo_field",)
class DemoAdmin(SemanticModelAdmin):
    filterset_class = DemoFilter

• HTML preview in Django autocomplete_fields:

To enable this awesome feature, add the semantic_autocomplete property to your Django model:

class DemoModel(models.Model):
    @property
    def semantic_autocomplete(self):
        return self.get_img()

• Optional integration with django-import-export:

To enable this awesome feature, instead of ImportExportModelAdmin, etc:

from import_export.admin import ImportExportModelAdmin 
class ExampleImportExportAdmin(ImportExportModelAdmin):
    pass

Semantic の同等品から継承する:

from semantic_admin.contrib.import_export.admin import SemanticImportExportModelAdmin
class ExampleImportExportAdmin(SemanticImportExportModelAdmin):
    pass

Contributing ------------

uv sync --group devで依存関係をインストールします。デモはinvoke tasksで構築されています。例えば、cd demo; uv run invoke buildです。

Notes ----- このパッケージはSemantic UIの公式コミュニティフォークであるFomantic UIを使用していることに注意してください。

--- Tranlated By Open Ai Tx | Last indexed: 2026-05-22 ---