مراجعة أداة الصورة من خبرائنا

-أداة-الصورة-من-خبرائنا.png


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

نظرة عامة على أداة الصورة

لماذا تحتاج إلى مكون إضافي لأدوات الصورة

قد تعتقد أن عرض صورة من مكتبة الوسائط الخاصة بك في الشريط الجانبي أو التذييل سيكون ميزة مضمنة في WordPress – لكنها ليست كذلك!

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

لذلك ، بالنسبة لمعظم مواقع WordPress ، من الضروري وجود مكون إضافي مع عنصر واجهة مستخدم للصور.

وفقًا لرجل الأعمال والمسوق جيف بولاس ، فإن المقالات التي تحتوي على صور لها مشاهدات أكثر بنسبة 94٪ من تلك التي لا تحتوي على صور. تجذب الصور الانتباه وتساعد في نقل المعلومات المهمة وتحافظ على اهتمام زوار موقعك على الويب.

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

كيفية تكوين القطعة الأولى للصورة

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

انتقل إلى المظهر »الحاجياتحيث سترى القطعة الجديدة متاحة.

نظرة عامة على عنصر واجهة الصورة - أضف عنصر واجهة مستخدم جديد

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

انقر هنا اختر صورة زر.

نظرة عامة على عنصر واجهة الصورة - اختر صورتك

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

بعد إدراج الصورة ، يمكنك إكمال الخيارات أدناه.

نظرة عامة على أداة الصورة - أكمل الخيارات

الخيارات هي:

  • عنوان: هذا هو عنوان القطعة التي سيتم عرضها فوق الصورة.
  • نص بديل: يتم عرض النص البديل عندما يقوم المستخدم بتمرير الماوس فوق الصورة ويتم قراءته أيضًا بصوت عالٍ بواسطة برامج قراءة الشاشة للمستخدمين ضعاف البصر. يجب استخدامه لوصف محتوى الصورة.
  • ذات صلة: هذه هي السمة “rel” للارتباط. يمكنك العثور على قائمة القيم لاستخدامها من خلال النقر فوق الارتباط الموجود أسفل الحقل.
  • التوقيع: أدخل شرح الصورة هنا. غالبًا ما تكون التعليقات على الصور هي النصوص الأكثر قراءة على الصفحة ، لذا تأكد من استخدامها لجذب اهتمام القراء.
  • الاتصال: أضف عنوان URL هنا إذا كنت تريد إضافة رابط للصورة. إذا لم يكن كذلك ، اتركه فارغًا.
  • معرف الارتباط: إضافة معرف إلى الارتباط الخاص بك. يمكنك استخدام المعرف الخاص بك للارتباط بهذا المكان على الصفحة أو تخصيص CSS للرابط. يجب أن تكون المعرفات فريدة – لا تستخدم نفس المعرف لأكثر من عنصر واحد في الصفحة.
  • ابق في النافذة / افتح نافذة جديدة: حدد ما إذا كنت تريد أن يفتح الرابط في نفس النافذة أم لا.
  • بحجم: حدد أحد الأحجام المعينة في السمة أو أدخل حجم صورة مخصصًا. إذا حددت “الحجم الكامل” ، فستلائم الصورة تلقائيًا عرض الشريط الجانبي لتلائم موضوع سريع الاستجابة.
  • محاذاة: حدد محاذاة الصورة. المحاذاة ليست للعنوان أو التسمية التوضيحية ، فقط للصورة.

معظم الخيارات اختيارية ويمكن تركها فارغة.

بعد تحديد الإعدادات ، انقر فوق الملف اكتب زر وسيتم تشغيل صورتك.

التوثيق والدعم

أداة Image Widget لها وظائف محدودة ، لذا فهي لا تتطلب الكثير من الوثائق. تعليمات التثبيت متاحة على WordPress.org والحقول المهمة لا تحتاج إلى شرح.

ومع ذلك ، قد يكون المزيد من التوثيق والشرح مفيدًا للمبتدئين ، مثل شرح حقلي “مرتبط” و “معرف الارتباط”.

إذا واجهتك مشكلة أو احتجت إلى مساعدة في حل مشكلة ما ، فيمكنك النشر على منتديات مساعدة WordPress.org. ومع ذلك ، فإن منتديات Image Widget ليست نشطة للغاية وتظل معظم سلاسل الرسائل بدون حل.

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

يحتوي المكون الإضافي Jetpack من Automattic على وحدة يمكن الوصول إليها تسمى Extra Sidebar Widgets. يتضمن هذا أداة الصورة بالإضافة إلى الأدوات لعرضها:

  • اخر التغريدات
  • الفيسبوك مثل الصندوق
  • شارة Google+
  • ملف Gravatar الشخصي
  • معرض الفنون
  • أحدث عشرة منشورات WordPress (من مدونتك أو غيرها)
  • أيقونات الوسائط الاجتماعية
  • معلومات الاتصال
  • جودريدز الجرف

إذا قمت بتثبيت Jetpack وتنشيطه ، فيمكنك تنشيط وحدة Extra Sidebar Widget بالانتقال إلى Jetpack »الإعدادات وانقر فوق الارتباط تكوين بجوار اسم الأداة.

نظرة عامة على عنصر واجهة الصورة - وحدة Jetpack

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

بخلاف ذلك ، يقدم Jetpack أساسًا نفس الخيارات مثل المكون الإضافي Image Widget. لديهم أيضًا روابط لوسائل شرح لكل حقل غير موجود في Image Widget.

نظرة عامة على عنصر واجهة الصورة - خيارات Jetpack

لكن تنشيط المكون الإضافي Jetpack ووحدة Extra Sidebar Widget أيضًا ينشط العديد من الوظائف والميزات الأخرى التي قد تحتاجها أو لا تحتاجها.

إذا كنت تحتاج فقط إلى عنصر واجهة مستخدم للصور ولن تستخدم ميزات Jetpack الأخرى ، فننصحك باستخدام Image Widget.

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

حكمنا

كمكوِّن إضافي ذي وظيفة واحدة ، فإن أداة Image Widget تنجز المهمة. إذا كنت بحاجة إلى طريقة سريعة وسهلة لإضافة الصور وتكوينها في مناطق عناصر واجهة المستخدم ، فإن هذا البرنامج المساعد يناسبك.

قد يواجه المبتدئون صعوبة صغيرة في فهم الخيارات المتقدمة وإعدادها نظرًا لوجود نقص في التوثيق والدعم.

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

نعطي Image Widget 3 من أصل 5 نجوم. فيما يلي ملخص تقييماتنا:

تنزيل أداة الصورة الآن »



scroll to top