QR-Code-Teile

<!- Füllen Sie “repoName” und “repoURL” für die automatische Installationsschaltfläche aus →

Installieren Sie diese Theme-Komponente

<!- Beschreiben Sie dieses Theme/diese Komponente in ein oder zwei Sätzen →

Fügt einen QR-Code zu Quellen für teilbare Links hinzu. Enthält Einstellungen zur Anpassung des Stils des QR-Codes.

Screenshots

<!- Fügen Sie weitere Details hinzu und erklären Sie die Einstellungen (falls zutreffend) →

Einstellungen

Name Beschreibung
share_in_private Ermöglicht QR-Codes in privaten Kontexten (anmeldepflichtige Websites und private Nachrichten).
dots_color Farbe der Punkte im QR-Code.
dots_type Art der Punkte im QR-Code.
Optionen: rounded, dots, classy, classy-rounded, square, extra-rounded
corners_square_color Farbe der quadratischen Ecken im QR-Code.
corners_square_type Art der quadratischen Ecken im QR-Code.
Optionen: dots, square, extra-rounded, dot, rounded, classy, classy-rounded
corners_dots_type Art der Punkte, die in den Ecken des QR-Codes verwendet werden.
Optionen: dot, square, dots, rounded, classy, classy-rounded, extra-rounded
background_color Hintergrundfarbe des QR-Codes.
image Bild, das in den QR-Code eingebettet werden soll. Wenn keines angegeben ist, wird der QR-Code normal ohne Bild generiert
image_hide_background_dots Hintergrundpunkte sollen hinter dem Bild verborgen werden.
image_margin Rand um das eingebettete Bild im QR-Code. In px
image_size Größe des eingebetteten Bildes relativ zum QR-Code. Dies ist ein Verhältnis von 0 bis 1

Hinweise

Nachdem ich einige Funktionsanfragen gelesen hatte (Create a QR code for invites und Possible to share a post by save a picture with a QR code?), gefiel mir die Idee, QR-Codes zu teilbaren Links hinzuzufügen. Derzeit deckt dies nur das Teilen von Themen und Beiträgen ab, da das Modal zum Erstellen von Einladungen keine Plugin-Outlets hat oder die Sharing-API verwendet.

Dies verwendet das Paket https://www.npmjs.com/package/qr-code-styling zur Anpassung des QR-Codes.

16 „Gefällt mir“

Wie soll das geteilt werden? Ich bin es gewohnt, QR-Codes nur aus Printmedien zu verwenden :man_shrugging:

3 „Gefällt mir“

Dies ist nützlich in Szenarien, in denen die Personen, mit denen Sie das Thema teilen möchten, Ihren Bildschirm sehen können (z. B. um schnell den QR-Code auf dem Handy anzuzeigen). Sie können den QR-Code speichern, da es sich um ein HTML-Canvas-Element handelt, indem Sie mit der rechten Maustaste darauf klicken und als Bild speichern.

4 „Gefällt mir“

Speichern oder Kopieren funktioniert nicht auf dem iPad.

1 „Gefällt mir“

Ich wusste, dass ich etwas vergessen hatte, als ich es in der HTML-Leinwand belassen habe. Ich habe eine Korrektur veröffentlicht, die es in ein PNG umwandelt.

5 „Gefällt mir“


Es fühlt sich etwas seltsam an, kann in der Mitte ausgehöhlt werden, genau wie auf dem Bild unten, wie der QR-Code.

2 „Gefällt mir“

Wirklich schöne Ergänzung, danke!

Das ist eine Lücke, die irgendwie geschlossen werden sollte? QR-Einladungen wären episch!

8 „Gefällt mir“

Einen Fix ausgerollt. image hide background dots und image margin sollten jetzt richtig funktionieren.

5 „Gefällt mir“

Haben Sie einen PR für den Kern für ein paar neue Plugin-Outlets erhalten! Ich bin mir nicht sicher, ob es einen bestimmten Grund gibt, warum die Sharing API nicht in Einladungen verwendet wird, daher behalte ich den PR nur für Plugin-Outlets.

7 „Gefällt mir“

Sprich mit dem Team darüber.

6 „Gefällt mir“

Wie kann ich dies für Beiträge funktionieren lassen? Ich kann es nur für Themen erhalten:

Ich erhalte derzeit stattdessen Folgendes:

Ich bin auch gierig und würde es lieben, dies (d. h. einen QR-Code erstellen) für jeden Link auf meiner Website nativ tun zu können!!

4 „Gefällt mir“

Ich bin von dieser Theme-Komponente begeistert! In meinem Familienforum habe ich eine Kategorie für Anleitungen, wie zum Beispiel, wie man die Katzentoiletten meiner Katze sauber hält. Ich habe schon darüber nachgedacht, kurze Anleitungen auszudrucken und sie neben die Katzentoiletten zu legen. Diese könnten einen QR-Code zum Forum für detaillierte Anleitungen enthalten. Ich könnte sie woanders über die URL erstellen, aber ich mache es lieber direkt in Discourse.

