بسم الله الرحمان الرحيم
أعزائي أعضاء و عضوات زين العربية الكرام ، أرجو أن تكونوا في تمام الصحة و العافية ..
أعزائي أعضاء و عضوات زين العربية الكرام ، أرجو أن تكونوا في تمام الصحة و العافية ..
في موضوعنا اليوم سنتعرف على كيفية إضافة الوجوه التعبيرية ( التفاعلات مع المواضيع و المشاركات ) و هي أحد الميزات الجميلة التي تم إدراجها في الإصدار 2.1 من سكربت XenForo ، و هي وجوه تعبيرية يتم التعبير بها من طرف الأعضاء عن موضوع معين و التفاعل معه و هي بمثابتة تشجيع لصاحب الموضوع لحثه على إضافة المزيد من المواضيع ..
و لتقريب الفكرة عما أتحدث عنه هذه صورة لما أقصده.
في سكربت XenForo بشكل افتراضي تأتي الوجوه التعبيرية على مجموعة و عددها 7 وهي كالتالي
لكن ايقونة dislike لا تاتي معهم و يجب إضافتها بشكل يدوي
لذا في شرحنا هذا سنضيف جميع الوجوه التعبيرية التي نريد إضافتها ثم بعدها نقوم بتعطيل ما نود تعطيله.
اذا لننطلق مع الشرح
1- قم بالدخول للموقع التالي https://www.joypixels.com/emoji#all و اختر الوجوه التعبيرية التي تود استخدامها و احفظها على جهازك .. طبعا اختر ما يناسب موقعك لا أنصح بإضافة الكثير من الوجوه التعبيرية حتى لا تكون أكثر من اللازم.
ولحفظ الايقونة قم بالضغط عليها و اختر المقاس 64x64 ثم احفظه على جهازك كما بالصورة.
هذه أيقونة الإعجاب و عدم الإعجاب لحفظها على جهازك
عند عملية الحفظ يفظل تسمية الايقونات بشكل مرتب مثلا : 01-02-03-04-05-06-07-08-09-10 ....
2- بعد أن قمت بحفظ الوجوه التعبيرية نتوجه للرابط التالي Stitches - An HTML5 sprite sheet generator و الذي يحتوي على سكربت مجاني من أجل ربط صور الوجوه التعبيرية مع بعضها و كأنها صورة واحدة.
3- بعد الدخول للموقع ستجد السكربت بالشكل أسفل قم بحذف أيقونات المشاركة منه لأننا لن نحتاجها ، طبعا هي لن تظهر مع الأيقونات إلا إذا تم استخدام كود HTML لكن في حالتنا لن نستخدمه.
ثم قم بالضغط عليها و احذفها كما مبين في الصورة أسفل.
4- بعدها اضغط على زر Settings و طبق كما بالصورة في حالة لم تجدها معدلة بشكل افتراضي.
5- بعد ذلك قم بعملية السحب لجميع الأيقونات التعبيرية أو قم بالضغط على زر Open و اختر جميع الأيقونات التي تريد استخدامها.
6- بعد انتهاءك من إضافة كافة الأيقونات إضغط على زر Downloads ثم من جهة اليسار اضغط على زر Spritesheet كما مبين في الصورة ..
7- ثم قبل الحفظ اختر اسما للمجموعة مثلا
spritesheet-xenArabiaوهكذا انتهينا من المرحلة الأولى و هي تجهيز الوجوه التعبيرية.
8- الأن قم برفع صورة الوجوه التعبيرية إلى المجلد التالي :
/styles/default/xenforo/reactions/emojione من خلال برنامج FTP او من خلال السي بانل.9- ثم من خلال لوحة تحكم المنتدى ثم تبويب المحتوى ثم التفاعلات كما مبين بالصورة
10- نضغط على زر إضافة التفاعل
11- اتبع ما موضح بالصور
وهذه هي النتيجة النهائية
ملاحظات مهمة :
- عند إضافة الايقونات لازم تحترم الأبعاد حتى لا تحدث لخبطة
-- فعند اختيارك لأبعاد الصور التعبيرية 32X32 فيجب أن تبدأ إحداثيات التموضع ب 0 - 0 ثم 0 - 32 ثم 0 - 64 ثم 0 - 96 ... وهكذا على حسبب عدد أيقونات الصور التعبيرية.
-- و عند اختيارك لأبعاد الصور التعبيرية 64X64 فيجب أن تبدأ إحداثيات الموضع بـ 0 - 0 ثم 0 - 64 ثم 0 - 128 ثم 0 - 192 و هكذا على حسب عدد أيقونات الصور التعبيرية.
و في الختام أرجو أن أكون وفقت في تقريب الفكرة لكم ، لانها تحتاج القليل من التركيز
في حالة وجود أي استفسار لا تترددوا بطرحه
مع كل الحب أخوكم
محمد
في حالة وجود أي استفسار لا تترددوا بطرحه
مع كل الحب أخوكم
محمد
التعديل الأخير:
