تقديم أداة WordPress Image Rotator Widget

WordPress

DK New Media كان لديه هذا البرنامج المساعد WordPress على الناسخ الخلفي لبعض الوقت. كان الطلب على ملحق دوار للصور بسيط وعالي الجودة مرتفعًا ليس فقط لعملائنا ، ولكن أيضًا لمجتمع WordPress. المكونات الإضافية التي وجدتها والتي وعدت بفعل ما نحتاجه إما معطلة أو لا تعمل على الإطلاق. لذلك صنعنا منطقتنا.

قم بتنزيل أو تثبيت Image Rotator Widget

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

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

لم تكن هذه التحولات أكبر مشكلة لدينا. كانت الإعدادات. كان هذا هو الجزء القبيح ، لكن هذه المرة صنعنا شيئًا أنيقًا. كنا نعلم أن عملية إضافة الصور إلى الدوار يجب أن تكون بسيطة. سيؤدي زر "+" العادي إلى استدعاء مربع حوار الوسائط في WordPress. من هناك ، قد يختار المستخدمون تحميل صورة جديدة ، أو تحديد صورة تم تحميلها مسبقًا من مكتبة الوسائط الخاصة بهم ، تمامًا كما لو كانوا يقومون بإدراج صورة في منشور. بعد انتهاء تحميل الصورة أو اختيار المستخدم صورة ، يجب عليه الضغط على الزر "Send to Image Rotator". بمجرد تحميل جميع الصور المرغوبة ، من السهل حقًا إدارتها.

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

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

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

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

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

قم بتنزيل أو تثبيت Image Rotator Widget

29 تعليقات

  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

ما رأيك؟

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