Interessant. Können Sie mich unterhalten und mir die epische Geschichte erzählen, wie dies eine Verbesserung des Einladungssystems wäre? Wie und wo würden QR-Code-Einladungen geteilt und wie würden sie angenommen werden? Können Sie Beispiele von anderen Plattformen nennen, die zeigen, wie dies von anderen gemacht wird? Wo sehen Sie den QR-Code im Einladungssystem verfügbar?

Sie verwenden den neuen Freigabe-Link. Dieser erfasst nur die URL zum Teilen ohne Modal. Wenn Sie zu den Website-Einstellungen des Beitragsmenüs gehen, können Sie den ursprünglichen Menüpunkt zum Teilen von Beiträgen aktivieren, der dann auch den QR-Code anzeigt. Sie können auch auf den Zeitstempel des Beitrags klicken, um das ursprüngliche Freigabe-Popup aufzurufen.

5 „Gefällt mir“

Mir ist nie aufgefallen, dass es ein Freigabemodal gibt, das mit dem Zeitstempel des Beitrags verbunden ist! Ich muss zugeben, das ist ein schöner Ort, um es zu verstecken, und der schlankere Freigabelink ergibt für die häufigsten Anwendungsfälle Sinn.

Bemerkenswert ist, dass mein Android-Handy (Pixel 7 Pro) automatisch QR-Codes erstellt; dies funktioniert auch mit dem Einladungsmodal. Und das ist mein Hauptanwendungsfall. Ich habe das aber nie wirklich untersucht. Ah, die Reise der Entdeckung!

Sie sind zwar nicht so schön wie die, die dieser TC erstellt!

3 „Gefällt mir“

Oh! Ja. Das ist bereits auf Android implementiert. Wer hätte das gedacht! Ausgezeichnet! :rocket: Danke, dass du mich aufgeklärt hast. Es ist also schon episch!

Aber warte!

Ich sehe diese Option nicht auf iOS? :green_apple:

Auf iOS sehe ich keine QR-Option?

2 „Gefällt mir“

Ist der QR-Code teuer in der Erstellung? Wenn nicht, warum wird er nicht einfach automatisch im Sharing-Modal angezeigt, anstatt dass man erst einen Button auswählen muss, um ihn anzuzeigen?

Er kostet nichts, der Rest ist nur Programmierung. Aber für die meisten Leute ist QR nur Rauschen, daher kann es nicht direkt sichtbar sein.

2 „Gefällt mir“

Visitenkarten. Ein Unternehmen, das Discourse nutzt, könnte einen QR-Code für seine Plattform zum Beitreten haben. Oder für Veranstaltungen usw.

EDiT: Habe gerade Robs Beitrag über Android gesehen. Aber wie Sie selbst sagten. Bevorzugen Sie es, es innerhalb von Discourse zu tun
:wink:

3 „Gefällt mir“

Wie @Jagster sagte, ist die Generierung des QR-Codes nicht teuer, es hängt hauptsächlich vom persönlichen Geschmack ab, wie fokussiert und unmittelbar der QR-Code ist. Der TC nutzt die Sharing API (und ein wenig DOM-Manipulation) bequem zur Anzeige des QR-Codes und behandelt ihn effektiv auf derselben Ebene wie die anderen Sharing-Quellen. Dies entsprach mehr oder weniger meiner Ansicht von QR-Codes als sekundärem Informationsübermittlungsweg. Seit Beginn meines Urlaubs außerhalb der USA bin ich jedoch ziemlich schockiert, wie verbreitet QR-Codes in der physischen Welt sind.

Ich könnte erwägen, eine Option für einen sofortigen QR-Code zu den Einstellungen hinzuzufügen, aber ich müsste wahrscheinlich überarbeiten, wie/wo der QR-Code platziert wird. Ehrlich gesagt, die aktuelle Platzierung des QR-Codes im Modal (sowohl in der Desktop- als auch in der Mobilansicht) ist mit DOM-Manipulation wirklich hineingequetscht. Idealerweise würde in einer Desktop-Ansicht ein QR-Code, der auf derselben Ebene wie die Schaltfläche „Link kopieren“ behandelt wird, die gesamte rechte Seite des Modals einnehmen, aber das würde einen neuen Plugin-Outlet und eine gute Portion CSS-Änderungen erfordern. Derzeit gibt es nur einen Plugin-Outlet im Sharing-Modal, und er befindet sich direkt neben der Schaltfläche „Neues Thema“, und ich möchte wirklich vermeiden, ein komplexes CSS zu verwenden oder mehr DOM-Manipulation zu nutzen.

tl;dr: Ich werde weiter darüber nachdenken und entscheiden, ob das Hinzufügen der Einstellung für den sofortigen QR-Code den zusätzlichen Aufwand wert ist, nachdem ich aus dem Urlaub zurück bin.

4 „Gefällt mir“

Wenn ich ein Bild verwende, erhalte ich keinen QR-Code. Gibt es Anforderungen an das verwendete Format, die Größe usw.?

2 „Gefällt mir“

Hmm, das ist seltsam. Es sollte keine besonders strengen Anforderungen an das Bild selbst geben…

Welche Bild- und Bildgrößeneinstellungen verwenden Sie?