كيفية إنشاء قسم أعضاء الفريق باستخدام Elementor

هل تريد إنشاء قسم لأعضاء الفريق باستخدام Elementor؟ حسنًا، أنت في المكان الصحيح.

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

مع Elementor، أداة إنشاء صفحات WordPress الرائدة، يمكنك إنشاء عروض تقديمية لفريقك تكون مبهجة من الناحية الجمالية بقدر ما هي عملية.

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

سواء كنت تريد عرضًا كلاسيكيًا أو عرضًا تقديميًا أكثر تفاعلية، فإن Elementor يمنحك أدوات قوية لتحقيق رؤيتك.

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

---

محتويات

---

لماذا إنشاء قسم أعضاء الفريق؟

قسم أعضاء الفريق هو أكثر من مجرد قائمة بالصور والأسماء؛ إنه يلعب دورًا حاسمًا في تقديم عملك. هنا هو السبب في أنه من الضروري:

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

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

---

قم بإعداد المحتوى الخاص بك

جمع المعلومات

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

تحضير الصور

تأكد من حصولك على صور عالية الجودة لكل عضو في الفريق. يجب أن تكون الصور احترافية ومتسقة في الأسلوب للحفاظ على عرض تقديمي موحد.

قم بالترحيل إلى Elementor Pro

سوف تحتاج نسخة الموالية Elementor، لأننا استخدام كود CSS المخصص وهو أمر ممكن فقط مع الإصدار المحترف من Elementor. إذا لم تقم بذلك بعد، قم بترقيته.

---

كيفية إنشاء قسم أعضاء الفريق باستخدام Elementor

سنوضح لك في هذه المقالة كيفية إنشاء قسم جميل لأعضاء الفريق باستخدام صفحة منشئ Elementor.

لفهم ما نتحدث عنه في هذا البرنامج التعليمي، ندعوكم لمشاهدة الفيديو التالي:

إذا كان لديك ما نتحدث عنه اليوم، فلنبدأ.

1. قم بإنشاء صفحة وتحريرها باستخدام Elementor.

2. انقر على الزر + لإنشاء قسم
3. انقر على فليكس بوكس
4. حدد هيكل 4 أعمدة

5. في لوحة عنصر واجهة المستخدم، في علامة التبويب تخطيط، في حقل الحد الأدنى للارتفاع، حدد vh ثم اضبط شريط التمرير على 100.

6. حدد الحاوية الأولى لتعديلها وانقر فوق علامة التبويب خيارات متقدمة.
7. اضبط جميع الهوامش على 30.

8. في علامة التبويب أسلوب، تغيير نوع الخلفية إلى كلاسيكي
9. حدد الصورة التي تم اختيارها مسبقًا من مكتبة الوسائط الخاصة بك
10. في دقة الصورة، يختار جميع.
11. في موضع ،حدد تتمركز في الأعلى,
12. ملف مرفق في التمرير,
13. كرر في لا تكرار
14. حجم تشغيل الشاشة غطاء

15. أدخل عنصر واجهة مستخدم حاوية آخر في الأول
16. في حقل الاتجاه، حدد عمودي
17. تبرير المحتوى على نهاية
18. محاذاة العناصر إلى مركز
19. في خيارات إضافية، اختر قناع على الفائض

اقرأ دليلنا على: كيفية إنشاء بطاقة منتج باستخدام Elementor

20. في الحدود، قم بتعيين الكل الحدود في 12.
21. إضافة تأثيرات الظل. في تحرير Box Shadow
22. عمودي في 22
23. Flou في 40
24. الناشر في -10.

25. أضف القطعة العنوان في الحاوية الداخلية
26. إعطاء العضو اسما
27. مركز القطعة

28. في علامة التبويب الطراز,
29. تعديل لون الخط
30. في أسلوب الطباعة choisir 22 لحجم الخط
31. 500 إلى شحم
32. تحول في أحرف كبيرة
33. تباعد الحروف في 1.2

اقرأ أيضا: كيفية تغيير رأس الصفحة في التمرير باستخدام Elementor

34. تكرار القطعة العنوان
35. تغيير عنوان القطعة الثانية
36. في الطباعة اختر 15 لحجم الخط
37. 500 للعرض
38. تحويل على خلل
39. تشغيل تباعد الحروف 1.2
40. في علامة التبويب متقدم، تعريف الهامش العلوي في -15.
41. أضف أداة أيقونات الوسائط الاجتماعية إلى الحاوية الداخلية

42. انتقل إلى علامة التبويب الطراز
43. تغيير اللون إلى مخصص
44. جعل اللون الأساسي شفافا
45. اضبط الهوامش الداخلية على 0.30

46. في علامة التبويب متقدم، قم بتعيين الهوامش عالية من 10

47. حدد الحاوية الداخلية لتعديلها وفي علامة التبويب نمط:
48. اختر النوع كلاسيكي وعلى اللون أدخل # FFFFFF28.
49. حدد الحاوية الداخلية لتعديلها وفي علامة التبويب متقدم في الحقل فئات CSS، للإدخال معلومات العضو

اقرأ أيضا: كيفية التمرير عبر صورة طويلة لمحفظة باستخدام Elementor

50. حدد الحاوية الأولى ثم في علامة التبويب متقدم في الحقل CSS مخصصة، الصق الكود التالي:

/* CSS effet de verre*/
selector {
    --height: 150px;
    --bottom: -150px;
    overflow: hidden !important;
}
selector .member-info{
    height: var(--height);
    position: absolute;
    backdrop-filter: blur(15px);
    bottom: 0;
    transition: .5s ease-in-out;
}

51. بعد كود CSS الأول، انسخ وألصق الكود التالي:

/* CSS pour masquer ou afficher au survol*/
selector .member-info{
    bottom: var(--bottom);
}
selector:hover .member-info{
    bottom: 0px;
}

52. الآن عندما تقوم بالتمرير فوق الصورة، ستظهر معلومات العضو.

53. كرر العمود 3 مرات
54. قم بإزالة الأعمدة الفارغة الأخرى
55. ثم حدد كل حاوية وقم بتغيير صورة الخلفية إلى صورة عضو آخر في الفريق
56. قم بتعديل معلوماتها، وافعل الشيء نفسه مع الحاويات الأخرى.

57. قم بمعاينة عملك على الجهاز اللوحي والهاتف المحمول مع تحسين الهوامش والمزيد لعرض أفضل.

وبهذه الطريقة يمكنك إنشاء قسم رائع لأعضاء الفريق

---

الأسئلة الشائعة

---

آخر RESSOURCES مرتبطة

• كيفية إتقان Elementor على WordPress: التثبيت والاستخدام والميزات المتقدمة - 
• مراجعة Elementor - شيء واحد فقط يهم، لا شيء آخر
• كيفية إنشاء نموذج باستخدام Free Elementor
• كيفية تخصيص نموذج الاتصال 7 مع الإضافات الأساسية

---

وفي الختام

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

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

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

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

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

...