[ XF 2.1 ] - طريقة إضافة الوجوه التعبيرية التفاعلية إلى سكربت XenForo | زين العربية

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,514
مستوى التفاعل
2,150
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
بسم الله الرحمان الرحيم

أعزائي أعضاء و عضوات زين العربية الكرام ، أرجو أن تكونوا في تمام الصحة و العافية ..

في موضوعنا اليوم سنتعرف على كيفية إضافة الوجوه التعبيرية ( التفاعلات مع المواضيع و المشاركات ) و هي أحد الميزات الجميلة التي تم إدراجها في الإصدار 2.1 من سكربت XenForo ، و هي وجوه تعبيرية يتم التعبير بها من طرف الأعضاء عن موضوع معين و التفاعل معه و هي بمثابتة تشجيع لصاحب الموضوع لحثه على إضافة المزيد من المواضيع ..

و لتقريب الفكرة عما أتحدث عنه هذه صورة لما أقصده.

1.jpg

في سكربت XenForo بشكل افتراضي تأتي الوجوه التعبيرية على مجموعة و عددها 7 وهي كالتالي

sprite_sheet_emojione-xenarabia-1.png

لكن ايقونة dislike لا تاتي معهم و يجب إضافتها بشكل يدوي

لذا في شرحنا هذا سنضيف جميع الوجوه التعبيرية التي نريد إضافتها ثم بعدها نقوم بتعطيل ما نود تعطيله.

اذا لننطلق مع الشرح

1- قم بالدخول للموقع التالي https://www.joypixels.com/emoji#all و اختر الوجوه التعبيرية التي تود استخدامها و احفظها على جهازك .. طبعا اختر ما يناسب موقعك لا أنصح بإضافة الكثير من الوجوه التعبيرية حتى لا تكون أكثر من اللازم.

ولحفظ الايقونة قم بالضغط عليها و اختر المقاس 64x64 ثم احفظه على جهازك كما بالصورة.

2.png

هذه أيقونة الإعجاب و عدم الإعجاب لحفظها على جهازك

like_2x.png dislike_2x.png
ملاحظة مهمة :

عند عملية الحفظ يفظل تسمية الايقونات بشكل مرتب مثلا : 01-02-03-04-05-06-07-08-09-10 ....

2- بعد أن قمت بحفظ الوجوه التعبيرية نتوجه للرابط التالي Stitches - An HTML5 sprite sheet generator و الذي يحتوي على سكربت مجاني من أجل ربط صور الوجوه التعبيرية مع بعضها و كأنها صورة واحدة.

3- بعد الدخول للموقع ستجد السكربت بالشكل أسفل قم بحذف أيقونات المشاركة منه لأننا لن نحتاجها ، طبعا هي لن تظهر مع الأيقونات إلا إذا تم استخدام كود HTML لكن في حالتنا لن نستخدمه.
ثم قم بالضغط عليها و احذفها كما مبين في الصورة أسفل.


5.png

4- بعدها اضغط على زر Settings و طبق كما بالصورة في حالة لم تجدها معدلة بشكل افتراضي.

03.png

5- بعد ذلك قم بعملية السحب لجميع الأيقونات التعبيرية أو قم بالضغط على زر Open و اختر جميع الأيقونات التي تريد استخدامها.

3.png

6- بعد انتهاءك من إضافة كافة الأيقونات إضغط على زر Downloads ثم من جهة اليسار اضغط على زر Spritesheet كما مبين في الصورة ..

4.png

7- ثم قبل الحفظ اختر اسما للمجموعة مثلا spritesheet-xenArabia

وهكذا انتهينا من المرحلة الأولى و هي تجهيز الوجوه التعبيرية.

8- الأن قم برفع صورة الوجوه التعبيرية إلى المجلد التالي : /styles/default/xenforo/reactions/emojione من خلال برنامج FTP او من خلال السي بانل.

9- ثم من خلال لوحة تحكم المنتدى ثم تبويب المحتوى ثم التفاعلات كما مبين بالصورة

8.png

10- نضغط على زر إضافة التفاعل

9.jpg

11- اتبع ما موضح بالصور

6.png

7.png

وهذه هي النتيجة النهائية

9.png

ملاحظات مهمة :

- عند إضافة الايقونات لازم تحترم الأبعاد حتى لا تحدث لخبطة
--
فعند اختيارك لأبعاد الصور التعبيرية 32X32 فيجب أن تبدأ إحداثيات التموضع ب 0 - 0 ثم 0 - 32 ثم 0 - 64 ثم 0 - 96 ... وهكذا على حسبب عدد أيقونات الصور التعبيرية.
-- و عند اختيارك لأبعاد الصور التعبيرية 64X64 فيجب أن تبدأ إحداثيات الموضع بـ 0 - 0 ثم 0 - 64 ثم 0 - 128 ثم 0 - 192 و هكذا على حسب عدد أيقونات الصور التعبيرية.


و في الختام أرجو أن أكون وفقت في تقريب الفكرة لكم ، لانها تحتاج القليل من التركيز
في حالة وجود أي استفسار لا تترددوا بطرحه

مع كل الحب أخوكم 💓محمد 💓
 
التعديل الأخير:

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
1,042
مستوى التفاعل
810
النقاط
113
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا شرح منسق وفي غاية الجمال
بارك الله فيك أخي محمد وبورك في مجهوداتك
تحياتي لك
 

Abu Ayesh

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
132
مستوى التفاعل
88
النقاط
28
الإقامة
فلسطين
بارك الله فيك أخي محمد
يعطيك الف عافية
تحياتي لك
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,514
مستوى التفاعل
2,150
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,514
مستوى التفاعل
2,150
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
مرورك الاروع اخي بشير :)
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
1,202
المشاركات
10,997
الأعضاء
467
آخر عضو مسجل
sky55
أعلى