Schlagwort: theme

  • theme-weinify


    Weinhold Framework Theme



    Das Weinhold Framework Theme (Ordner weinify) ist das gemeinsame WordPress-Theme aller Seiten im Weinify-Netzwerk. Es liefert die Grundlage: Standardschrift, Farben pro Seite, Schriftgrößen, Seitenbreiten und Vorlagen. Alles Sichtbare darüber, also Header, Footer, Blog und die Module, kommt aus dem Weinhold Framework. Wenn in einem Modul „vom Theme erben“ steht, ist damit dieses Theme gemeint.

    Allgemein

    Grundlage


    Das Theme ist ursprünglich aus Twenty Twenty-Five, dem Standard-Theme von WordPress, entstanden und ist wie dieses ein Block-Theme: Seiten und Vorlagen werden im Website-Editor aus Blöcken gebaut, Einstellungen stehen in der Datei theme.json. Seit Version 2.0 ist es eigenständig: Funktionen, Stil-Handle, Text Domain und Block-Vorlagen heißen weinify, alles Ungenutzte aus Twenty Twenty-Five (Block-Vorlagen, Beispielbilder, die acht Stil-Varianten) ist entfernt. Der Ordnername weinify bleibt, damit jede Seite ihr aktives Theme behält.

    Standardschrift


    Fließtext, Überschriften und Buttons nutzen Manrope (Stärke 400 im Fließtext), Code nutzt Fira Code. Beide sind fest in der theme.json hinterlegt und werden lokal ausgeliefert, ohne Verbindung zu Google Fonts. Module, deren Schrift auf „vom Theme erben“ steht, zeigen also Manrope.

    Weitere Schriften


    Insgesamt liegen 16 Schriften im Theme. Die zusätzlichen werden nur geladen, wenn eine Seite sie tatsächlich verwendet, etwa Cormorant Garamond für Titel auf family und ppnp oder eine im Modul Blog-Listen gewählte Schrift.
    ArtSchriften
    SerifenlosManrope, Inter, Open Sans, Poppins, Fira Sans, Beiruti, Ysabeau Office
    SerifCormorant Garamond, Literata, Platypi, Roboto Slab, Source Serif 4, Vollkorn
    PlakativArchivo Black
    CodeFira Code, JetBrains Mono

    Farben


    Die Grundpalette ist schlicht: weißer Hintergrund und fast schwarze Schrift, dazu drei Hilfsfarben. Sie gilt für jede Seite ohne Stil-Variante. Mit Variante ersetzt diese Hintergrund und Schrift und bringt zusätzliche Farben für Header und Footer mit (siehe Stil-Varianten).
    FarbeWert
    base#FFFFFF, Hintergrund
    contrast#111111, Schrift
    accent-4#686868, gedämpfter Text
    accent-5#FBFAF3
    accent-620 % der aktuellen Schriftfarbe, für Linien

    Schriftgrößen und Breiten


    Die größeren Stufen wachsen mit der Bildschirmbreite mit. Der Inhalt ist höchstens 900 px breit, breite Blöcke höchstens 1600 px.
    StufeGröße
    Small0,875 rem
    Medium1 bis 1,125 rem
    Large1,125 bis 1,375 rem
    X-Large1,75 bis 2 rem
    XX-Large2,15 bis 3 rem

    Stil-Varianten


    Jede Seite wählt im Customizer unter Weinify > Stil-Variante ihre Farben und Schriften. Die Variante liegt als Datei im Theme (variants/.json) und wird nicht in die Datenbank kopiert: Ändert man die Datei, ändert sich die Seite mit. Eine neue Seite wählt eine Variante (oder bekommt eine neue Datei), statt CSS in den Header zu kopieren. Die Varianten liegen bewusst nicht in styles/: Dort würde der Website-Editor sie anbieten und bei Auswahl in die Datenbank kopieren.
    VarianteSeiteInhalt
    weinifyweinify.dePetrol: Fläche #0d2b27, Hintergrund #eef4f3, Akzent #00897b
    mcpmcp.weinify.deIndigo: Fläche #1e1b4b, Hintergrund #f5f4fc, Akzent #4f46e5
    familyfamily.weinify.deLila: Fläche #fdf6fa bis #f0e8f4, Akzent #a07abf, Cormorant Garamond, Seitentitel in Cormorant mit Linie
    ppnpppnp.weinify.dePergament: Fläche #f6f0e7 bis #e8dccb, Akzent #9b6a2f, Cormorant Garamond
    bastard-des-monatsbastard-des-monats.weinify.deNeon: Fläche Schwarz, Rot #ff4040, Cyan #00ffff, Schrift-Ersatz für Arial Black und Segoe UI

    Alle Varianten haben dieselben zusätzlichen Farbnamen, damit Header und Footer überall gleich aufgebaut sein können:
    FarbeZweck
    surfaceFläche von Header und Footer
    surface-2zweite Fläche, etwa für Verläufe
    on-surfaceText auf der Fläche
    on-surface-mutedgedämpfter Text auf der Fläche
    primaryAkzent, etwa für Buttons und Rahmen
    lineLinien und Rahmen

    dkj.weinify.de nutzt das Theme mykd und hat deshalb keine Variante.

    Zusammenspiel mit dem Framework

    Header und Footer


    Kopf- und Fußbereich jeder Seite kommen aus den Modulen Custom Header und Custom Footer, nicht aus dem Theme. Seit Version 2.1 bringt das Theme auch das Layout mit (assets/css/weinify-layout.css). Im Header- und Footer-HTML stehen nur noch Markup und Klassen, Farben und Schriften kommen aus der Stil-Variante. Es gibt zwei Bauformen:
    BauformKlassenSeiten
    Leiste.site-header (header-left, header-logo, header-center, Header1, SubHeader, header-right) und .wf-footer (wf-footer-inner, wf-footer-claim, wf-footer-copy)weinify.de, mcp
    Karte.pnp-header (pnp-left, pnp-logo, pnp-center, pnp-title, pnp-subtitle, pnp-actions, pnp-right) und .pnp-footer, mit Verlauf und Rundung .pnp-footer--card (pnp-footer-inner, -title, -muted, -note, -rule, -copy)family, ppnp

    Auf dem Handy stehen bei beiden Logo und Konto-Knopf in einer Zeile, darunter Titel und Menü. Eigenes CSS im Header ist nur noch für Besonderheiten nötig (bastard-des-monats, dkj mit Theme mykd).

    Titel und Beitragsnavigation ausblenden


    Seiten mit dem eigenen Blogsystem des Frameworks (Überschrift aus dem Beitrag selbst) brauchen den WordPress-Titel, Schlagwörter, Autor und die Vor/Zurück-Navigation nicht. Dafür gibt es im Customizer unter Weinify den Schalter „WordPress-Titel und Beitragsnavigation ausblenden“. Er gilt pro Seite und ist standardmäßig aus. Ist er an, wird der Seitentitel nicht nur versteckt, sondern gar nicht erst ausgegeben, damit es auf jeder Seite genau eine H1 gibt.

    Schriften in Modulen


    Die zentrale Schriftliste des Frameworks (includes/weinhold_fonts.php) kennt alle 16 Theme-Schriften. Ein Modul kann darüber eine Schrift wählen. Ihre Schriftdateien werden dann nur einmal pro Seite eingebunden, Schriften, die das Theme ohnehin lädt, werden übersprungen. Ein leeres Feld bedeutet „vom Theme erben“.

    Für Entwickler

    FunktionZweck
    weinify_enqueue_stylesBindet style.min.css ein (Handle weinify-style, mit SCRIPT_DEBUG style.css)
    weinify_enqueue_fontsBindet assets/css/weinify-fonts.css ein (@font-face für Cormorant Garamond, Open Sans, Archivo Black). Der Browser lädt eine Schrift erst, wenn eine Seite sie verwendet
    weinify_enqueue_layoutBindet assets/css/weinify-layout.css ein (Header-/Footer-Layouts Leiste und Karte)
    weinify_load_textdomainLädt die Übersetzungen aus languages/ (Text Domain weinify)
    weinify_editor_styleBindet assets/css/editor-style.css im Editor ein
    weinify_post_format_setupAktiviert die Beitragsformate
    weinify_block_stylesBlock-Stil Häkchen für Listen
    weinify_customize_registerCustomizer-Bereich Weinify mit Stil-Variante (weinify_style_variation) und dem Schalter weinify_hide_core_post_parts
    weinify_style_variationsLiest die Varianten aus variants/*.json
    weinify_sanitize_style_variationLässt nur vorhandene Varianten zu
    weinify_apply_style_variationLegt die gewählte Variante über den Filter wp_theme_json_data_theme über die theme.json
    weinify_hide_core_post_parts_cssBlendet bei aktivem Schalter Titel, Schlagwörter, Autor, Beitragsnavigation und „Weitere Beiträge“ samt leerer Hüllen und gestapelter Abstände aus
    weinify_drop_hidden_post_titleEntfernt bei aktivem Schalter den H1-Titelblock beim Rendern, statt ihn nur zu verstecken

    Das Theme wird zusammen mit dem Plugin aus demselben Repository ausgeliefert: Ein Push auf master spielt beides automatisch auf den Server aus.

    Dateien

    DateiInhalt
    theme.jsonFarben, Schriftgrößen, Standardschriften Manrope und Fira Code, Seitenbreiten, Block-Stile
    functions.phpEinbindung von Stil und Schriften, Customizer-Schalter, Ausblenden von Titel und Beitragsnavigation
    style.cssTheme-Kopf mit Name und Version
    assets/fonts/Die 16 lokalen Schriften, je Ordner mit Lizenz (OFL)
    assets/css/weinify-fonts.css@font-face-Regeln der zusätzlich mitgelieferten Schriften
    templates/Seitenvorlagen (Seite, Beitrag, Archiv, Blog, Suche, 404)
    patterns/Die acht Block-Vorlagen, die die Seitenvorlagen einbinden (404, Suche, Beitragsliste, Weitere Beiträge, Verfasst von, Beitragsnavigation, Kommentare, Blog-Überschrift)
    variants/Stil-Varianten pro Seite (Auswahl im Customizer)
    styles/blocks/post-terms-1.jsonBlock-Stil für die Schlagwörter
    assets/css/weinify-layout.cssHeader-/Footer-Layouts Leiste und Karte
    screenshot.jpgVorschaubild in der Theme-Übersicht
    languages/de_DE.l10n.phpDeutsche Übersetzung der Theme-Texte
    readme.txtBeschreibung, Changelog und Lizenzen

    Versionshistorie

    VersionDatumÄnderung
    1.010.06.2026Theme auf Basis von Twenty Twenty-Five hinzugefügt.
    1.106.11.2026Customizer-Schalter zum Ausblenden von Titel und Beitragsnavigation (03.11.), Cormorant Garamond, Open Sans und Archivo Black lokal mitgeliefert und Fließtext Manrope 400 statt 300 (04.11.), weitere Schriften Inter, Source Serif 4, JetBrains Mono und Poppins für die zentrale Schriftliste (05.11.).
    2.006.11.2026Eigenständig als Weinhold Framework Theme: Namen auf weinify umgestellt, eigene deutsche Übersetzung, nicht genutzte Block-Vorlagen, Bilder, Stil-Varianten und die Vorlage page-no-title entfernt, Stil-Varianten pro Seite (weinify, mcp, family, ppnp, bastard-des-monats) mit Auswahl im Customizer, Header und Footer nutzen deren Farben.
    2.106.11.2026Header-/Footer-Layouts Leiste und Karte im Theme, kompaktere Handy-Header (mcp, family, ppnp etwa halb so hoch), Varianten in variants/ statt styles/, Palette ohne accent-1 bis accent-3, eigenes Vorschaubild.