مشاركة رموز QR

:information_source: ملخص يضيف مولد رمز QR لمشاركة مصادر الروابط
:eyeglasses: معاينة \u003chttps://discourse.theme-creator.io/theme/Alteras/qr-code-shareables\u003e
: hammer_and_wrench: المستودع \u003chttps://github.com/Alteras1/discourse-qr-code-shareables\u003e
: question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
: open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

\u003c!-- املأ "repoName" و "repoURL" لزر التثبيت التلقائي –\u003e

تثبيت مكون السمة هذا

\u003c!-- صف هذه السمة/المكون في جملة أو جملتين –\u003e

يضيف رمز QR إلى المصادر للروابط القابلة للمشاركة. يتضمن إعدادات لتعديل نمط رمز QR.

\u003cdetails\u003e
\u003csummary\u003eلقطات الشاشة\u003c/summary\u003e

\u003c/details\u003e

\u003c!-- أضف المزيد من التفاصيل واشرح الإعدادات (إن وجدت) –\u003e

الإعدادات

الاسم الوصف
share_in_private يسمح برموز QR في السياقات الخاصة (المواقع التي تتطلب تسجيل الدخول والرسائل الخاصة).
dots_color لون النقاط في رمز QR.
dots_type نوع النقاط المستخدمة في رمز QR. \u003cbr/\u003eالخيارات: rounded, dots, classy, classy-rounded, square, extra-rounded
corners_square_color لون الزوايا المربعة في رمز QR.
corners_square_type نوع الزوايا المربعة في رمز QR. \u003cbr/\u003eالخيارات: dots, square, extra-rounded, dot, rounded, classy, classy-rounded
corners_dots_type نوع النقاط المستخدمة في زوايا رمز QR. \u003c/br\u003eالخيارات: dot, square, dots, rounded, classy, classy-rounded, extra-rounded
background_color لون خلفية رمز QR.
image الصورة المراد تضمينها في رمز QR. إذا لم يتم توفير أي صورة، فسيتم إنشاء رمز QR بشكل طبيعي بدون صورة
image_hide_background_dots يجب إخفاء نقاط الخلفية خلف الصورة.
image_margin الهامش حول الصورة المضمنة في رمز QR. بالـ px
image_size حجم الصورة المضمنة بالنسبة لرمز QR. هذه نسبة من 0 إلى 1

ملاحظات

بعد قراءة بعض طلبات الميزات (Create a QR code for invites و Possible to share a post by save a picture with a QR code?)، أحببت فكرة إضافة رموز QR إلى الروابط القابلة للمشاركة. حاليًا، يغطي هذا فقط مشاركة المواضيع والمنشورات، نظرًا لأن نافذة إنشاء الدعوة لا تحتوي على أي نقاط خروج للمكونات الإضافية أو تستخدم واجهة برمجة تطبيقات المشاركة.

يستخدم هذا حزمة https://www.npmjs.com/package/qr-code-styling لتخصيص رمز QR.

\u003cdiv data-theme-toc=“true”\u003e \u003c/div\u003e

16 إعجابًا

كيف ينبغي مشاركة ذلك؟ أنا معتاد على استخدام رمز الاستجابة السريعة فقط من الوسائط المطبوعة :man_shrugging:

3 إعجابات

هذا مفيد في السيناريوهات التي يكون فيها الأشخاص الذين ترغب في مشاركة الموضوع معهم قادرين على رؤية شاشتك (أي عرض رمز الاستجابة السريعة بسرعة على الهاتف المحمول). يمكنك حفظ رمز الاستجابة السريعة، نظرًا لأنه عنصر HTML canvas، عن طريق النقر بزر الماوس الأيمن وحفظه كصورة.

4 إعجابات

لا تعمل الحفظ أو النسخ على جهاز آيباد.

إعجاب واحد (1)

