أضف عنصر واجهة مستخدم دوار للصور متجاوب إلى موقعك على أي منصة

أداة تدوير الصورة

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

معرض الصور المستجيب Elfsight القطعة

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

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

القطعة معرض صور المنتج مع الصور العمودية

القطعة معرض الصور مع النقاط

القطعة معرض الصور مع الصور الأفقية

أداة موزايك للصور المستجيبة

القطعة معرض الصور مع صور عمودية أفقية

القطعة معرض صور البلاط

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

تخطيطات معرض الصور مع أداة Elfsight

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

عمل القطعة المدورة للصورة

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

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

قم بإنشاء عنصر واجهة مستخدم الصورة الآن

الإفصاح: نحن شركة تابعة لـ العفريت وأيضًا عميل سعيد!

31 تعليقات

  1. 1

    كيف يعمل تحجيم الصور؟ لاحظت أن مربع التحميل يقول 200 × 200. ماذا لو كانت صورتي ذات أبعاد مختلفة؟

    • 2

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

  2. 3

    ستعمل نسب العرض المختلفة ، لكن نسب الارتفاع لن تعمل. اعتبارًا من الآن ، للحصول على أفضل النتائج من الأداة ، يجب أن تجعل جميع الصور التي تخطط لاستخدامها بنفس الارتفاع.

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

  3. 5
  4. 9
  5. 10

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

    لقد أضفت لقطة شاشة ، وعلى الرغم من أنها باللغة الهولندية ، يجب أن تكون قادرًا على رؤية أن زر "إرسال صورة ..." مفقود. سأكون ممتنا مساعدتك.

    شكر،

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

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

      دوغ

      • 12

        مرحبا دوغ ،
        شكرا جزيلا لردك السريع. الترجمة الصحيحة ستكون "invoegen in image rotator widget".
        آمل حقا أن يعمل هذا. من ناحية أخرى ، لا أمانع في استخدام "إرسال الصورة إلى القطعة المدورة" باللغة الإنجليزية إذا كان ذلك سيحل المشكلة.

        ألطف ،
        هيلين

      • 13

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

  6. 14

    تم تحميل هذا الآن مع حقل العنوان! مشروعنا التالي هو معرفة ما إذا كنا لا نستطيع الحصول على علامات الربط من برنامج تحميل مكتبة الوسائط ليتم دمجها.

  7. 18

    مرحبًا ، أرغب في تغيير جافا سكريبت لتلاشي الصورة بحيث تتلاشى إحدى الصور إلى التالية بدلاً من أن تتلاشى إلى اللون الأبيض في المنتصف. ما الذي أحتاجه لتغيير هذا؟

  8. 19
  9. 21
  10. 22

    أنا أحب البرنامج المساعد وهو يعمل جيدًا بالنسبة لي. أسئلتي الوحيدة ، هل هناك طريقة لفتح الرابط في نافذة جديدة؟

    • 23

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

      • 24

        لقد جربت ما نجح مع المكونات الإضافية الأخرى ، لكن دون حظ. هل من الممكن أن تخبرني أين أجري التغييرات وكيف؟

        شكرا لكم,
        جانيت

    • 26
  11. 27

    شكرا لالمساعد عظيم. سؤال واحد - هل هناك خيار وجود نسختين من المكون الإضافي؟ أرغب في استخدام مجموعة واحدة من الصور في مكان ومجموعة أخرى من الصور في مكان آخر.

  12. 29
  13. 30
    • 31

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

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.