Condivisori di codici QR

:information_source: Riepilogo Aggiunge un generatore di codici QR per condividere i collegamenti alle fonti
:eyeglasses: Anteprima https://discourse.theme-creator.io/theme/Alteras/qr-code-shareables
:hammer_and_wrench: Repository https://github.com/Alteras1/discourse-qr-code-shareables
:question: Guida all’installazione Come installare un tema o un componente del tema
:open_book: Nuovo ai temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Aggiunge un codice QR alle fonti per i collegamenti condivisibili. Include impostazioni per regolare lo stile del codice QR.

Screenshot

Impostazioni

Nome Descrizione
share_in_private Consente codici QR in contesti privati (siti che richiedono accesso e messaggi privati).
dots_color Colore dei punti nel codice QR.
dots_type Tipo di punti utilizzati nel codice QR.
Opzioni: rounded, dots, classy, classy-rounded, square, extra-rounded
corners_square_color Colore degli angoli quadrati nel codice QR.
corners_square_type Tipo di angoli quadrati nel codice QR.
Opzioni: dots, square, extra-rounded, dot, rounded, classy, classy-rounded
corners_dots_type Tipo di punti utilizzati negli angoli del codice QR.
Opzioni: dot, square, dots, rounded, classy, classy-rounded, extra-rounded
background_color Colore di sfondo del codice QR.
image Immagine da incorporare nel codice QR. Se non fornita, il codice QR verrà generato normalmente senza immagine
image_hide_background_dots I punti di sfondo dovrebbero essere nascosti dietro l’immagine.
image_margin Margine attorno all’immagine incorporata nel codice QR. In px
image_size Dimensione dell’immagine incorporata rispetto al codice QR. Questo è un rapporto da 0 a 1

Note

Dopo aver letto alcune richieste di funzionalità (Create a QR code for invites e Possible to share a post by save a picture with a QR code?), mi è piaciuta l’idea di aggiungere codici QR ai collegamenti condivisibili. Attualmente questo copre solo la condivisione di argomenti e post, poiché la finestra di creazione degli inviti non ha outlet di plugin né utilizza l’API di condivisione.

Questo utilizza il pacchetto https://www.npmjs.com/package/qr-code-styling per personalizzare il codice QR.

16 Mi Piace

Come dovrebbe essere condiviso? Sono abituato a usare solo i QR dai supporti stampati :man_shrugging:

3 Mi Piace

Questo è utile in scenari in cui le persone con cui si desidera condividere l’argomento sono in grado di vedere il proprio schermo (ad esempio, mostrare rapidamente il codice QR sul cellulare). È possibile salvare il codice QR, poiché si tratta di un elemento canvas HTML, facendo clic con il pulsante destro del mouse e salvando l’immagine.

4 Mi Piace

Il salvataggio o la copia non funzionano su iPad.

1 Mi Piace

Agh, sapevo che stavo dimenticando qualcosa lasciandolo in HTML canvas. Ho rilasciato una correzione che lo convertirà in un png.

5 Mi Piace


Sembra un po’ strano che possa essere svuotato al centro proprio come l’immagine qui sotto, come il codice QR.

2 Mi Piace

Ottima aggiunta, grazie!

È una lacuna che dovrebbe essere colmata in qualche modo? Gli inviti QR sarebbero epici!

8 Mi Piace

Rilasciata una correzione. image hide background dots e image margin dovrebbero ora funzionare correttamente.

5 Mi Piace

Ho ricevuto una PR al core per alcuni nuovi plugin outlets! Non sono sicuro se ci sia un motivo particolare per cui l’API di condivisione non viene utilizzata negli inviti, quindi manterrò la PR solo per i plugin outlets.

7 Mi Piace

Parla con il team a riguardo.

6 Mi Piace

Come si fa a far funzionare questo per i post? Riesco a farlo solo per gli argomenti:

Attualmente ottengo questo invece:

Sono anche avido e mi piacerebbe poter fare questo (cioè creare un codice QR) per qualsiasi link sul mio sito nativamente!!

4 Mi Piace

Mi piace questo componente tematico! Sul forum della mia famiglia, ho una categoria per le procedure “how-to” come “come mantenere pulite le lettiere dei miei gatti”. Stavo già pensando di stampare brevi istruzioni da mettere vicino alle lettiere. Potrebbe esserci un codice QR che rimanda al forum per le istruzioni dettagliate. Potrei crearlo altrove usando l’URL, ma mi piace farlo direttamente in Discourse.

