استخدم أيقونة المشاركة القياسية لمشاركة المنشور (بدلاً من أيقونة الرابط)

في الآونة الأخيرة، أصبح رمز المشاركة موحدًا بشكل أو بآخر مثل


أو

أعتقد أن الأول هو الأكثر توحيدًا.

في Discourse، يكون رمز مشاركة المنشور عبارة عن رمز رابط (مثل الروابط المتسلسلة). يعمل هذا أيضًا بشكل جيد، لكنني أعتقد أن رمز العقد في الأعلى هنا هو الأكثر شهرة في الوقت الحاضر.

هل هناك طريقة موصى بها لتغيير هذا؟

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

الكود الافتراضي سيكون:


api.replaceIcon('link', 'share-alt');

من الغريب أن هذا لا يعمل. إنه يعمل مع أيقونات أخرى مستخدمة بجواره مباشرة، مثل bookmark أو flag. يجب أن يكون link هو اسم الأيقونة..

@darkpixlz لقد نشرت مؤخرًا حول استبدال أيقونة الرابط بكعكة في الشريط الجانبي.. هل استخدمت اسم أيقونة مختلف هنا؟

إعجابَين (2)

شكرًا، لقد جربت هذا أيضًا (في الرأس) ولم ينجح بالفعل.

الكود الخاص بك لتعديل هذا العنصر، صحيح؟

<svg class="fa d-icon d-icon-d-post-share svg-icon svg-node" aria-hidden="true">
  <use xlink:href="#link">
  </use>
</svg>

إذًا d-icon-d-post-share؟

آسف، أنا جديد جدًا على (جافاسكريبت / سي إس إس الحديثة).

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

لقد قدمت طلب ميزة للقيام بذلك، لكنني لم أتمكن أبدًا من الحصول عليه يدويًا.

تحديث: أفهم ما تقصده، لقد كان فحصًا أساسيًا للعنصر، وليس مكونًا إضافيًا فعليًا.

إعجابَين (2)

كانت سابقًا أيقونة link، لكنها استبدلت أيقونة الرابط حيث لن يكون لأيقونة المشاركة معنى (مثل زر التنسيق لإضافة رابط).\n\nلقد اختبرت ما يلي للتو ويبدو أنه يعمل كما هو مقصود:\n\njs\napi.replaceIcon('d-post-share', 'share-alt');\napi.replaceIcon('d-topic-share', 'share-alt');\n\n\nالأول يستبدل الأيقونة داخل المنشورات، والثاني يستبدل الأيقونة لزر المشاركة في أسفل الموضوع.

5 إعجابات

رائع يا @renato! يعمل بشكل مثالي :tada:

في الواقع، يمكن أن يبدو external-link-alt جيدًا أيضًا..

3 إعجابات

باستثناء أن الرابط الخارجي ليس مثل المشاركة… بغض النظر عن مدى جودته :wink:

5 إعجابات

هممم.. أعتقد أنني لن أقلق كثيرًا بشأن “أصل الكلمة” للأيقونة :nerd_face: بل عما إذا كانت تستخدم بشكل شائع في هذا السياق. ويبدو أن هذا هو الحال إلى حد كبير هنا، على سبيل المثال، إليك عرض من تويتر:

image

شكرًا ريناتو. بالنسبة لي، يختفي الرمز.

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('d-post-share', 'share-alt');
  api.replaceIcon('d-topic-share', 'share-alt');
</script>

إلى الرأس باستخدام مكون سمة (باستخدام السمة الافتراضية). أحصل على:

هل أحتاج إلى القيام بشيء آخر، ربما يجب إضافة الرموز؟

حسنًا، سيكون من الجيد لو فهم المستخدمون الوظيفة أيضًا :wink:

اذهب إلى الإعدادات وابحث عن svg icon subset. أضف share-alt وستكون جاهزًا.

4 إعجابات

شكرا جزيلا @Jagster

إعجابَين (2)

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

إذا فهمت تعليق @Jagster بشكل صحيح، فهو لا يجادل ضد استخدام share-alt لنافذة مشاركة external-link-plus-SM-share المنبثقة على سطح المكتب / واجهة مشاركة نظام التشغيل على الهاتف المحمول، بل يقول إنه نظرًا لأنها وظيفة مشاركة، فإن استخدام أيقونة الرابط الخارجي لن تغطي الوظيفة بالكامل.
هذا هو تفسيري، قد أكون مخطئًا

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

أوه، أعتقد أنك على حق وقد فاتني السياق تمامًا…

أنا آسف يا @Jagster!

إعجابَين (2)