Einfach responsiver Footer

:discourse2: Zusammenfassung Easy Responsive Footer ermöglicht es Ihnen, einen vollständig responsiven Footer ausschließlich mit normalem Text zu erstellen.
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator
:hammer_and_wrench: Link zum Repository https://github.com/discourse/Discourse-easy-footer
:open_book: Neu bei Discourse-Themen? Anfängerleitfaden zur Verwendung von Discourse-Themen

Dieses Theme-Komponente installieren

Funktionen

Desktop

Mobil

Einstellungen

Name Beschreibung
heading Text für die Überschrift im Footer – Sie können beispielsweise Ihren Seitennamen verwenden – Maximale Länge: 25 Zeichen
blurb Geben Sie einen kurzen Text über Ihre Community ein – Maximale Länge: 180 Zeichen
sections Im Footer anzuzeigende Sektionen
small links Kleine Links am unteren Rand des Footers, wie Nutzungsbedingungen und Datenschutz
social links Soziale Links, die Sie zum Footer hinzufügen möchten
show footer on login required page Aktivieren Sie diese Einstellung, wenn der Footer auf der Seite für angemeldete Benutzer angezeigt werden soll (gilt nur, wenn Ihre Seite privat ist)
svg icons Liste der in der oben genannten Einstellung für soziale Links verwendeten FontAwesome-7-Icons.

Diese Komponente verfügt über sechs Einstellungen, die Ihnen bei der einfachen Konfiguration helfen.

1. Überschrift

Text für die Überschrift im Footer – Sie können beispielsweise Ihren Seitennamen verwenden – Maximale Länge: 25 Zeichen

2. Kurzer Text

Ein kurzer Text über Ihre Community – Maximale Länge: 180 Zeichen

3. Link-Sektionen

Fügen Sie Link-Sektionen hinzu. Die ideale Anzahl von Sektionen beträgt sechs. Ein Element pro Zeile in dieser Reihenfolge: Text, Titel
Text: Was im Footer angezeigt wird
Titel: Der Text, der beim Überfahren des Elements angezeigt wird.

4. Links

Fügen Sie Links zu den Link-Sektionen hinzu. Ein Element pro Zeile in dieser Reihenfolge:
Eltern, Text, URL, Ziel, Titel
Es ist ratsam, die Anzahl der Links unter jeder Sektion ähnlich zu halten
Eltern: Der Name der übergeordneten Sektion, unter der dieser Link angezeigt wird. Verwenden Sie den text-Wert aus der Liste oben
Text: Der Text, der für diesen Link angezeigt wird
URL: Der Pfad, zu dem dieses Element verlinkt. Sie können auch relative Pfade verwenden.
Ziel: Wählen Sie, ob dieses Element in einem neuen Tab oder im gleichen Tab geöffnet wird. Verwenden Sie blank, um den Link in einem neuen Tab zu öffnen, oder self, um ihn im gleichen Tab zu öffnen.
Titel: Der Text, der beim Überfahren des Links angezeigt wird.

5. Kleine Links

Sie können kleine Links am unteren Rand des Footers hinzufügen, wie z. B. Nutzungsbedingungen und Datenschutz. Ein Element pro Zeile in dieser Reihenfolge:
Text, URL, Ziel
Text: Der Text, der für den kleinen Link angezeigt wird
URL: Der Pfad des Links
Ziel: Verwenden Sie blank, um den Link in einem neuen Tab zu öffnen, oder self, um ihn im gleichen Tab zu öffnen

6. Soziale Links

Geben Sie die sozialen Links, die Sie zum Footer hinzufügen möchten, in folgendem Format ein:
Anbieter, Titel, URL, Ziel
Anbieter: Der Name des Anbieters, z. B. Facebook oder Twitter
Titel: Der Text, der beim Überfahren des Links angezeigt wird
URL: Der Pfad, den der Link haben soll
Ziel: Verwenden Sie blank, um den Link in einem neuen Tab zu öffnen, oder self, um ihn im gleichen Tab zu öffnen

Hinweise

  1. Ich habe die Platzhalter-Elemente als Standardwerte für die Komponente belassen, damit Sie leicht erkennen können, wie Ihre Einstellungen aussehen sollten.

  2. Diese Komponente verwendet das Farbschema Ihres Themes, um die Farben für die darin enthaltenen Elemente zu generieren. Alle Elemente verfügen jedoch über eindeutige Klassen, falls Sie etwas überschreiben möchten.

  3. Da diese Komponente Theme-Einstellungen verwendet, kann ich sie in Zukunft aktualisieren, um Fehler zu beheben oder Verbesserungen vorzunehmen, ohne dass die von Ihnen eingegebenen Daten verloren gehen :tada:


:discourse2: Von uns gehostet? Theme-Komponenten können in unseren Pro-, Business- und Enterprise-Plänen verwendet werden.

111 „Gefällt mir“