Interessante. Puoi assecondarmi e raccontarmi l’epica storia di come questo migliorerebbe il sistema di inviti? Come e dove verrebbero condivisi gli inviti QR e come verrebbero accettati? Puoi condividere esempi da altre piattaforme per mostrare come viene fatto da altri? Inoltre, dove prevedi che il codice QR sia disponibile nel sistema di inviti?

Stai usando il nuovo link di condivisione. Quello recupera solo l’URL per la condivisione senza modale. Se vai nelle impostazioni del sito del menu dei post, puoi abilitare la voce originale del menu di condivisione che ora mostrerebbe anche il codice QR. Puoi anche fare clic sul timestamp del post per accedere al popup di condivisione originale.

5 Mi Piace

Non avevo mai notato che ci fosse una modale di condivisione collegata al timestamp del post! Devo ammettere che è un bel posto dove nasconderla, e il link di condivisione più snello ha senso per gli usi più comuni.

Da notare che il mio telefono Android (Pixel 7 Pro) crea automaticamente codici QR; questo funziona anche con la modale di invito. E questo è il mio caso d’uso principale. Non l’avevo mai indagato a fondo, però. Ah, il viaggio della scoperta!

Non sono belli come quelli che crea questo TC, però!

3 Mi Piace

Oh! Sì. Questo è già implementato su Android. Chi l’avrebbe mai detto! Eccellente! :rocket: grazie per avermi istruito. Quindi è già fantastico!

Ma aspetta!

Non vedo questa opzione su iOS? :green_apple:

Su iOS non vedo un’opzione QR?

2 Mi Piace

Il codice QR è costoso da generare? Se no, perché non farlo visualizzare automaticamente nella finestra di condivisione anziché richiedere la selezione di un pulsante per mostrarlo?

Non costa nulla, quindi il resto è solo programmazione. Ma per la maggior parte delle persone il QR è solo rumore, quindi non può essere direttamente visibile.

2 Mi Piace

Biglietti da visita. Un’azienda che utilizza Discourse potrebbe avere un codice QR per la propria piattaforma per iscriversi. O, per quanto riguarda la questione, usarlo su poster di eventi, ecc.

MODIFICA: ho appena visto il post di Rob su Android. Tuttavia, come hai detto tu stesso. Preferisco farlo all’interno di Discourse
:wink:

3 Mi Piace

Come ha detto @Jagster, non è costoso generare il codice QR, dipende principalmente dal gusto personale su quanto focalizzato e immediato sia il codice QR. Il TC utilizza comodamente l’API di condivisione (e un po’ di manipolazione del DOM) per visualizzare il codice QR, trattandolo efficacemente allo stesso livello delle altre fonti di condivisione. Questo corrisponde più o meno alla mia visione dei codici QR come metodo secondario per inviare informazioni. Tuttavia, da quando ho iniziato la mia vacanza fuori dagli Stati Uniti, sono rimasto piuttosto scioccato da quanto siano diffusi i codici QR nel mondo fisico.

Potrei esplorare l’aggiunta di un’opzione codice QR immediato nelle impostazioni, ma probabilmente dovrei rivisitare come/dove viene posizionato il codice QR. Onestamente, l’attuale posizionamento del codice QR nella modale (sia in visualizzazione desktop che mobile) è davvero forzato con la manipolazione del DOM. Idealmente, in una visualizzazione desktop, un codice QR trattato allo stesso livello del pulsante “copia link” occuperebbe l’intero lato destro della modale, ma ciò richiederebbe un nuovo plugin outlet e una buona dose di modifiche CSS. Attualmente c’è solo un plugin outlet nella modale di condivisione, ed è proprio accanto al pulsante “Nuovo argomento”, e voglio davvero evitare di fare CSS complessi o usare più manipolazione del DOM.

tl;dr: Ci penserò ancora e deciderò se l’aggiunta dell’impostazione codice QR immediato vale lo sforzo extra dopo il mio ritorno dalle vacanze.

4 Mi Piace

Quando uso un’immagine, non ottengo un codice QR. Ci sono dei requisiti per il formato, le dimensioni, ecc. da utilizzare?

2 Mi Piace

Hmm, è strano. Non dovrebbero esserci requisiti particolarmente rigidi per l’immagine stessa…

Quali sono le impostazioni dell’immagine e delle dimensioni dell’immagine che stai utilizzando?