آه، كنت أعرف أنني نسيت شيئًا ما بتركه في لوحة HTML. لقد طرحت إصلاحًا سيحوله إلى ملف png.

5 إعجابات


يبدو الأمر غريبًا بعض الشيء، يمكن تجويفه في المنتصف تمامًا مثل الصورة أدناه، مثل رمز الاستجابة السريعة.

إعجابَين (2)

إضافة رائعة حقًا، شكرًا لك!

هذه فجوة يجب سدها بطريقة ما؟ دعوات QR ستكون ملحمية!

8 إعجابات

تم إصدار إصلاح. يجب أن تعمل image hide background dots و image margin بشكل صحيح الآن.

5 إعجابات

تم الحصول على طلب سحب إلى النواة لعدد قليل من منافذ الإضافات الجديدة! لست متأكدًا مما إذا كان هناك أي سبب معين لعدم استخدام واجهة برمجة تطبيقات المشاركة في الدعوات، لذلك سأحتفظ بطلب السحب لمنافذ الإضافات فقط.

7 إعجابات

تحدث مع الفريق بشأن ذلك.

6 إعجابات

كيف أجعل هذا يعمل للمنشورات؟ يمكنني الحصول عليه للمواضيع فقط:

أحصل حاليًا على هذا بدلاً من ذلك:

أنا أيضًا جشع وأود أن أكون قادرًا على القيام بذلك (أي إنشاء رمز QR) لأي رابط على موقعي بشكل أصلي!!

4 إعجابات

أنا مهتم بمكون السمة هذا! في منتدى عائلتي، لدي فئة لإجراءات كيفية القيام بذلك مثل كيفية الحفاظ على صناديق فضلات قطتي نظيفة. كنت أفكر بالفعل في طباعة تعليمات موجزة لوضعها بجانب صناديق الفضلات. يمكن أن يحتوي على رمز QR للمنتدى للحصول على تعليمات مفصلة. يمكنني إنشاؤه في مكان آخر باستخدام عنوان URL، لكنني أحب القيام بذلك مباشرة في Discourse.

مثير للاهتمام. هل يمكنك أن تداعبني وتخبرني بالحكاية الملحمية لكيفية تحسين هذا لنظام الدعوة؟ كيف وأين سيتم مشاركة دعوات رمز الاستجابة السريعة وكيف سيتم قبولها؟ هل يمكنك مشاركة فن سابق من منصات أخرى لإظهار كيف يتم ذلك من قبل الآخرين؟ أيضًا، أين تتخيل أن يكون رمز الاستجابة السريعة متاحًا في نظام الدعوة؟

أنت تستخدم رابط المشاركة الجديد. هذا يلتقط فقط عنوان URL للمشاركة بدون نافذة منبثقة. إذا انتقلت إلى إعدادات موقع قائمة المشاركات، يمكنك تمكين عنصر قائمة المشاركات الأصلي الذي سيعرض أيضًا رمز الاستجابة السريعة. يمكنك أيضًا النقر فوق الطابع الزمني للمشاركة للوصول إلى النافذة المنبثقة الأصلية للمشاركة.

5 إعجابات

لم ألاحظ قط أن هناك نافذة منبثقة للمشاركة مرتبطة بالطابع الزمني للمشاركة! يجب أن أعترف، هذا مكان لطيف لإخفائه، ورابط المشاركة الأقل تعقيدًا منطقي للاستخدامات الأكثر شيوعًا.

تجدر الإشارة إلى أن هاتفي الذي يعمل بنظام أندرويد (Pixel 7 Pro) ينشئ رموز QR تلقائيًا؛ وهذا يعمل مع النافذة المنبثقة للدعوة أيضًا. وهذا هو استخدامي الرئيسي. لم أقم بالتحقيق في هذا الأمر قط. آه، رحلة الاكتشاف!

إنها ليست جميلة مثل تلك التي يصنعها هذا الـ TC!

3 إعجابات

