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

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

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

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

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

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

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

---

محتويات

---

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

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

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

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

---

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

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

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

تحضير الصور

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

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

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

---

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

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

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

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

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. قم بمعاينة عملك على الجهاز اللوحي والهاتف المحمول مع تحسين الهوامش والمزيد لعرض أفضل.

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

---

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

---

الموارد الأخرى ذات الصلة

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

---

خاتمة

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

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

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

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

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

...