Discourse ملصقات

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

مرحباً :wave:
مع مكون السمة هذا، يمكنك إضافة ملصقات إلى المشاركات ورسائل الدردشة…

كيف يعمل؟

يضع زرًا في المنشئ يفتح نافذة الملصقات.

نافذة الملصقات

عندما تنقر على ملصق، سيتم إضافته إلى المنشئ.
يتم وضع رمز ترميز الصورة داخل [wrap=sticker] img [/wrap] مما يعني أن صور الملصقات يمكن استهدافها بشكل منفصل عن الصور الأخرى.

تذهب الملصقات دائمًا إلى سطر جديد وتحتوي على عنوان وحجم. الحجم الآن ثابت 180x180 بكسل. كل ملصق له ظل يجعله أكثر شبهاً بالملصقات…
في المنشئ والمشاركات، يتم إخفاء المعلومات الوصفية عند التحويم باستخدام CSS.


كيفية الإعداد؟

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

مثال:
لقد قمت بتحميل الصورة في منشور. أستخدم الإصدار optimized من عنوان URL للصورة. والذي تجده هنا :arrow_down_small: ولكن يمكنك استخدام أي عنوان URL للصورة.

عنوان URL لتحميل ترميز الصورة داخل الأقواس :arrow_down_small:


الإعدادات

صور الملصقات
في إعداد صور الملصقات، يمكنك إعداد الملصقات…

العنوان: هذا هو عنوان الصورة وسمتها البديلة. سيتم وضعه أيضًا في عنوان ترميز الصورة.

الرمز التعبيري: سيتم وضعه في الزاوية اليمنى العلوية لكل ملصق في نافذة الملصقات.

previewUrl: هذه هي الصورة التي تظهر في نافذة الملصقات.

markdownUrl: هذا هو عنوان URL لترميز الصورة التي تم تحميلها مسبقًا.


17 إعجابًا

مرحباً دون :wave:
عمل رائع! ألقيت نظرة سريعة :slight_smile:
تعد إدارة الملصقات أمرًا شاقًا بعض الشيء - خاصةً جزء المعاينة - حيث لا يوجد تخطيط أو ميزة مخصصة للقيام بذلك (كما هو الحال مع الصور الرمزية والرموز التعبيرية المخصصة)، ولكني أتفهم أن الأمر سيتطلب المزيد من العمل.
تم تعطيل فلتر الظل عند توقف ملف GIF، ولا يظهر كخلفية مربعة على الصورة الوسطى هنا (ملف jpg مستطيل يؤدي إلى تشغيل نافذة منبثقة):
chrome_k71dGHbeLH
تأثير الفلتر رائع حقًا، ولكني سأضعه كإعداد اختياري :slight_smile:
يستخدم منتقي الملصقات محتوى مبرر مثل:

XXX
 X

لكن أعتقد أنني أفضل المحاذاة إلى اليمين:

XXX
X

رأي شخصي جدًا بالطبع :v:

5 إعجابات

شكراً على ملاحظاتك @Canapin :slight_smile:

لقد أضفت إعدادًا جديدًا لهذا…
Screenshot 2023-10-03 at 16.04.17

تم إنجاز هذا أيضًا… أفضل بكثير :slight_smile:

7 إعجابات

تحديث: https://github.com/VaperinaDEV/discourse-stickers/commit/b6c30eb3978fb74c85a95895feb7b2181fe7d

5 إعجابات

هل سيكون من الممكن الحد من ذلك لفئات معينة؟ (وبالمناسبة، هل سيكون هناك ملصقات مختلفة لكل فئة؟)

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

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

هل يمكنني أن أسأل ماذا علي أن أفعل لوضع الملصق في سطر النص، وليس في سطر جديد؟ (لقد قمت بعمل fork لهذا المستودع)

مرحباً :waving_hand:

نعم، عليك إزالة \n من بداية ونهاية هذا السطر.


مرحباً @mattdm :waving_hand: آسف على التأخير. نعم، أعتقد أنه من الممكن عرض الزر في المؤلف لكل فئة. أحتاج إلى التحقق من ذلك.

المكون معقد بالفعل بعض الشيء للإعداد. لست متأكداً من هذا. :thinking:

مرحباً :waving_hand: نعم، هذا مستوى آخر. :slightly_smiling_face: لست متأكداً من إمكانية ذلك الآن مع هذه البنية.

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

شكراً على الرد!
ولكن بعد التغيير، لا يمكن عرض الملصق، هكذا

أوه، عذراً، أعتقد أنه يجب عليك إزالة [wrap=sticker] و [/wrap] أيضاً. سيؤدي ذلك إلى عرض الصورة بشكل مضمن، لذا من المحتمل ألا تكون مفقودة. :thinking:

[wrap=sticker] مخصص فقط لإضافة بعض التنسيق إلى صورة الملصق.

حسنًا، العرض المضمن لا يمكنه استخدام [wrap=sticker]؟
لقد نجح الأمر، شكرًا!

ملاحظة: أتساءل عما إذا كان من الممكن إخفاء markdownUrl في Composer، نظرًا لأنه سيكون عنوان URL طويلاً ويشغل مساحة كبيرة؟