أوه! نعم. هذا مطبق بالفعل على أندرويد. من كان يعلم! ممتاز! :rocket: شكراً لتعليمي. لذا فهو بالفعل ملحمي!

ولكن انتظر!

لا أرى هذا الخيار على iOS؟ :green_apple:
لا أرى خيار QR على iOS؟

إعجابَين (2)

هل إنشاء رمز الاستجابة السريعة (QR code) مكلف؟ إذا لم يكن كذلك، فلماذا لا يتم عرضه تلقائيًا في نافذة المشاركة بدلاً من الحاجة إلى تحديد زر لإظهاره؟

لا يكلف شيئًا، لذا فإن الباقي هو مجرد برمجة. ولكن بالنسبة لمعظم الناس، فإن رمز الاستجابة السريعة هو مجرد ضوضاء، لذا لا يمكن أن يكون مرئيًا بشكل مباشر.

إعجابَين (2)

بطاقات العمل. يمكن لشركة تستخدم discourse أن يكون لديها رمز QR لمنصتها للانضمام. أو لهذا الغرض استخدامها على ملصقات الأحداث وما إلى ذلك ..

تحرير: رأيت للتو منشور Rob حول Android. ومع ذلك ، كما قلت بنفسك. تفضل بالقيام بذلك داخل Discourse
:wink:

3 إعجابات

كما قال @Jagster، فإن إنشاء رمز الاستجابة السريعة ليس مكلفًا، بل يعتمد الأمر في الغالب على الذوق الشخصي حول مدى تركيز رمز الاستجابة السريعة وفوريته. يستخدم TC بشكل مريح واجهة برمجة تطبيقات المشاركة (وقليلًا من معالجة DOM) لعرض رمز الاستجابة السريعة، ويعامله بفعالية على نفس مستوى مصادر المشاركة الأخرى. وقد تطابق هذا تقريبًا وجهة نظري لرموز الاستجابة السريعة كوسيلة ثانوية لإرسال المعلومات. ومع ذلك، منذ بدء إجازتي خارج الولايات المتحدة، صُدمت إلى حد ما بمدى انتشار رموز الاستجابة السريعة في العالم المادي.

يمكنني استكشاف إضافة خيار رمز استجابة سريعة فوري إلى الإعدادات، ولكن سأحتاج على الأرجح إلى إعادة النظر في كيفية/مكان وضع رمز الاستجابة السريعة. بصراحة، الوضع الحالي لرمز الاستجابة السريعة في النافذة المنبثقة (في كل من عرض سطح المكتب والجوال) مضغوط حقًا باستخدام معالجة DOM. من الناحية المثالية، في عرض سطح المكتب، سيشغل رمز الاستجابة السريعة الذي يعامل على نفس مستوى زر “نسخ الرابط” الجانب الأيمن بالكامل من النافذة المنبثقة، ولكن هذا سيحتاج إلى منفذ إضافي للمكون الإضافي وقدر جيد من تغييرات CSS. حاليًا، يوجد منفذ إضافي واحد فقط في نافذة المشاركة المنبثقة، وهو بجوار زر “موضوع جديد”، وأنا حقًا أريد تجنب إجراء CSS معقد أو استخدام المزيد من معالجة DOM.

ملخص: سأفكر في الأمر أكثر وأقرر ما إذا كانت إضافة إعداد رمز استجابة سريعة فوري تستحق جهدًا إضافيًا بعد عودتي من العطلات.

4 إعجابات

عندما أستخدم صورة، لا أحصل على رمز الاستجابة السريعة. هل هناك متطلبات معينة للصيغة أو الحجم المستخدم وما إلى ذلك؟

إعجابَين (2)

هذا غريب. لا ينبغي أن تكون هناك أي متطلبات صارمة بشكل خاص مع الصورة نفسها…

ما هي إعدادات الصورة وحجم الصورة التي تستخدمها؟