# استبدال أيقونة الرابط للمشاركة فقط

**URL:** https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436
**Category:** UX
**Created:** [28 أكتوبر 2021، 6:29م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436 "2021-10-28T18:29:07Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [28 أكتوبر 2021، 6:29م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/1 "2021-10-28T18:29:07Z")

</div>

أجد أن هذا الجزء من واجهة Discourse محير. في المحرر، يُستخدم أيقونة الرابط لإدراج رابط تشعبي (وهذا منطقي، فهذا ما يجب أن يكون عليه، وهو نفس ما في 99% من الواجهات الأخرى)

 ![link-edit](https://global.discourse-cdn.com/meta/original/3X/6/e/6e6bde861e23788e2b1162e1334ea5e3717c5f05.jpeg)

لكن عند _عرض_ منشور ما، تُستخدم نفس الأيقونة للرابط/المشاركة على وسائل التواصل الاجتماعي

 ![share-link](https://global.discourse-cdn.com/meta/original/3X/c/2/c28071f23784116fe6238d4fbf82f2aac82a284a.jpeg)

في حين أنني أجد أنه من المنطقي أكثر هنا استخدام أيقونة مشاركة مألوفة ![share-icon](https://global.discourse-cdn.com/meta/original/3X/3/d/3d83d5381eb6765e90071ffb2116504e0a6d55d0.jpeg)

لمدة من الوقت، استخدمت [نهج واجهة برمجة التطبيقات لتغيير الأيقونة](https://meta.discourse.org/t/change-icons-globally-using-the-apis/87751)

```
  <script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('link', 'external-link-tab');
 </script>

```

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

??? (معرفتي بكيفية عمل Discourse داخليًا سطحية إلى حد كبير)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [28 أكتوبر 2021، 10:29م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/5 "2021-10-28T22:29:51Z")

</div>

> [@cogdog](#):
>
> ```plaintext
> 
> ```
> 
> لكن هذا يغير الأيقونة في المحرر، لذا لا معنى لاستخدام أيقونة مشاركة لتمثيل إدراج رابط تشعبي. سيكون من المفيد وجود استدعاءات API منفصلة للإشارة إلى السياقين المختلفين لهذا الزر، حتى أتمكن من استبدالها بأيقونة رابط مشاركة ولكن ليس لأيقونة إدراج رابط.

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

---

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [29 أكتوبر 2021، 5:57م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/12 "2021-10-29T17:57:33Z")

</div>

مرة أخرى، أنا لا أبحث عن أيقونة! يمكنني استخدام أي أيقونة أريدها على موقعي.

ما أريده _فعلاً_ هو وجود طريقة في discourse، [كما هو محدد في كيفية تجاوز أيقونة عبر واجهة برمجة التطبيقات](https://meta.discourse.org/t/change-icons-globally-using-the-apis/87751)، لتغيير أيقونة زر مشاركة المنشور دون تغيير الأيقونة المستخدمة في المحرر لزر إدراج الرابط التشعبي.

---

<div class="post-metadata">

### Author: ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### Post date: [29 أكتوبر 2021، 5:58م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/13 "2021-10-29T17:58:04Z")

</div>

نحن ندرس جدوى القيام بذلك بالضبط، ونوافق على أنه سيكون مفيدًا.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [29 أكتوبر 2021، 6:02م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/14 "2021-10-29T18:02:49Z")

</div>

نعم، بمجرد أن يُدمج التزكية أدناه في `tests-passed`، يمكنك القيام بما تسعى إليه:

> <https://github.com/discourse/discourse/commit/f6a3c22a898069e6e15a4e220fc12b91eba2e15e>

(قد يستغرق الأمر ساعة تقريبًا حتى يُدمج في `tests-passed`.)

لذلك، أضفت معرفات جديدة لأيقونات المشاركة في أزرار المنشورات والمواضيع، مما يسمح لك بعزلها الآن في استدعاء `replaceIcon` عبر واجهة برمجة التطبيقات، على النحو التالي:

```javascript
api.replaceIcon('d-post-share', 'share-square');
api.replaceIcon('d-topic-share', 'share-square');

```

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/e/ce14f19a375ea92c0617d3b0ad6220d51e2aecda.png)

---

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [29 أكتوبر 2021، 7:18م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/16 "2021-10-29T19:18:44Z")

</div>

شكرًا لك! كنت أحاول فقط معرفة سبب اختلاف أسماء الفئات الخاصة بأيقونة زر المشاركة هنا على ميتا عن إصدار ديسكورد المحدّث لدينا.

---

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [29 أكتوبر 2021، 7:51م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/17 "2021-10-29T19:51:24Z")

</div>

رأيت التغيير وقد تم تطبيقه وهو متاح في التحديثات، وقمت بتشغيله على موقعنا. كملاحظة لأي شخص آخر، يتطلب استخدام الأيقونة إضافتها عبر `admin -> settings -> svg icon subset` باستخدام `fa-share-square`

عملت بشكل مثالي. لقد انتقلت أيقونات المشاركة لدينا من:

 ![share-link-0](https://global.discourse-cdn.com/meta/original/3X/b/a/bab7ad616089c8e6b4ff1ca274b0cb3a96a3c4ad.jpeg)

إلى

 ![share-new](https://global.discourse-cdn.com/meta/original/3X/2/a/2a1c1f1bd4b867a6e30fa9a0d1c104900d973381.jpeg)

شكرًا مرة أخرى

---

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [30 أكتوبر 2021، 2:15ص UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/19 "2021-10-30T02:15:34Z")

</div>

تم بالفعل! انظر المنشور أعلاه

> [@Substitute Link Icon Only For Sharing](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/14?u=cogdog):
>
> Yep, as soon as the commit below hits tests-passed, you can do what you are looking to do: (It might take an hour or so for that to hit tests-passed.) So I added new IDs for the share icons in the post and topic buttons, so you can isolate them now in the API replaceIcon call, like this: api.replaceIcon('d-post-share', 'share-square'); api.replaceIcon('d-topic-share', 'share-square');

تمكنت من تحديث discourse الخاص بي منذ ساعات، وهذه الميزة الجديدة موجودة الآن.

---

<div class="post-metadata">

### Author: ![anon73664359](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@anon73664359](https://meta.discourse.org/u/anon73664359)
#### Post date: [30 أكتوبر 2021، 1:54م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/20 "2021-10-30T13:54:04Z")

</div>

هذا مثير للاهتمام. لقد جربت للتو تحديث نسخة Discourse الخاصة بي ولا أزال لا أرى ذلك.

اعذرني بينما أقوم ببعض استكشاف الأخطاء وإصلاحها… 🙂

---

<div class="post-metadata">

### Author: ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [30 أكتوبر 2021، 3:00م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/21 "2021-10-30T15:00:58Z")

</div>

أنا أحب هذا التغيير حقًا. ما الذي يجب علي فعله لتغيير الأيقونة؟

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [30 أكتوبر 2021، 3:07م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/22 "2021-10-30T15:07:31Z")

</div>

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

```

فقط أضف هذا إلى `header` الخاص بك عند تعديل السمة

---

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [30 أكتوبر 2021، 5:37م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/23 "2021-10-30T17:37:43Z")

</div>

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

> [@cogdog](#):
>
> يتطلب استخدام الأيقونة إضافتها عبر `الإدارة -> الإعدادات -> مجموعة أيقونات SVG` باستخدام `fa-share-square`

تبدو إعداداتي كما يلي:

 ![svg icon subset](https://global.discourse-cdn.com/meta/original/3X/0/7/071f233fc9098ca8e53410bf27ca3c363de5b962.jpeg)

---

<div class="post-metadata">

### Author: ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)
#### Post date: [30 أكتوبر 2021، 5:42م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/24 "2021-10-30T17:42:56Z")

</div>

لا يغيّر التحديث أي شيء سوى اسم الفئة (class) لأيقونة زر المشاركة، لذا لن تلاحظ فرقًا على الفور. الافتراضي هو الاحتفاظ برابط الأيقونة كما كان سابقًا (link).

يمكنك التأكد من اكتمال التحديث عن طريق فحص الزر في المتصفح؛ فإذا كان يتضمن الفئة `d-icon-d-post-share` (فقبل التحديث كانت الفئة `d-icon-link`).

 ![share-meta](https://global.discourse-cdn.com/meta/original/3X/9/2/92aca4a463afb4ad07e05cc7a97e83e88b7d8471.jpeg)

يجب عليك تعديل رأس قالبك (theme header) كما هو موضح هنا [Substitute Link Icon Only For Sharing - #22 by ondrej](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/22)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [1 نوفمبر 2021، 12:00م UTC](https://meta.discourse.org/t/substitute-link-icon-only-for-sharing/207436/25 "2021-11-01T12:00:35Z")

</div>

تم إغلاق هذا الموضوع تلقائيًا بعد يومين. لم يعد مسموحًا بإضافة ردود جديدة.
