فريق المنزلق
يبيع فريقك العمل بقدر ما يبيع أي شيء على الصفحة، ولكن نادرًا ما تهبط شبكة مسطحة من لقطات الرأس بهذه الطريقة. الإضافات الرئيسية منزلق فريق العنصر يحول هذه الملفات الشخصية إلى دائري يمكن للأشخاص تصفحه: الصور والأسماء والأدوار والسير الذاتية القصيرة والروابط الاجتماعية، والانزلاق في تخطيط تتحكم فيه. اختر نمطًا محددًا مسبقًا، وأضف كل عضو من خلال مكرر بسيط، وسيكون لديك دائري أعضاء الفريق حتى دون كتابة أي رمز.
إنه أكثر من صف من الوجوه. تمنح تأثيرات التمرير والتشغيل التلقائي والتصميم لكل عنصر كل ملف تعريف القليل من الشخصية وتبقي الأشخاص ينقرون على الفريق بأكمله بدلاً من التوقف عند البطاقة الأولى. يُظهر الفيديو أدناه البناء. وفي الأسفل، تحصل على الإعدادات المسبقة وإعدادات الرف الدائري والإرشادات السريعة.
ما هو منزلق فريق العنصر؟
شريط تمرير الفريق عبارة عن شريط دائري يعرض لأشخاصك بطاقة واحدة في كل مرة بدلاً من تكديسهم في شبكة ثابتة. يقوم الزائرون بالتمرير أو النقر فوق الملفات الشخصية، وتحمل كل بطاقة صورة واسمًا ودورًا وروابط اجتماعية عادةً. ستراها تسمى شريط تمرير أعضاء الفريق أو شريط تمرير أعضاء الفريق أيضًا. نفس الفكرة في كلتا الحالتين: قم بتركيب فريق كبير في مساحة صغيرة ودع الأشخاص يتحركون من خلالها بدلاً من التمرير عبر جدار من الصور.
يمكنك الاقتراب من الرف الدائري الأساسي لـ Elementor والكثير من التصميم اليدوي، ولكن بعد ذلك يقع على عاتقك تخطيط الملف الشخصي وحالات التحويم والسلوك المستجيب للبناء ومواصلة العمل. تقوم أداة Master Addons بشحنها كإعدادات مسبقة، لذا فإن معظم العمل عبارة عن تكوين وليس تصميم. إذا كانت الشبكة الثابتة تناسبك بشكل أفضل من الرف الدائري، فإن دليل قسم أعضاء الفريق يغطي ذلك بدلا من ذلك.
ابدأ بإعداد مسبق للأسلوب الجاهز
ليس عليك تصميم بطاقة من الصفر. ابدأ من إعداد مسبق مثل Team Carousel أو Circle Gradient أو Content on Hover، كل واحدة منها تبدو نهائية يمكنك تعديلها. ثم قم ببناء الفريق في مكرر المحتوى: أضف عنصرًا لكل عضو، وقم بتحميل الصورة، واضبط دقة الصورة، واملأ الاسم والتسمية والوصف القصير. إنها تعمل كقاعدة بيانات مرئية صغيرة لفريقك، ويتم تشغيلها من لوحة واحدة.
- الإعدادات المسبقة بنقرة واحدة: قم بتطبيق تصميم كامل مثل Team Carousel أو Circle Animation وسيكون لديك تخطيط للبدء منه.
- إدارة المكرر: قم بإضافة الأعضاء أو إزالتها أو سحبها بالترتيب باستخدام الزر + إضافة عنصر.
- الملفات الشخصية الكاملة للأعضاء: الصورة والاسم والتسمية والوصف والروابط الاجتماعية لكل شخص.
الضوابط الدائرية والملاحة
اضبط الرف الدائري ليتصرف بالطريقة التي تريدها. قم بتشغيل التشغيل التلقائي واضبط سرعته، واختر عدد الشرائح التي يتم تمريرها في المرة الواحدة، وقم بتشغيل Loop للحصول على دائري لا نهاية له. ثم قرر كيفية تحرك الأشخاص من خلاله: الأسهم أو النقاط أو كليهما، والجلوس داخل شريط التمرير أو خارجه. يمكنك أيضًا إخفاء الأسهم على الهاتف المحمول، وهو أمر يستحق القيام به نظرًا لأنها تميل إلى ازدحام شاشة الهاتف على أي حال.
- التشغيل التلقائي والحلقة: اضبط سرعة التشغيل التلقائي وسرعة الرسوم المتحركة والحلقة والشرائح للتمرير.
- ملاحة: الأسهم أو النقاط أو كليهما، مع تحديد موضع مخصص.
- متنقل: قم بإخفاء أسهم التنقل على الهواتف لإبقاء العرض مفتوحًا.
قم بتصميم كل عنصر من عناصر شريط التمرير
أنماط كل طبقة بمفردها. اضبط المظهر العام أولاً، وخلفية شريط التمرير ومحاذاة المحتوى، ثم انتقل إلى التفاصيل: أعط الاسم والتعيين والوصف لونه ونوعه وتباعده. تحتوي بطاقة العضو على خلفيات وحدود وظل مربع منفصل لحالاتها العادية والتحويمية والنشطة، بحيث تتفاعل البطاقة فعليًا أثناء تحرك الأشخاص عبر الرف الدائري.
- تصميم النص: افصل بين النوع واللون والتباعد بين الاسم والدور والسيرة الذاتية.
- تنص البطاقة على: تصميم مختلف للبطاقة عندما تكون عادية أو تحوم أو نشطة.
- تصميم السهم: اللون والخلفية والحجم والحدود والحشوة لأسهم التنقل العادية والتحويم.
الملامح الاجتماعية وتأثيرات التحويم
أضف عنوان URL الخاص بالعضو على Facebook أو Twitter أو LinkedIn أو Instagram وتظهر الرموز على بطاقته كمجموعة مصممة. بعض الإعدادات المسبقة، مثل Social Left on Hover أو Content on Hover، احتفظ بالسيرة الذاتية أو الرموز مرة أخرى حتى يقوم شخص ما بتمرير البطاقة، ثم كشفها. يمكنك تلوين الرموز وخلفياتها بشكل منفصل للحالات العادية وحالات التمرير، بحيث يبدو الكشف جزءًا من التصميم بدلاً من فكرة لاحقة.
- تكامل وسائل التواصل الاجتماعي: أضف ما يصل إلى أربعة عناوين URL للملفات الشخصية الاجتماعية لكل عضو في الفريق؛ يتم عرض الرموز تلقائيًا.
- تصميم الأيقونة: قم بتخصيص لون وخلفية الأيقونة الاجتماعية لكل من الحالات العادية وحالات التمرير.
- الإعدادات المسبقة التفاعلية: استخدم الإعدادات المسبقة مع الرسوم المتحركة المضمنة للكشف عن السير الذاتية أو الروابط الاجتماعية بشكل أنيق.
كيفية إضافة شريط تمرير الفريق في Elementor؟
يستغرق شريط تمرير فريق العمل بضع دقائق. لا توجد رموز مختصرة، ولا يوجد مكون إضافي منفصل لشريط التمرير.
- قم بتثبيت الإضافات الرئيسية وتنشيطها، ثم قم بتحرير صفحة باستخدام Elementor.
- ابحث في لوحة الأدوات عن فريق المنزلق واسحبه إلى الصفحة.
- اختر نمطًا محددًا مسبقًا لتعيين المظهر الأساسي.
- في مكرر المحتوى، انقر فوق + إضافة عنصر لكل عضو واملأ الصورة والاسم والتسمية والوصف والروابط الاجتماعية.
- افتح إعدادات Carousel للتشغيل التلقائي والحلقة والشرائح للتمرير والتنقل.
- قم بتصميم النص والبطاقات والأسهم لتتناسب مع علامتك التجارية، ثم قم بالنشر.
شيء واحد يجب التحقق منه قبل الانتهاء من ذلك: تحميل صور مربعة ومقصوصة بالتساوي. أحجام الصور غير المتطابقة هي السبب المعتاد وراء ظهور شريط تمرير الفريق، نظرًا لأن لقطة رأس طويلة واحدة تؤدي إلى إخراج الصف بأكمله من الخط. يتم تغطية كل إعداد في وثائق دائري لأعضاء الفريق.
ليس فقط للفرق: العملاء والشهادات
تم تصنيفها للفرق، ولكن تحت غطاء المحرك يوجد دائري للملف الشخصي، لذلك يمكن استخدامه كشريط تمرير للشهادة أو دائري للعميل. قم بإسقاط شعار العميل أو صورة العميل في حقل الصورة، والشخص أو الشركة في الاسم، ودورها في التعيين، والاقتباس في الوصف. يتم ترحيل نفس الإعدادات المسبقة وعناصر التحكم.
- صفحة الفريق: الصور والأدوار والسير الذاتية والروابط الاجتماعية لموظفيك.
- منزلق الشهادة: صورة العميل والاسم والشركة وعرض أسعارهم.
- دائري العميل: شعارات تحتوي على سطر قصير حول كل مشروع.
- تشكيلة المتحدثين أو المؤلفين: لقطات للرأس مع سيرة ذاتية ورابط للخارج.
إذا كنت تريد فقط صورة دائرية عادية، فإن صورة العنصر الدائرية هو الاختيار الأبسط.
الأسئلة المتداولة لعنصر منزلق الفريق
كم عدد أعضاء الفريق الذين يمكنني إضافتهم إلى شريط التمرير؟
بقدر ما تحتاج. استمر في النقر فوق + إضافة عنصر في قسم المحتوى لإضافة ملفات تعريف، ويأخذ الرف الدائري أي رقم. ومع ذلك، يمكن لفريق كبير جدًا سحب التحميل الأولي للصفحة، لذا قم بضغط صور الأعضاء وتشغيل التحميل البطيء بمجرد وصولك إلى العشرات.
هل يستجيب شريط تمرير فريق Elementor على الهاتف المحمول والكمبيوتر اللوحي؟
نعم. يتكيف شريط التمرير والصور والنص والتنقل، ويتم ضبط الشرائح لكل عرض وفجوة العنصر على شاشات أصغر. للتحكم بشكل أكثر إحكامًا، استخدم وضع الاستجابة الخاص بـ Elementor لتعيين أحجام خطوط مختلفة أو أبعاد صورة على الجهاز اللوحي والهاتف المحمول.
هل يمكنني استخدامه للشهادات أو العملاء بدلاً من الفريق؟
نعم. إنه ملف تعريف دائري مرن. ضع شعار العميل أو صورة العميل في الصورة، والاسم الموجود في العنوان، والشركة أو الدور في التعيين، والاقتباس في الوصف. يمنحك ذلك شريط تمرير الشهادة أو دائري العميل دون إضافة عنصر واجهة مستخدم آخر.
كيف يمكنني تغيير سرعة التشغيل التلقائي؟
في إعدادات الكاروسيل، ابحث عن سرعة التشغيل التلقائي. القيمة بالمللي ثانية، لذا فإن 5000 هي خمس ثوانٍ. قم بخفضه للحصول على شرائح أسرع (3000 لمدة ثلاث ثوانٍ) أو ارفعه لإبطائها (7000 لمدة سبع ثوانٍ).
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
