Diese Theme-Komponente fügt der Seite ein Wasserzeichen hinzu.
Es ist möglich, eine der folgenden Informationen hinzuzufügen:
- eine kurze Textnachricht
- der aktuell angemeldete Benutzername
- der Zeitstempel, zu dem die Seite gerendert wurde
Mehrere Einstellungen ermöglichen die Anpassung, wie und wann das Wasserzeichen gerendert wird:
-
show_watermark_in_background: Wenn aktiviert, wird ein Wasserzeichen auf der Seite generiert und angezeigt.
-
scroll_enabled: Wenn aktiviert, wird das Wasserzeichen mit der Seite gescrollt.
-
only_in_categories: Liste der Kategorien, in denen das Wasserzeichen angezeigt werden soll.
-
except_in_categories: Liste der Kategorien, in denen das Wasserzeichen nicht angezeigt werden soll.
-
only_in_tags: Liste der Tags, in denen das Wasserzeichen angezeigt werden soll.
-
except_in_tags: Liste der Tags, in denen das Wasserzeichen nicht angezeigt werden soll.
-
if_site_title_matches: Wasserzeichen nur anzeigen, wenn der Seitentitel mit diesem regulären Ausdruck übereinstimmt. Siehe Discourse Web Page Watermark - #5 by pfaffman für einen Anwendungsfall.
-
or_if_url_matches: ODER das Wasserzeichen anzeigen, wenn die URL mit einem der regulären Ausdrücke in der Liste übereinstimmt. Beachten Sie, dass die getestete URL nicht den Hostnamen enthält.
-
tile_width: Die Breite (in Pixel) der Kachel, die die Wasserzeicheninformationen enthält.
-
tile_height: Die Höhe (in Pixel) der Kachel, die die Wasserzeicheninformationen enthält.
-
color: Die Farbe des Wasserzeichentextes.
-
text_align: Wie der Text relativ zu den x,y-Koordinaten beim Zeichnen ausgerichtet werden soll.
-
text_rotation: Der Winkel, in dem der Text relativ zu den x,y-Koordinaten beim Zeichnen gedreht werden soll.
-
display_text: Text, der im Wasserzeichen gerendert werden soll.
-
display_text_font: Die Schriftart, die zum Rendern des Textes verwendet wird (als CSS-Schriftwert geparst).
-
display_text_x: Die x-Achsen-Koordinate des Punktes, an dem das Zeichnen des Textes auf der Kachel-Leinwand beginnt, in Pixel.
-
display_text_y: Die y-Achsen-Koordinate des Punktes, an dem das Zeichnen des Textes auf der Kachel-Leinwand beginnt, in Pixel.
-
display_username: Wenn aktiviert, rendert das Wasserzeichen den aktuellen Benutzernamen.
-
display_username_font: Die Schriftart, die zum Rendern des Benutzernamens verwendet wird (als CSS-Schriftwert geparst).
-
display_username_x: Die x-Achsen-Koordinate des Punktes, an dem das Zeichnen des Benutzernamens auf der Kachel-Leinwand beginnt, in Pixel.
-
display_username_y: Die y-Achsen-Koordinate des Punktes, an dem das Zeichnen des Benutzernamens auf der Kachel-Leinwand beginnt, in Pixel.
-
display_timestamp: Wenn aktiviert, rendert das Wasserzeichen den Zeitstempel, zu dem die Seite gerendert wurde.
-
display_timestamp_format: Wie der Zeitstempel formatiert wird. Informationen zu den gültigen Formaten finden Sie unter Moment.js | Docs.
-
display_timestamp_font: Die Schriftart, die zum Rendern des Zeitstempels verwendet wird (als CSS-Schriftwert geparst).
-
display_timestamp_x: Die x-Achsen-Koordinate des Punktes, an dem das Zeichnen des Zeitstempels auf der Kachel-Leinwand beginnt, in Pixel.
-
display_timestamp_y: Die y-Achsen-Koordinate des Punktes, an dem das Zeichnen des Zeitstempels auf der Kachel-Leinwand beginnt, in Pixel.
Haftungsausschlüsse
Hinweise
-
Wenn Sie ein Wasserzeichen zu Ihrer Foreninstanz hinzufügen möchten, möchten Sie wahrscheinlich Screenshots davon markieren. Entweder damit sie auf Sie zurückgeführt werden können oder um Ihre Benutzer davon abzuhalten, Screenshots zu machen und sie zum Beispiel in sozialen Medien zu posten.
Aber es ist wichtig zu bedenken, dass das Hinzufügen des Wasserzeichens die Lesbarkeit beeinträchtigt. Es gibt einen Kompromiss zwischen UX und dem Vorhandensein. -
Das Wasserzeichen wird in einem
divunterhalb der Seite gerendert. Abhängig von Ihrem Theme können die darüber liegenden Komponenten es verdecken. Wenn Sie es also zu Ihrer Seite hinzufügen, muss Ihr Theme viel Transparenz aufweisen. Es ist jedoch möglich, es über allen Komponenten zu platzieren, indem Sie denz-indexmit CSS ändern. Sie sollten auchmix-blend-modeanpassen, um die Sichtbarkeit zu verbessern.
div#watermark-background {
z-index: 99999;
mix-blend-mode: multiply;
}
-
Diese Komponente wird mit sinnvollen Standardeinstellungen geliefert, die bei den meisten hellen Themes gut funktionieren sollten. Das Hinzufügen eines Wasserzeichens zu dunklen Themes ist jedoch knifflig, da es wahrscheinlich größere Auswirkungen auf die Lesbarkeit hat. Ich ermutige Sie dringend, die Einstellungen und das CSS anzupassen, um herauszufinden, was in Ihrem Fall am besten funktioniert.
-
Da das Wasserzeichen in einem
divgerendert wird, kann es von jedem Benutzer, der die Entwicklertools im Browser zu verwenden weiß, ausgeblendet werden. Es wird wahrscheinlich für 99% der nicht-technischen Benutzer seinen Zweck erfüllen, aber es ist wichtig zu wissen, dass es keine narrensichere Lösung ist.
Screenshots
Desktop-Ansicht:
Mobile Ansicht:
|||
|-|-|-|
| : eyeglasses:|Vorschau| Discourse Watermark - Theme Creator|
| : hammer_and_wrench:|Repository| Discourse-Watermark |
| : question:|Installationsanleitung|So installieren Sie ein Theme oder eine Theme-Komponente|
| : open_book:|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes|
Bearbeiten:
- 12.01.2022: Neue Einstellungen hinzugefügt, um zu steuern, wann das Wasserzeichen angezeigt wird.
