اسحب في القطعة شريط التمرير الشعار، أضف كل شعار كصف مكرر، وقم بتعيين الشرائح لكل عرض لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول، وقم بتشغيل التشغيل التلقائي باستخدام الحلقة. إنها أداة مجانية، واحدة من عائلة كاملة من الحاجيات الدائرية، والأمر برمته يستغرق حوالي خمس دقائق.
الإعداد سهل. الأمر غير السهل هو جعل اثني عشر شعارًا من اثنتي عشرة شركة مختلفة تبدو وكأنها تنتمي إلى نفس الصف. هذه هي المشكلة الفعلية في كل شريط شعار، والنصف الثاني منه يغطيه.
الخطوة 1: أضف عنصر واجهة مستخدم Logo Slider
ابحث في لوحة Elementor عن “logo slider” واسحبه للداخل. إنه جزء من البرنامج الإضافي Master Addons المجاني، و انهيار الحرة مقابل الاحترافية لديه القائمة الكاملة لما هو موجود في هذا المستوى. ال وثائق شريط تمرير الشعار يغطي كل عنصر تحكم إذا كنت تريد الإصدار المرجعي. تقوم معظم المكونات الإضافية الإضافية بشحن عنصر واجهة مستخدم شعار من نوع ما، و مقارنة المكونات الإضافية الدائرية يقول أي منها يضعه خلف الترخيص.
الخطوة 2: أضف الشعارات الخاصة بك
كل شعار عبارة عن صف مكرر: صورة الشعار، ورابط اختياري، ونص تحويم اختياري أو صورة تحوم. يأتي النص البديل من حقل النص البديل للصورة في مكتبة الوسائط.
شيئان يجب القيام بهما هنا ويتخطاهما معظم الناس:
اكتب نص بديل حقيقي. شعار “Acme Corp،” وليس “logo-1.png.” يعد شريط الشعار أحد الأماكن القليلة التي يحمل فيها النص البديل معلومات حقيقية، لأن أسماء الشركات هي المحتوى. لا يحصل مستخدمو قارئ الشاشة على أي شيء من اثنتي عشرة صورة تسمى “image.”
ربط كل شعار فقط إذا كانت الوجهة مفيدة. يؤدي ربط شعارات العميل بمواقع العميل إلى إرسال حركة المرور الخاصة بك بعيدًا عن الصفحة التي تم تحويلها إليها. قم بربطها بدراسات الحالة الخاصة بك بدلاً من ذلك، أو لا تربطها على الإطلاق. يعمل شريط الشعار بشكل جيد كإشارة ثقة ثابتة.
الخطوة 3: التخطيط والسلوك
تحتوي شرائط الشعار على إعدادات افتراضية مختلفة عن دوارات الصور، لأن المهمة مختلفة. لا أحد يدرس الشعار. يسجلونه في نصف ثانية.
- الشرائح لكل عرض: ستة على سطح المكتب، وأربعة على الكمبيوتر اللوحي، واثنان أو ثلاثة على الهاتف المحمول. كثافة أعلى من دائري الصور، لأن الشعارات صغيرة والنقطة هي الكمية.
- التشغيل التلقائي: على. وهذا عكس قاعدة الشهادة. لا يوجد شيء للقراءة، لذا فإن الحركة المستمرة لا تكلف شيئًا وتظهر شعارات أكثر من صف ثابت.
- سرعة: أبطأ مما يبدو صحيحا. 4000 إلى 6000 مللي ثانية. يُقرأ شريط الشعار السريع على أنه مضطرب.
- حلقة: قم بتشغيل، وتأكد من أن لديك على الأقل ضعف شرائحك في كل عرض. يحتاج ستة في كل عرض إلى اثني عشر شعارًا كحد أدنى وإلا سيقفز الغلاف بشكل واضح.
- الأسهم والنقاط: عن. شريط الشعار ليس شيئًا يتنقل فيه الناس.
ضبط تأخير التشغيل التلقائي على 0 ويصبح الكاروسيل سرادقًا مستمرًا بدلاً من التحرك شريحة تلو الأخرى. هذا هو المظهر الذي تستخدمه معظم المواقع الحديثة لشرائط الشعارات، و دليل سرادق يغطي الإعدادات بالتفصيل.
الخطوة 4: اجعل الشعارات غير المتطابقة تبدو متسقة
ها هي المشكلة الحقيقية. لديك اثني عشر شعارًا. أربعة منها عبارة عن علامات نصية واسعة، وثلاثة أيقونات مربعة، واثنتان بها حشوة داخلية ضخمة مخبوزة في بابوا غينيا الجديدة، وواحدة عبارة عن قفل طويل مكدس. أسقطها في صف بنفس العرض ويبدو وكأنه مذكرة فدية.
الحجم حسب العرض هو الخطأ. العلامة النصية العريضة التي تم ضبطها على عرض 160 بكسل صغيرة بصريًا؛ أيقونة مربعة بعرض 160 بكسل هائلة. إنهم نفس الرقم ولا يبدون متشابهين على الإطلاق.
الحجم حسب المنطقة البصرية بدلا من ذلك. قم بتصدير كل شعار على نفس اللوحة القماشية، وامنح كل علامة ارتفاعًا مرئيًا مشابهًا يبلغ حوالي 40 إلى 50 بكسل في الشريط النهائي، واضبط الملفات الفردية لأعلى أو لأسفل حتى تبدو متوازنة. تعرض الأداة كل شعار بنفس دقة الصورة، لذلك يحدث هذا التوازن في ملفات الصورة. الحول في الصف: أي شعار يقفز للخارج كبير جدًا، وأي شعار يختفي صغير جدًا. ثق بعينك فوق الأرقام، لأن عينك هي ما سيستخدمه الزوار.
تصطدم بطاقات المنتج بنفس عدم التطابق من الاتجاه الآخر، حيث تكون الصور الشخصية والمربعة في أحد الأشرطة هي ما يجعل دائري المنتج تبدو رخيصة. الإصلاح هناك نسبة عرض إلى ارتفاع ثابتة بدلاً من ارتفاع ثابت.
إصلاحان آخران لنفس المشكلة:
قم بقص الحشوة المخبوزة. غالبًا ما تحمل الشعارات المصدرة من مجموعات العلامات التجارية مساحة واضحة وسخية داخل ملف الصورة. هذه الحشو غير مرئية وتجعل الشعار أصغر من جيرانه على نفس الارتفاع. قم بالقص إلى المربع المحيط المرئي قبل التحميل.
استخدم SVG حيث يمكنك. الشعارات هي أعمال فنية متجهة. يظل SVG حادًا بأي حجم، ويزن جزءًا صغيرًا من PNG، وهذا هو الجزء المفيد، ويمكن إعادة تلوينه باستخدام CSS، مما يجعل المعالجة بالتدرج الرمادي أدناه تافهة.
الخطوة 5: التحليق ذو التدرج الرمادي
الشعارات غير مشبعة أثناء الراحة، بالألوان الكاملة عند التحليق. إنها المعالجة الافتراضية لسبب ما: اثني عشر شعارًا في اثنتي عشرة لوحة تجارية عبارة عن فوضى بصرية، والتدرج الرمادي يحولها إلى نسيج واحد متماسك.
لا يحتوي شريط تمرير الشعار على مفتاح تدرج رمادي، لذلك هناك طريقتان للقيام بذلك. قم بتحميل ملفات التدرج الرمادي كشعار العميل وإصدارات الألوان كصورة شعار Hover، أو أضف مرشح التدرج الرمادي CSS إلى الشعارات باستخدام CSS مخصص وقم بإزالته عند التمرير. يمكن لإعداد التعتيم في عناصر الكاروسيل أن يخفف الشعارات إلى حوالي 0.6 في حالة الراحة و1 في التمرير. إذا كنت تستخدم CSS، فاحتفظ بالانتقال عند 200 إلى 300 مللي ثانية. أسرع من ذلك ويومض؛ أبطأ ويشعر باللزجة.
حالة واحدة لا ينبغي عليك القيام بها: إذا كانت الشعارات عبارة عن إشارات صحفية وليست عملاء، فإن شريط Forbes وTechCrunch، اتركها ملونة. يتم التعرف على هذه الشعارات من خلال لونها، ويكلفك عدم تشبعها التقدير الذي كنت تشتريه.
الشريط النهائي
أين يمكن وضعها: مباشرة أسفل البطل، أو مباشرة أسفل الدعوة الأساسية للعمل. يعمل كلا الموقفين لأن كلاهما لحظات يقرر فيها الزائر ما إذا كان سيثق بك أم لا.
أين لا تضعه: التذييل. شريط الشعار الموجود في التذييل عبارة عن زخرفة. لا أحد يمرر إلى التذييل ليقتنع.
تعد شرائط الشعار أحد الأقسام القليلة التي تتفوق فيها أداة المخزون على أداة مصممة، ولهذا السبب لا تتفوق أي من العشرين منشئ القطعة تحاول التصاميم استبدالها. إذا كنت تريد تصميمات Pro للأقسام الأخرى، فإن صفحة التسعير لديه الطبقات.
كم عدد الشعارات؟
ثمانية إلى ستة عشر. أقل من ثمانية وشريط تمرير يلفت الانتباه إلى عدد قليل منها، لأن الصف الثابت المكون من ستة يبدو أكثر ثقة من ستة شعارات لركوب الدراجات. خلال السادسة عشرة، لا أحد يرى النصف الخلفي، لذا قم بالقيادة بالأسماء التي سيتعرف عليها الناس.
وإذا كان لديك أربعة عملاء فقط: أظهر أربعة، في صف ثابت، بحجم مناسب. الكاروسيل هو وسيلة للتعامل مع الوفرة. إن استخدام واحدة لإخفاء الندرة يفعل عكس ما تريد.
الأسئلة المتداولة
هل لدى Elementor أداة دوارة للشعار؟
ليس في النواة. لا يتضمن Elementor free ولا Pro شعارًا دائريًا مخصصًا، على الرغم من أن Image Carousel الأساسي يمكنه إظهار صف بسيط من الشعارات. يضيف شريط تمرير شعار Master Addons المجاني روابط لكل شعار، ونص التمرير أو الصور المتحركة، وتلميحات الأدوات، وشريطًا على شكل سرادق عند ضبط سرعة التشغيل التلقائي على 0.
كيف يمكنني جعل الشعار دائري يتم تمريره بشكل مستمر في Elementor؟
قم بتشغيل التشغيل التلقائي والحلقة اللانهائية، ثم اضبط تأخير التشغيل التلقائي على 0. يؤدي التأخير بمقدار صفر إلى إزالة الإيقاف المؤقت لكل شريحة، وبالتالي يتحرك المسار بشكل مستمر بدلاً من التحرك. اضبط السرعة على 4000 إلى 6000 مللي ثانية بحيث تبدو هادئة وليست محمومة.
كيف أصنع شعارات بنفس الحجم في دائري؟
اضبط ارتفاعًا ثابتًا للحاوية، من 40 إلى 50 بكسل، واترك العرض يعمل تلقائيًا، بدلاً من تثبيت العرض. ثم اضبط الشعارات الفردية بالعين المجردة، لأن العلامة النصية العريضة والأيقونة المربعة بنفس القياس تبدو بأحجام مختلفة تمامًا. قم بقص أي حشوة مخبوزة من ملفات الصور أولاً.
هل يجب أن تكون الشعارات ذات تدرج رمادي أم بالألوان الكاملة؟
تدرج رمادي في حالة راحة مع اللون عند التمرير لشعارات العميل والشريك، لأنه يحول عشرات اللوحات المتضاربة إلى شريط واحد متماسك. احتفظ بشعارات الصحافة والوسائط بالألوان الكاملة، لأنه يتم التعرف عليها من خلال لونها وعدم تشبعها يفقد التعرف عليها.
كم عدد الشعارات التي يجب أن تكون في الشعار الدائري؟
ثمانية إلى ستة عشر. أقل من ثمانية يبدو أفضل كصف ثابت من الشريط المتحرك، لأن التمرير يلفت الانتباه إلى عدد قليل منه. أكثر من ستة عشر يعني أن النصف الخلفي لم يُرى أبدًا، لذا ضع الأسماء التي يمكن التعرف عليها أولاً.
هل يمكنني ربط كل شعار بصفحة مختلفة؟
نعم، كل صف مكرر له حقل الارتباط الخاص به. فكر فيما إذا كنت تريد ذلك، على الرغم من ذلك: يؤدي ربط شعارات العميل بمواقع العميل إلى إرسال حركة المرور المحولة بعيدًا. إن ربطها بدراسات الحالة الخاصة بك يبقي الزائر ويقوم بالمزيد من العمل.
التالي
الصور الفوتوغرافية بدلا من الشعارات؟ عناصر واجهة مستخدم مختلفة، إعدادات افتراضية مختلفة: كيفية إنشاء صورة دائرية في Elementor. هناك أيضًا مجموعة من عشرون تصميمًا منزلقًا مسمىًا، ثمانية منها مجانية الاستيرادعلى الرغم من أنه لا يوجد شريط شعار، لذلك بالنسبة للشعارات، يظل Logo Slider هو الأداة.
إذا توقف الشريط عن الحركة بعد تحديث البرنامج المساعد للتخزين المؤقت، فهذه مشكلة تهيئة Swiper و الإصلاح هنا. كل شيء على شكل دائري يعيش على الحاجيات الدائرية العنصر صفحة.
